Gestores de contenidos

Gestores de contenidos, Soporte

SOLUCIÓN: Error “Ha fallado la publicación. Probablemente estás desconectado” en WordPress.

Hace unos días, montamos un WordPress para un cliente, la diseñadora se puso a trabajar y vio que al intentar subir contenido daba un error: Ha fallado la publicación. Probablemente estás desconectado. Obviamente no estás desconectado, algo pasa. La causa es una mezcla de protocolos entre http y https. SOLUCIÓN. Lo que tienes que hacer es ir al backend de WordPress a Ajustes-> Generales. Y ahí comprobar que los siguientes campos empiezan por http. Con esto, poniendo esto en https, debería estar resuelto. Si ves el vídeo debajo de estas líneas, a nosotros luego nos dio el error “Too many redirects” porque tenemos el sitio por Cloudflare, pero ya os dejé la solución aquí. Eso si, si no se soluciona, siempre podéis instalar un plugin como Really Simple SSL que redirige todo a SSL. Vedlo en el vídeo.

Código Worpdpress, Diseño Web, Gestores de contenidos

Cómo añadir “migas de pan” o BREADCRUMBS en WordPress. Mejora el SEO y el UX.

Las migas de pan, breadcrumbs en inglés, son ese texto que suele aparecer en la cabecera de las páginas que te indica dónde estás – tu página y las superiores a la misma. Yo siempre era reacio a instalarlas, pero me han llegado a pedir usuarios que las querían. Lo cierto es que mejora la experiencia de usuario (eso es lo que significa el UX del título, User eXperience) y la usabilidad de la página. Cosa que da puntos en el SEO (últimamente se enfocan mucho en eso). Pero además es que permite que los buscadores conozcan mejor la estructura de tu página (es uno de los elementos junto al sitemap). Y de nuevo esto nos da puntos en el SEO. Así que hoy os enseñamos un método – de muchos – para añadir los breadcrumbs en tu página de WordPress. Usando el plugin Yoast SEO, y la plantilla gratuita Astra. El plugin de Yoast nos permite el siguiente “shortcode” que podemos añadir donde queremos para que nuestra página muestre estas migas de pan: Es cierto que, si ya tienes la página, tendrás que dedicar algo de tiempo a estructurar y categorizar tus páginas. Pero ese trabajo siempre es bueno. Podéis ver cómo se hace en este vídeo:

Código Worpdpress, Gestores de contenidos, Soporte, Trucos

Solución a los errores de ERR_TOO_MANY_REDIRECTS en WordPress con Cloudflare.

Hace unos días tuvimos el siguiente error en un cliente que tenía WordPress, Cloudflare como CDN con el certificado SSL puesto en modo Flexible: ERR_TOO_MANY_REDIRECTS al intentar acceder a la página. No nos dejaba entrar ni al frontend ni al backend. Ninguna de las soluciones que aplicábamos nos funcionaba. Ni desactivar plugins por FTP, ni desactivar el htaccess ni nada. Así que hoy os dejamos la solución que nos permitió arreglar el problema, que obtuvimos de aquí (al César lo que es del César). Recordamos que Cloudflare, además de sus funciones de CDN, permite varias opciones de SSL y, en el método flexible, permite tener https sin tener un certificado (cifra desde el cliente a Cloudflare). Solución al error de Too Many Redirects en WordPress con Cloudflare. Lo que debemos hacer es ir a la raíz de WordPress y editar tu fichero wp-config.php (por SSH o por FTP). Justo antes de la línea que pone /* That’s all, stop editing! Happy blogging. */ escribe lo siguiente. Guarda el fichero, y recarga la página. Deberías tener el problema solucionado. Si esto no lo arregla, seguramente será por el modo en que hemos configurado el SSL en Cloudflare: https://developers.cloudflare.com/ssl/troubleshooting/too-many-redirects/#redirect-rules El Flexible suele ser el que da problemas, si tienes certificado propio ponlo en Completo. Y si no prueba entre los otros modos.

Gestores de contenidos, Seguridad, Trucos

Desactivar el protocolo XMPL-RPC en WordPress por seguridad.

Hemos notado un gran número de ataques en clientes al protocolo xml-rpc de WordPress. Hoy os enseñamos a desactivarlo para evitar estos ataques. El protocolo xml-rpc lo activó hace unos años WordPress para comunicar e interactuar con tu WordPress vía http. Lo usan las aplicaciones móviles y ciertos plugins como Jetpack. Pero pronto se dieron cuenta “los malos” que ellos podían usarlo también. Y lo hacen con frecuencia. Así que parece lógico desactivarlo (salvo casos muy puntuales). Porque, aunque no te entre alguien por ahí, te pueden “tirar” la web con ataques de Denegación de Servicio DoS (los explicamos otro día). Y, si no se cae la web, al menos tantas peticiones a este protocolo la ralentizan (cosa que puede afectarte al SEO). Cómo desactivar el protocolo XML-RPC en WordPress. En Internet hay varios métodos, algunos no funcionan bien, otros no son ´óptimos. Obviamente puedes tener un plugin de seguridad que tenga esta función, y activarla. Pero siempre decimos que no nos gusta sobrecargar las webs con plugins si no son necesarios. Hay una solución que es añadiendo un código del tipo add_filter de WordPress. Pero a nosotros no nos ha funcionado. Y tampoco sería la mejor opción, porque estamos encargando a la web que realice estas tareas de denegar accesos, y eso es cargarla con más procesos. Lo ideal es que el servidor web rechace el acceso a ese protocolo antes de llegar a la web. En el vídeo bajo estas líneas os mostramos cómo hacerlo con Apache (la mayoría lo tendréis), pero también os dejamos un código (que no hemos probado) para hacerlo con Nginx. Apache. Añade esto en tu htaccess. Si tienes Nginx el código (para el fichero de configución) similar debería ser (recuerda hacer un reload) Te lo mostramos en el siguiente vídeo:

Diseño Web, Gestores de contenidos

Cómo añadir enlaces de email y de teléfono en WordPress, Prestashop y otros gestores. Y por html.

Un cliente nos ha pedido esta semana que cómo puede añadir un enlace de correo, e-mail, en un gestor de contenidos. En su caso era de Prestashop, pero se hace igual en cualquier CMS. Os lo vamos a explicar en uno de esos gestores, WordPress, y también os lo vamos a explicar en una web hecha a mano por html. Y ya que estamos, vamos a explicar otro enlace común, el enlace de teléfono. Este es un enlace muy importante desde que existen los smartphones ya que permite, sobre todo en teléfonos móviles, que un cliente pinche y llame directamente. Sin tener que marcar. Añadir enlaces de e-mail y de teléfono. en páginas web y gestores de contenido. Enlace de correo (e-mail). Para añadir los enlaces de e-mail, lo que tenemos que hacer, en el gestor de contenidos, seleccionar la palabra o palabras que queremos que tenga enlace, y pinchamos en el botón para añadir el enlace. Suele ser como una cadena. En la ventana que sale, escribimos: En la misma ventana, tendremos también opciones adicionales como que se abra en una ventana adicional, o los atributos de nofollow o no index. Si lo que queremos es hacerlo en una web hecha a mano por html, lo que tenemos que poner es un código como el siguiente: El enlace de correo permite añadir asunto, copia oculta, contenido o más destinatarios. Os dejo un ejemplo: Y podéis ver una explicación más profunda aquí. Enlace de teléfono. El enlace del teléfono es similar. Lo que tenemos que poner en el CMS es (sustituir 9999999999 por el teléfono en cuestión): Para hacerlo en html tenemos que poner lo siguiente: Este enlace permite pocos añadidos, pero si se pueden poner códigos de país. Os lo mostramos en el vídeo:

Diseño Web, Gestores de contenidos, Prestashop, Trucos

Rellenar masivamente el atributo ALT de las imágenes de productos en Prestashop.

Cuando un cliente con una web en Prestashop empieza a preocuparse por el posicionamiento o SEO, una de las cosas que le indican es que las imágenes de sus productos tienen que tener el atributo ALT. Pero es muy habitual que nos olvidemos de rellenar ese campo, llamado Leyenda en Prestashop, cuando subimos una imagen. Por lo tanto…te puedes encontrar que tienes que cambiar miles de fotos, y manualmente no es muy agradable. Hoy te enseñamos a hacerlo masivamente por base de datos. NOTA: obviamente haz una copia de seguridad de la base de datos antes de hacer esto, para poder volver atrás en caso de fallo. Y pon tu tienda en mantenimiento para evitar que entren pedidos que pierdas si tienes que restaurar. No nos responsabilizamos de errores que puedan surgir usando este tutorial. Qué es el atributo ALT de la las imágenes y por qué es importante. Al atributo o etiqueta ALT de las imágenes es una etiqueta de texto que se le pone indicando el contenido de la imagen. Google penaliza si una imagen no tiene dicho atributo porque lo considera importante. Es útil para los siguientes casos (entre otros): Cómo rellenar el campo Leyenda (atributo ALT) en las imágenes de Prestashop de manera masiva. Para hacer esto, que puede ahorrarte mucho trabajo, vamos a usar consultas de la base de datos. Podemos usar un gestor como phpMyAdmin que suele venir en muchos paneles, o que podemos subir por FTP, o podemos usar un gestor de un sólo fichero como Adminer y subirlo por FTP. Estos son los pasos: Nota: voy a poner el ejemplo en el que sólo ponemos en el ALT el título del producto en la primera imagen y en las siguientes haremos “Título de producto + Vista 1“, “Título de producto + Vista 2″, etc, pero podéis usar estos comandos como base para otras combinaciones.Nota 2: recordad que la primera imagen no tiene por qué ser la destacada. No he querido complicar las cosas viendo si es destacada o no, al final lo importante es que tengan ALT.Nota 3: recuerda comprobar los idiomas y los IDs de idiomas que tengas. Para las primeras imágenes subidas del producto. Español Inglés Para la segunda imagen de cada producto. Español Inglés. Como podéis imaginar, el resto de imágenes sólo tenéis que ir cambiando el im.position (3 para la tercera imagen de los productos, 4 para la cuarta etc). Y para el idioma cambiar el id_lang con vuestros ID de idiomas. Si queréis saber hasta cuándo tenéis que ejecutar estos códigos, hasta que posición de imagen, podéis: Os lo mostramos en un vídeo:

Diseño Web, Gestores de contenidos, Prestashop

Cómo hacer una copia de seguridad de la base de datos de Prestashop. De varias formas.

Si vas a hacer algún cambio importante en Prestashop (o sólo por buen criterio de seguridad informática), es una buena idea hacer una copia de seguridad de la base de datos. Si…de los ficheros también, pero eso es fácil por FTP. Nuestra experiencia nos ha demostrado que es fundamental tener varias copias cuando vayas a hacer algún cambio. Es importante no confiar sólo en una red de seguridad, y tener plan B, C y hasta D. Hoy os enseñamos a hacer copias de seguridad de la base de datos de Prestashop por tres medios. El backend de Prestashop. Un gestor de base de datos como phpMyAdmin que suele estar incluido en los alojamientos o paneles de vuestro proveedor, pero que si no puedes subir por FTP (y luego debemos borrar). Un gestor de base de datos como Adminer que consiste sólo en un fichero que se puede subir por FTP y luego borrar. Cómo hacer copia de seguridad de la base de datos de Prestashop. En este vídeo te explicamos el proceso siguiendo los tres métodos.

Diseño Web, Gestores de contenidos, Prestashop, Soporte

Solución: “El campo “URL reescrita” no es válido” al modificar Trafico y SEO en Prestashop

Hoy hemos arreglado un error curioso en el Prestashop de un cliente, y os dejamos la solución por si os ocurre. El cliente estaba cambiando los títulos y descripción de sus páginas en el apartado Parámetros de la Tienda -> Tráfico y SEO, pero al intentar grabar ciertos cambios en algunas páginas daba el siguiente error: “El campo “URL reescrita” no es válido” Os dejamos la posible solución. Solución. La causa en nuestro caso fue debido a restos de antiguos idiomas que había en la base de datos. Nosotros no instalamos esos idiomas, pero debían estar de contenido demo o de alguna versión anterior. Lo que hay que hacer es borrar esas traducciones que no dejan guardar las urls reescritas (porque ya existe ese contenido). El proceso es el siguiente: Con esto ya debería estar el problema resuelto, ahora debería dejarte guardar contenido en Tráfico y SEO y ya no debería darte el error.

Diseño Web, Gestores de contenidos, Prestashop

Prestashop: últimos productos de una categoría en la Portada o página de Inicio.

Hoy te mostramos cómo agregar los últimos productos de una categoría, automáticamente, en la página de Inicio (Home) de tu página web hecha con Prestashop. Obviamente de manera gratuita. Para ello vamos a modificar el módulo Productos Destacados (ps_feaduredproducts) y lo haremos en la versión 1.7 de Prestashop. Empecemos. Mostrar los últimos productos de una categoría en la página de Inicio de Prestashop. Nosotros usamos el módulo gratuito oficial de Prestashop featuredproducts, porque el cliente no quería mostrar productos destacados. Básicamente quería que se mostraran los productos automáticamente y no tener que estar “destacándolos”. Pero podéis o clonar ese módulo, o descargar otro similar como el de MyPresta y ver cómo modificar el código de manera similar.Nosotros hoy lo haremos con el oficial. Instalamos el módulo y lo colocamos en la posición del hoook displayHome que queramos para que se coloque en la portada. Configuramos el módulo de manera que muestre el número de artículos que queremos, y de la categoría que queramos, ya que es una opción que sí permite su configuración. Vamos a usar un override del mismo (si tuviéramos que modificar los tpls se podrían guardar modificados en /themes/tutema/modules/. Pero queremos modificar el php del módulo, y necesitamos un override. Para eso creamos una carpeta en la carpeta override que está en la raíz de Prestahop con esta ruta: override/modules/ps_featuredproducts Ahí vamos a crear un fichero con el mismo nombre que el php del módulo, o sea ps_featuredproducts.phpCon el siguiente contenido: Os he puesto en azulo las partes que hemos modificado del fichero original. Hemos cogido una clase del módulo original y la vamos a cambiar. Para eso tenemos que llamarla igual con el final acabado en override y decir que extiende la clase origina.. O sea nuestra clase Ps_FeaturedProductsOverride extiene la clase origianl Ps_FeaturedProducts. class Ps_FeaturedProductsOverride extends Ps_FeaturedProducts Y luego hemos copiado la función a modificar y hemos cambiado el orden de los productos. En la original está en:  $query->setSortOrder(new SortOrder(‘product’, ‘position’, ‘asc’)); Y nosotros lo ponemos en $query->setSortOrder(new SortOrder(‘product’, ‘date_add’, ‘desc‘)); Ahora limpiamos caché, ya sea por el backend o manualmente…..y ya tenemos los productos de la categoría elegida en orden descendente de la fecha de creación. Esperamos que os sirva. Con las explicaciones dadas, creemos que si necesitáis otro tipo de modificación del módulo, podéis hacerlo vosotros sin muchos problemas.

Diseño Web, Gestores de contenidos, Prestashop

Crear redirecciones en Prestashop cuando los productos se quedan sin stock (301 y 302).

Uno de los problemas que tienen los ecommerce con el SEO es que, cuando los productos se quedan sin stock, dan errores para Google (errores 404), y eso penaliza. Prestashop, desde la versión 1.7.5 deja seleccionar, en la pestaña SEO, una página de redirección tanto permanente (301) como temporal (302). Se puede redirigir tanto a una categoría como a otro producto. Esto se debería hacer cuando creamos un producto. Pero qué pasa cuando tenemos productos anteriores a esa versión, que por defecto dan el “temido” 404? Podemos poner esa redirección de manera masiva por base de datos. Poner redirección 302 de manera masiva por base de datos. Lo primero que tenemos que hacer es usar una herramienta que nos permita modificar la base de datos. Lo mejor sería phpMyAdmin o Adminer. No lo hemos probado, puede que se pueda hacer desde el backend con el Gestor SQL. Lo que debemos hacer es ejecutar estos comandos: Estos comandos van a modificar a 302 el tipo de redirección en dos tablas de la base de datos, y poner como categoría de la redirección la de por defecto del producto. Te lo mostramos en el vídeo.

Scroll al inicio