Gestores de contenidos

Diseño Web, Gestores de contenidos, Webs

Cómo mostrar posts en una página de WordPress sin código

Hace tiempo explicamos cómo crear una plantilla usando el loop para mostrar posts en una página. Pero implicaba modificación de ficheros por FTP y cambio de código. Ese artículo sigue vigente, pero dependiendo de tu plantilla, el loop será diferente y  también el código a poner. Así que fácil no es. Como es una pregunta recurrente en el blog, hoy os dejamos una solución más sencilla usando un plugin: Content Views. Con más de 40.000 descargas, y 4.8 de 5 de puntuación, se puede ver que es algo que los usuarios requieren. Content Views te permite crear diferentes Loops o Vistas personalidas. Tras instalar el plugin, te crea un menú en el backend desde donde poder gestionar los Views. Estos views son loops personalizados donde puedes elegir desde las categorías a mostrar, si quieres posts o páginas, el número de posts a incluir, si excluir alguno, si mostrar autor, fecha o no… También tienes una segunda pestaña donde definir el estilo del View y ahí puedes elegir el número de columnas, si es en Grid o lista, si mostrar imagen destacada, si quieres una paginación por Ajax (muy útil en ciertas plantillas)…y mucho más. Una vez creado tu View te da un código que puedes copiar y pegar en una página para mostrar el contenido, así de fácil.  Y luego puedes crear más, por ejemplo una página con noticias, otra de Blog, otra de proyectos de clientes…. Un plugin muy simple, con muchas opciones, potente en su versión gratuita (cómo debe ser la pro). Recomendado.  

Diseño Web, e-Learning, Gestores de contenidos, Trucos

Poner la Alerta de Cookies en un Moodle

La alerta sobre el uso de cookies en una web es una directiva europea, y como tal todas las webs deben tenerla. Pero Moodle no tiene esta opción ni hay plugins para activarla (que hayamos encontrado). Aún así, se puede activar de manera sencilla con un poco de código. Para el código usaremos una página web que ya nos lo proporciona y nos deja personalizarlo un poco:  https://silktide.com/tools/cookie-consent/download/ Sigue los pasos de la web, personaliza tu aviso y copia el código que te dan. Ve a Moodle como administrador y ve a Administración del Sitio > Aparinecia >  HTML Adicional Donde pone Dentro del encabezado copia el código del aviso de cookies. Pincha en Aceptar. Ahora la primera vez que entres en tu página de Moodle deberás aceptar el aviso. Las siguientes veces no aparecerá el aviso, pero siempre podrás comprobarlo desde modo incógnito. Y ya tenemos a Moodle cumpliendo la normativa.

Diseño Web, Gestores de contenidos, Prestashop

Cómo activar el modo debug (developer mode) en Prestashop

Ayer un colaborador tenía un problema con un Prestashop y le indicamos que el modo debug, llamado Developer Mode. Cuando preguntó como le dijimos que estaba en el blog…pero no. Lo teníamos para Moodle y para WordPress, pero no para Prestashop. Así que aquí os dejamos cómo activar el modo debug, Developer Mode, en Prestashop para ver errores en pantalla.  Obviamente, no es bueno activarlo en producción a menos que sea imprescindible. Por FTP abre el fichero:  /config/defines.inc.php Busca la línea que pone define(‘_PS_MODE_DEV_’, false); Cambia la línea a define(‘_PS_MODE_DEV_’, true); Guarda los cambios y recarga la página que daba errores. Con esto  ya deberías ver los problemas. Recuerda hacer el proceso inverso para desactivar el modo de desarrollador. Más información aquí.

Diseño Web, Gestores de contenidos

Mi WordPress no manda emails: ¿que puedo hacer?

Una pregunta que nos ha llegado varias veces. Tu página web en WordPress deja (o lo hace desde el principio) de enviar e-mails. ¿Es importante? Bueno, si porque WordPress usa el email para notificar a los usuarios sus contraseñas, sus cambio de contraseña, los formularios de contacto, al administrador avisos etc. Podemos perder una gran cantidad de información. Además, si los formularios no funcionan…¿cómo me contactan los clientes? ¿Qué puede estar pasando? Hay que averiguar: si tu servidor ha dejado de enviar correos. Por un cambio de configuración, políticas de seguridad más restrictivas o error puntual. La manera más rápida es ir a http://tudominio/wp-login.php y darle a recordar contraseña. Mira si llega ese correo. Si llega ese y no los de contacto, mira el paso siguiente. Si no llega, salta al final del artículo. O si los correos están llegando a spam. ¿Has mirado tu bandeja de spam? Puede que estén llegando los correos ahí. Si tus correos están llegando a spam, tienes que solucionar eso. Lo primero sería ver si tu dominio está en alguna lista negra. Si no, hay varias cosas que deberías comprobar reducir la puntuación de spam: Los correos debería enviarse desde una cuenta del dominio de la web. Si tu web está en midominio1.es no lo mandes, por ejemplo, desde info@midominio2.com  porque tendrás problemas. El servidor que reciba el correo verá una discrepancia (un email desde un dominio que no corresponde) y no le gustará. Si quieres hacerlo, tienes que usar el método el final del artículo (usar smtp o variante). Por lo mismo, en tus formularios de contacto no pongas ya (antes se hacía) en el campo “De” la dirección del que responde al formulario. Esto era muy cómodo, porque al recibir el correo sólo tenías que contestarlo. PERO, ahora el servidor que recibe el correo comprueba que viene del servidor en midominio1.es y el “De” pone, por ejemplo, @gmail.com. No le va a gustar. Puedes solucionarlo poniendo un “Reply To” o un enlace mailto con la dirección en el cuerpo del cliente. Merece la pena el trabajo de copiar y pegar la dirección desde el cuerpo del mensaje para asegurarse que llegan. Puedes añadir un registro SPF en tus DNS (los del dominio) para autorizar al servidor de la web para que mande correos desde el dominio. Hablaremos de los SPF otro día. Método alternativo: Si aún así no funcionan, lo mejor es usar un plugin para que los correos se envíen por SMTP (servidor de envío de correos) en vez de la función mail() de PHP. Esto quiere decir que los correos saldrán por el servidor que configuremos en vez de nuestro servidor web. Hay dos buenos plugins para WordPress. WP Mail SMTP: Ya hablamos de él. Te permite configurar el servidor de SMTP de la mayoría de las cuentas. Como configurarías un correo en un ordenador o móvil. Así lo manda desde otro servidor, autenticado con usuario y cuenta. ¿Problema? En ciertas cuentas la autentificación por usuario y contraseña no es suficiente (ver siguiente plugin). Además, se guarda la contraseña en el WordPress en texto plano…y si alguien entra en tu WordPress tendría también acceso a tu correo. Fallo de seguridad. Postman SMTP Mailer: Es un plugin que te permite hacer lo anterior  pero añade autentificaciones más modernas que pueden ser requeridas por cuentas como Gmail.  Por ejemplo autentificación, SASL, Plain/Login/CRAM-MD5/XOAUTH2  o seguridad como  SMTPS y STARTTLS (SSL/TLS). Con OAuth 2.0 y el web service por https consigue cubrir la mayoría de sistemas que requieren seguridad extra.      

Diseño Web, Gestores de contenidos, Trucos

Como añadir códigos de Shortcodes Ultimate en Contact Form 7

Hace unos días un cliente me comentó que necesitaba algo más en en formulario de contacto. Quería usar “acordeones”, “pestañas” etc para que el formulario tuviera más funcionalidades. Mirando cómo hacerlo descubrimos que podemos usar las códigos de Shortcodes Ultimate en Contact Form7, dos de los plugins más usados para cada una de esas funciones. Hay dos maneras de poner los códigos: La más recomendada. Podemos modificar el fichero functions.php de nuestra plantilla para poner este código: add_filter( ‘wpcf7_form_elements’, ‘mycustom_wpcf7_form_elements’ ); function mycustom_wpcf7_form_elements( $form ) { $form = do_shortcode( $form ); return $form; } Obviamente el gran problema de esto es que cada actualización de la plantilla hará que perdamos los cambios. Pero esto se puede arreglar haciendo una plantilla hija (de lo cual hablaremos mañana). Con este método podemos usar los códigos de Shortcodes Ultimate sin problemas en el formulario igual que en el resto de la web. La más laboriosa. Podemos usar (no lo hemos probado) los códigos html en el formulario. Podéis ver el ejemplo aquí (respuesta 14). Esta manera es muy laboriosa porque requiere poner etiquetas de div y css casi en cada línea. Pero no se cambiará al actualizar la plantilla. Eso si, vuelve el formulario un texto enorme lleno de código. Buen truco si queréis llevar los formularios al siguiente nivel.  

Diseño Web, Gestores de contenidos, Trucos

Script para buscar y reemplazar en bases de datos

Esto no será útil para la mayoría de usuarios, pero los que gestionamos bases de datos (de programas, páginas web, CRMs etc) en muchas ocasiones tenemos que cambiar entradas. A veces nombres, otras URLs, directorios etc. El problema de las bases de datos (y lo que les hace tan rápidas y funcionales) es que muchas veces son tablas cruzadas. El mismo término puede estar decenas de veces en decenas de tablas. Cambia tu eso a mano si tienes… tiempo. Es verdad que puedes hacer búsquedas y reemplazos por comandos de MySql…pero seamos sinceros: si no los usas diariamente, ni te acuerdas ni te atreves. En estos casos encontramos este script, con frontend de web. Es sencillísimo de usar: pones los datos de tu base de datos, haces la búsqueda, esperas a ver los resultados (puedes ver muchos detalles sobre ellos) y luego elige lo que quieres cambiar. Una de las cosas que más me gustan es que puedes hacer una prueba con el cambio y ver cómo quedarían los registros ANTES de trabajar con la base de datos real. Muy útil cuando no estás seguro si tienes que añadir una o dos barras (/) o similar. ¿Cuando usamos esto nosotros? Normalmente cuando cambiamos un WordPress, Prestashop o similar de directorio y comprobamos que las URL puestas a mano, o las imágenes, siguen con la dirección antigua. Probadlo, a nosotros nos ha venido de miedo.  

Diseño Web, Gestores de contenidos

Contact Form DB: guarda los formularios de contacto de tu web.Consúltalos desde el backend

Hace unos días, un cliente nos pidió que los contacto que recibiera desde sus formulario de contacto (tenía 3) los pudiera consultar en la web. Es decir, no sólo recibirlos por correo, sino también comprobarlos desde el backend. Gracias a eso hemos encontrado, e implementado en alguna otra web, este plugin Contact Form DB, que guarda los contactos en la base de datos. Desde este apartado del backend, el usuario puede filtra por el formulario de contacto, consultar los datos, editar lo recibido y exportarlo a Excel. ¿De qué formularios? Este plugin es compatible directamente con estos plugins de formulario: Contact Form 7 (CF7) plugin Fast Secure Contact Form (FSCF) plugin JetPack Contact Form plugin Gravity Forms plugin WR ContactForm plugin Form Maker plugin Formidable Forms (BETA) Forms Management System (BETA) Quform plugin (BETA) Ninja Forms plugin (BETA) Caldera Forms plugin (BETA) CFormsII (BETA) FormCraft Premium (BETA) Enfold theme forms Pero además, puede funcionar en cualquier otro formulario poniendo el código [cfdb-save-form-post]. Los resultados no sólo pueden consultarse desde el backend, sino que, usando los shortcodes [cfdb-html], [cfdb-table], [cfdb-datatable], [cfdb-value] , [cfdb-json] o incluso creando shortcodes propios (el plugin te deja), puedes mostrar los resultados (parciales o totales) de los formularios recibidos en una web. Podéis ver el uso con Contact Form 7 (unos de los más usados): Más información aquí.

Diseño Web, Gestores de contenidos

Plugin SiteOrigin Css: cambia el estilo y colores de tu página aunque no sepas mucho CSS

Cuando tienes que cambiar los colores de tu página, incluso cosas más avanzadas, más allá de lo que te deja tu plantilla, tienes que cambiar CSS. O sea, algo como “programar”. Esto puede conllevar una tarea ardua de aprender las instrucciones de CSS, sus delimitadores y opciones y cómo manejarlo. No es difícil, es tiempo, pero para algunos puede ser algo complicadísimo. Afortunádamente cada día salen plugins para WordPress que facilitan más las cosas y hoy os dejamos SiteOrigin CSS. No te quita el tener que saber algo de CSS, o al menos algo de algún lenguaje de programación, pero si que facilita mucho el tema. Porque tiene un editor visual que muestra la página y te permite pinchar en la parte que quieres cambiar. Así elige rápidamente la etiqueta (clase o id) y te da, de manera visual, algunas cosas que puedes cambiar como colores, tamaño de letra, fondo etc. Yo no lo uso, porque no me deja todas las opciones, porque voy más rápido con lo que se de CSS etc. PERO aquellos que no manejen CSS a diario lo encontrarán muy útil. Aquí podéis ver en un vídeo cómo se usa:  

Diseño Web, e-Learning, Gestores de contenidos

Moodle: hacer que las categorías no muestren cursos a los que no se tiene acceso

A mi me gusta poner en la página de Moodle, un listado de categorías incluso si el usuario no se ha registrado. Así la gente externa puede ver las categorías que hay. Pero, por defecto, si haces eso, cualquier usuario puede VER (no acceder) los cursos que hay en esas categorías. Y puede que no te interese (a mi no). Os explicamos cómo evitarlo. Hay que modificar el fichero courses/renderer.php.  Como es un fichero del core, habrá que estar atento a las actualizaciones (cambiará el fichero). No nos gusta cambiar el core, pero ahora mismo no hemos visto otra manera de hacerlo. Abre el fichero y ve a la función  coursecat_courses. Justo encima de la línea: $content .= $this->coursecat_coursebox($chelper, $course, $classes); pon:  if($course->can_access()) Salva el fichero y recarga la página. Ya tendría que estar resuelto. A partir de ahora los usuarios pueden entrar en las categorías, pero no verán los cursos a los que no tienen acceso. Nota: Esto también elimina de la página de Inicio los cursos incluso cuando estás registrado y el pie. Seguramente se puede evitar esto con alguna modificación del fichero renderer. Nosotros tuvimos que desactivar esta opción. Parece ser que por grupos puedes conseguir algo parecido.

Diseño Web, Gestores de contenidos, Internet, Noticias Informáticas, Webs

Chrome presenta una exclamación si tu web no está por https

Google ya avisó, iba a apostar por una web cifrada, con todas las webs por https. El primer paso fue puntuar positivamente, a nivel SEO a las web que tengan cifrado. Ahora lo hace con el navegador. El otro día nos sorprendimos al ver que, al actualizar a la última versión de Chrome, todas las webs que no tenían https por defecto salían con una exclamación al lado. Así: El aviso dice lo siguiente: “Tu conexión a este sitio no es privada“. ¿Que se puede hacer? NADA. Bueno, si, instalar un certificado. Al final van a ser lentejas y vas a tener que hacerlo. Ahora hay dos opciones para hacer esto: Comprar un certificado de una entidad clásica. Te costará una cierta cantidad cada año. Usar un certificado gratuito como Let’s Encrypt. Muchos proveedores de hosting ya están ofreciendo certificados gratuitos (supongo que de Let’s Encrypt). El problema es que para la instalación del certificado en el servidor, y la configuración de tu web con certificado, hace falta una persona con conocimientos. No es algo trivial en la mayoría de los casos. Así que ese coste no te lo puedes ahorrar. Nosotros ya estamos ofreciendo ese servicio a los clientes, para que sus páginas dejen de tener ese aviso que afea tanto (lo que quiera Google).  

Scroll al inicio