Diseño Web

Algo que no mucha gente sabe es que los plugins de WordPress cargan todos sus scripts (ficheros js) y estilos (ficheros css) desde la primera carga de la página. Se vayan a usar o no se vayan a usar esos plugins en esa sección de la página. Algo que, obviamente, ralentiza la página porque tienen que leerse esos ficheros. Además, si haces pruebas de Pagespeed o Gmetrix, son estos ficheros los que verás que afectan más a la velocidad de carga de la página. Con avisos como “quitar el Javascript que bloquea la visualización del contenido“. Así que estos días iremos compartiendo trucos para eliminar estos ficheros js o css en páginas donde no sean necesarios para los plugins más usados en WordPress. Hoy toca Woocommerce, el plugin más usado para crear páginas en WordPress. Script para eliminar los ficheros js y css de Woocommerce donde no se necesitan. Aquí os dejamos un script que podéis poner en vuestra página que hará un “deque” (eliminará) de los recursos de Woocommerce en las páginas que no sean carrito, página de categoría, página de producto, etiquetas etc. Como siempre, el código se puede poner en el fichero functions.php del tema hijo, o en un Snippet. He dejado una línea en rojo que hemos incluido con ciertas condiciones, pero que podéis ampliar con más. Estas son las conditional tags y os dejo aquí una referencia al respecto y otra más amplia aquí. Si hacéis una prueba de velocidad antes y después de poner el código, veréis que ganáis en velocidad de caga de la página y, seguramente, en puntuación. Nota: comprobad que os funciona todo bien en la tienda. Podéis tener que modificar el fichero para vuestra web.

Prestashop, como CMS dedicado a la venta online, tiene cosas muy buenas. Pero también adolece de carencias sencillas de solucionar, que llevan ahí desde hace muchas versiones. Cosas que nadie sabe por qué no se solucionan o funcionalidades que no se sabe por qué no añaden. Porque aparentemente serían sencillas de realizar. Una de ellas es la exportación de productos. Te permite importar todo tipo de productos y combinaciones, pero no exportarlos totalmente. Si, puedes exportar algún campo, pero no todos los campos de un producto. Tampoco en el formato que se necesita para la importación. Y claro, eso hace muy difícil las subidas masivas, las migraciones desde otros sistemas o versiones anteriores, o la exportación para comprobar alguna cosa externamente. Hay varias soluciones para esto, obviamente muchos módulos de pago, pero hay también soluciones gratuitas. Hoy os hablamos de una de ellas, un módulo de exportación gratuito. Módulo gratuito para exportar productos en Prestashop. Este módulo, Product Export, lleva muchas versiones funcionando. Y está actualizado para la versíón 1.7 (lo hemos probado tanto en la 1.6 como en la 1.7). Os recuerdo que, para poder descargar los enlaces del foro de Prestashop necesitáis estar registrados u os dará un error. El módulo permite: Seleccionar el idioma Seleccionar si sólo exportar productos activos y también los no activos. Seleccionar el delimitador (útil para exportar a Excel en español). Compatible con multitienda y con la gestión avanzada de stock. Exportar productos sólo de una categoría, o de todas. El uso es fácil, se descarga el plugin, se instala y se va a Parámetors Avanzados-> Exportar productos. Ahí tendrás las opciones de las que hemos hablado.

La dirección de correo electrónico de administración en WordPress es una dirección que se configura en Ajustes-> Generales. Por defecto es la dirección del administrador que se crea al instalar WordPress. La cuenta la usa WordPress para notificaciones, alertas, avisos de actualizaciones, recordatorio de contraseña de administrador y mucho más. Pero en ocasiones queremos querer cambiarlo. En principio es sencillo, se cambia la dirección de correo desde el panel de aministrador, WordPress le manda una confirmación al nuevo correo y, si este lo confirma, se cambia la dirección. Hoy es explicamos qué podéis hacer si este proceso anterior no funciona. Cómo cambiar la dirección de correo electrónico de administración en WordPress. Os dejamos dos maneras. Por el panel oculto de opciones de WordPress. Como os comentamos, existe un panel “oculto” de opciones avanzadas en WordPress. En él se pueden comprobar varias variables de sistema, y cambiar directamente otras. Entre las que podéis cambiar está la dirección de administración. Sólo tenemos que buscar la opción admin_email , borrar la que hay y poner la nueva. Después vamos a la parte inferior de la página y pinchamos en Guardar. Con esto debería estar solucionado. Si no es así, prueba la opción que sigue. Por base de datos. Como casi todo en WordPress, los parámetros se guardan en la base de datos. Y ahí podemos cambiarlos también. La dirección de administración es una de ellas. Para ello debemos usar un editor tipo phpMyAdmin o similar y entrar en la base de datos. Ahí veremos la tabla xxx_options (normalmente wp_options salvo que hayáis cambiado el prefijo de la base de datos en la instalación). En esa tabla veréis el campo admin_email que se puede cambiar editando el campo y cambiando el valor de option_value por el correo que queremos. Guardamos el cambio y ya debería estar.

Hoy os dejamos un truco que hemos usado recientemente en un cliente. Quería insertar una lista de reproducción de Youtube pero, obviamente, no quería que cuando la gente pausara el vídeo, o en la transición entre uno y otro, aparecieran vídeos recomendados de otros canales. Lo que le interesaba es que los vídeos que se recomendaran fueran los de la propia lista (para eso la insertas). Obviamente este truco no me lo he inventado yo y, como “cuando bebas agua recuerda la fuente”, aquí os dejamos la fuente de este truco. Cómo recomienda Youtube insertar las listas. En esta página podéis ver cómo recomienda Youtube insertar vídeos y listas de reproducción. Como veis el proceso es sencillo: En un ordenador, ve al vídeo de YouTube que quieras insertar. Debajo del vídeo, haz clic en COMPARTIR . Haz clic en Insertar. En el cuadro de texto que aparece, copia el código HTML. Pega el código en el HTML de tu sitio web o blog. Esto nos permite (si el autor no ha prohibido la inserción), que la lista, o vídeo, se vea en nuestro WordPress. El código que obtenemos es algo como este de una de nuestras listas: Pero no es el más adecuado para lo que necesitamos. Vamos a cambiar el código que hemos puesto en rojo y ponerlo como mostramos aquí: El ID de la lista lo vamos a obtener de la url al pinchar en reproducir la lista: Recuerda que esto hay que insertarlo en un bloque de Html personalizado (en Gutenberg), en la pestaña de Html o similar. PERO, tenemos el problema que, al pausar el vídeo, o en las pausas entre uno y otro, no aparecen los siguientes vídeos de la lista…sino los recomendados de otros canales. Cómo evitar que se muestren vídeos de otros canales. Para hacer que los vídeos que se recomienden sean los de la propia lista, sólo hay que añadir &rel=0 detrás del ID de la lista. Por lo tanto el código anterior quedaría. El resultado sería el siguiente.

En ocasiones, cuando estás desarrollando o “arreglando” una web, necesitas saber qué versión de jquery se está cargando. Puede que hay conflictos, puede que haya varios scripts que puedan estar cargando jquery, y necesitas saber cuál es el que está en funcionamiento. La buena noticia es que es fácil de descubrir con el inspector del navegador. Funciona tanto en Chrome como en Firefox. Cómo encontrar la versión de jquery que está cargando una web con el inspector del navegador. Os lo mostramos en el vídeo debajo de estas líneas pero el resumen es: Abre el inspector (botón derecho encima de la web e Inspeccionar). Ve al apartado de consola. Escribe cualquier de estos dos comandos y pulsa Intro: – jQuery().jquery – jQuery.fn.jquery Cualquiera de los dos comandos devolverá la versión de jquery en uso. Puedes verlo en este vídeo: