Gestores de contenidos

Diseño Web, Gestores de contenidos, Trucos

Módulo gratuito para exportar productos en Prestashop.

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.

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

Moosh: gestiona Moodle por línea de comandos y realiza tareas comunes rápidamente.

Gestionar muchas de las tareas de Moodle desde el backend, puede ser muy tedioso. Todos hemos tenido este problema. El desarrollador de Moosh decidió hacer algo para arreglarlo y, basándose en Drush (la línea de comandos de Drupal), desarrolló Moosh.Este tipo de herramientas son muy útiles, y también existen, por ejemplo, en WordPress con wp-cli, del que hablaremos otro día. Básicamente Moosh es como tener una serie de scripts que realizan tareas que normalmente implicarían muchos pasos, o muchas búsquedas. Todo con unos simples comandos. Como usar Moosh. Si quieres usar Moosh, tienes varias opciones. Puedes descargarlo como paquete de Ubuntu, puedes instalar un plugin de Moodle o instalarlo con composer desde Git. Nota: no copies los ficheros de Moosh dentro de la carpeta de Moodle porque puedes romper tu intalación. Una vez tengas Moosh instalado, puedes disponer de todos los comandos que aparecen en esta lista (más de 80). Con la sintaxis general siguiente. Algunos de los comandos útiles que tiene Moosh, para que te hagas una ídea, son: moosh cache-clear -> Vacía la caché de Moodle moosh audit-passwords -r -> audita las contraseñas de los usuarios para ver si son fácilmente hackeables, Muestra las que lo son. moosh user-create -.> Crea un usuario. Por ejemplo: moosh user-delte -> borra uno o varios usuarios. Por ejemplo; moosh info-plugins -> muestra la lista de plugins instalados y la carpeta de instalación. moosh sql-dump -> descarga la base de datos de sql a un fichero (hace copia de la base de datos). moosh file-delete -> Borra ficheros tanto del servidor como su registro en la base de datos. Ejemplos: Borra los ficheros de id 10, 20 y 30. Borra ficheros de más de 100 bytes Vacía la papelera: Borra todas las copias automatizadas. Tienes comandos para restaurar cursos desde ficheros de backup, puedes borrar varios cursos a la vez, ….Y muchos otros. Esperamos que os resulte útil Moosh, cuando tienes que gestionar Moodles de cierto tamaño, es una gran ayuda.

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

Cómo traducir el mensaje de “New Activity” en el formato de curso Grid de Moodle.

El plugin Grid Format de Moodle es un plugin muy usado para mostrar las secciones de cursos de una manera más estética. Básicamente el plugin organiza las secciones en formato rejilla (grid, de ahí su nombre) y permite poner una imagen en cada sección. Cada vez que se añade una actividad en una de las secciones, si tienes este módulo activado, se agrega a cada sección una imagen con el texto “New Activity”. Esta imagen aparece en inglés, y está traducida a francés, alemán e incluso al hebreo, pero no al español. Por lo tanto, si lo ponemos en un Moodle español, el mensaje sale en inglés. Hace unos días, un cliente nos pidió cambiarlo y hoy os enseñamos a hacerlo aquí. Cómo traducir el mensaje de “New Activity” en el formato Grid de Moodle. El quid de la cuestión es que es una imagen. Y dicha imagen hay que crearla para el formato español porque no viene en el módulo. Para ello tenemos que ir a nuestro servidor, por FTP, a la carpeta /course/format/grid/pix Ahí veremos unas imágenes llamadas new_activity_en.png (l a que aparece por defecto), new_activity_fr.png, new_activity_de.png etc. Veréis que no aparece la que acaba en _es. Esa es la que tenemos que crear. Descargamos la imagen new_activity_en.png y la editamos en un programa de edición de imagen como Photoshop o Gimp. Una vez la tenemos a nuestro gusto, la subiemos a la misma carpeta del sevidor con el nombre new_activity_es.png. Una vez hayamos hecho esto, veremos que, si tenemos en Moodle el idioma español, la imagen que nos saldrá será la nueva que hemos creado.

Diseño Web, Gestores de contenidos, Trucos

Cómo cambiar la dirección de correo electrónico de administración en WordPress.

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.

Diseño Web, Gestores de contenidos, Trucos

Cómo insertar listas de Youtube en WordPress sin vídeos relacionados de otros canales. 2021.

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.

Diseño Web, Gestores de contenidos, Trucos

Usar el inspector para ver la versión de jquery que carga una web.

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:

Diseño Web, Gestores de contenidos, Trucos

Truco: cómo insertar (embed) archivos pdf en los cursos de Moodle.

Llevamos tiempo trabajando con Moodle, tanto para nosotros como para clientes. Pero seguimos descubriendo trucos poco a poco. Hace un tiempo, uno de nuestros diseñadores nos enseño que podíamos arrastrar y soltar archivos a los cursos sin tener que subir con todo el proceso de agregar recursos de archivo, subirlo a la web etc. Y hace unos días hemos aprendido otro muy útil y que hace que los cursos queden mucho mejor. Os lo enseñamos aquí. Cómo insertar archivos pdf dentro de los cursos de Moodle. Hasta ahora los recursos pdf los subíamos como archivo. No estaba mal, pero el aspecto del curso no es el mismo si el cliente tiene que ver el documento fuera del mismo, y luego volver. Es mejor si el documento se “incrustara” en el curso y se pudiera ver dentro de él. Eso es lo que vamos a enseñaros hoy. Para ello tenemos que: Añadir el documento como fichero, de la manera que lo añadís normalmente. Como os he dicho, lo más sencillo es arrastrar y soltar, en modo edición, en la sección que queremos. Una vez se hasubido el documento, podemos ir a Editar->Editar Ajustes->Apariencia.Verás que el apartado Mostrar está en Automático. Hay que cambiarlo a Incrustar. Guarda los cambios. Con esto verás que ahora, cuando pinchas en el pdf, el fichero se ve dentro del contenido del curso, y no se abre en otra ventana.

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

Solución a “Elimina los recursos que bloqueen el renderizado” que muestra Page Speed en WordPress.

Si quieres mejorar tu página web, es una buena idea analizar la misma con Google Page Speed. Cuando lo haces, muestra varios errores, como “Publica imágenes con formatos de próxima generación” que os indicamos cómo solucionar aquí. O el error que os vamos a explicar cómo solucionar hoy: “Elimina los recursos que bloqueen el renderizado“. ¿Cuáles son los recursos que bloquean el renderizado? Esta es la primera pregunta que nos surge. Para poder explicarlo necesitamos entender qué es “renderizar” una página web y cómo se hace. El renderizado se refiere a: la cadena de acciones que realiza un navegador para presentar una página web. Es decir, analizar, procesar y visualizar una web. El navegador web lee el código de una web de arriba a abajo durante el “renderizado“. Si encuentra un recurso CSS o Javascript, tiene que detener la lectura hasta que se cargue el recurso. Pero muchas veces dichos recursos no son necesarios para mostrar la primera presentación que necesita ver la persona que accede a la página. Así que son recursos que están bloqueando que se cargue la página. Y esto hace que tu página se cargue más lenta. Es importante destacar que no todos los recursos bloquean la carga de la web. Sólo los que no son necesarios para esa carga inicial. Lo importante es cargar el HTML y los que se llama el CSS crítico (el obligatorio). Lo más normal es tomar una de dos soluciones para diferir ( cargar más tarde) los recursos). Puedes ver más información aquí. Async. la carga del recurso se realiza mientras se sigue leyendo el HTML. No detiene la lectura del HTML. Pero si que habrá un parón cuando haya que ejecutar el recurso. Defer: El recurso se descarga mientras se lee la web, y no se ejecutará hasta el final de la carga del HTML. Solucionar el error “Elimina los recursos que bloqueen el renderizado” en Wodpress. Existen varias maneras para solucionar este problema. Obviamente se podría cambiar a mano la carga de los recursos para que lo hagan después (esto se hacía antes). Afortunadamente ya existen varios plugins que nos ayudan en este proceso. Y hoy os vamos a dejar un par con los que podéis arreglar este problema de manera muy sencilla (lo hemos probado en varias webs de clientes). El proceso consiste en instalar y configurar dos plugins del mismo desarrollador: Async JavaScript y Autoptimize (del que ya os hemos hablado). Esto es lo que tenéis que hacer. Instalar Async JavaScript y activarlo Instalar Autoptimize y activarlo. Ir a la configuración de Async Javascript y marcar la casilla en la parte superior de la configuración para activar JavaScript Async. Escoger si quieres Apply Async o Apply Defer dependiendo del método que quieras (que hemos explicado encima de estas líneas. Ir a la configuración de Autoptimize. Marcar la casilla para optimizar el código JavaScript. Marcar la casilla para optimizar el código CSS. Con esto navega un poco por tu sitio, y vuelve a hacer la prueba de Page Speed. Si no se ha quitado el aviso prueba a hacerla varias veces, o espera hasta el día siguiente, porque Page Speed cachea sus resultados. En nuestras pruebas, al cabo de hacer varias pruebas y esperar un poco, vimos que el error había desaparecido (y con ello mejorado nuestra puntuación en Page Speed).

Diseño Web, Gestores de contenidos, Seguridad, SEO, Trucos

Crear un fichero robots.txt optimizado para WordPress por SEO y seguridad.

El fichero robots.txt es un fichero, enfocado a los robots rastreadores de los buscadores, que tiene varias utilidades. Por una parte es una manera de indicar a los buscadores dónde tenemos nuestro(s) sitemap (mapa de sitio). Esto se hace con el parámetro sitemap en el fichero: sitemap urldelmapadelsitio. Es verdad que la mayoría de las herramientas de los buscadores tienen un apartado para enviarles esta ruta, pero no solemos hacerlo para todos los buscadores….y nunca está de más hacerlo aquí. Por otro lado, nos permite bloquear ciertos lugares de nuestro sitio web (directorios, ficheros, urls) para que los buscadores no los recorran y no los indexen. Esto es importante por tres motivos: – Seguridad: los buscadores no deberían estar entrando, ni publicando, información de zonas como wp-admin o directorios donde podemos tener copias de seguridad o similar. Esto puede ser una manera de acceder a nuestra página web. – SEO: podemos controlar qué queremos y qué no queremos que aparezca en los buscadores. Esto también se puede hacer, de manera más sencilla pero limitada, desde Yoast. – Optimización de recursos: en ocasiones ciertos robots de los buscadores, que además no nos interesan, pueden estar usando recursos de nuestra web. Por ejemplo buscadores de países que no son nuestro objetivo, o buscadores que se sabe que son “no deseados”. Podemos bloquear muchos de estos desde aquí. Dónde se coloca y cómo se edita el fichero robots.txt. El fichero robots.txt se coloca en la raíz de nuestro sitio. Podemos crear el fichero por FTP y subirlo a la raíz de nuestro sitio. Y editarlo desde FTP.Nota: cuidado con el UTF-8 BOM (la introducción de carácteres invisibles en nuestro fichero de texto que hacen que los robots no puedan leerlo). WordPress no permite editar este fichero a mano, pero si tienes Yoast instalado, puedes hacerlo fácilmente desde SEO-> Herramientas->Editor de archivos Fichero robots.txt recomendado para WordPress. Aquí os dejamos un fichero genérico que recomendamos para WordPress. Recordamos que cada instalación es diferente, y es conveniente verificar si queremos añadir algo más a nuestro fichero.Nota: Algunas líneas se añaden para asegurarnos que se admite esa ruta aunque por defecto lo debería hacer. Si queréis bloquear robots poco útiles os dejamos algunos. Cómo comprobamos el fichero robots.txt Siempre es importante comprobar que el fichero robots.txt es correcto. Para ello Google tiene una herramienta desde la que podemos hacerlo. También nos permite actualizar el contenido si lo hemos cambiado. En la ventana que te aparece tras elegir tu sitio, si no aparece el código actualizado puedes copiar el código nuevo y darle a Enviar . Después vuelve a pinchar en Enviar para que lo actualice. En ese momento te dirá si tienes algún error.

Diseño Web, Gestores de contenidos, Trucos

Cómo desactivar o gestionar las actualizaciones automáticas de WordPress.

En lo primero que queremos insistir en este artículo es que es importantísimo que un gestor de contenidos esté actualizado. Tanto el programa (core) como sus componentes (temas y plugins. Más aún en el caso de WordPress que, al ser el más usado, es también uno de los más atacados. Pero también es cierto que una de las razones más frecuentes por las que se suelen “caer” las páginas de WordPress es por actualizar un componente que no es compatible con algún otro (plugins, tema o versión de WordPress). Así que muchos administradores prefieren no tener las actualizaciones automáticas y hacerlo manualmente.Hoy os vamos a enseñar a tener total control de las actualizaciones automáticas. Cómo gestionar las actualizaciones automáticas de WordPress. Hay varios métodos para gestionar las actualizaciones de WordPress. Modificando el wp-config.php Una de las maneras es poniendo instrucciones en nuestro fichero wp-config.php. Para ello tienes que entrar por FTP y SSH y editarlo. Os dejamos las opciones principales (más información aquí). Para detener TODAS las actualizaciones en WordPress (el sistema, temas y plugins).define( ‘AUTOMATIC_UPDATER_DISABLED’, true ); El valor por defecto es falso (se permiten) y no hace falta ponerlo si se quieren permitir. Para detener sólo las actualizaciones automáticas de WordPress (el sistema, el core): define( ‘WP_AUTO_UPDATE_CORE’, false ); Las opciones que permite esto son: true – > permite todas las actualizaciones del programa WordPress. false – > prohíbe las actualizaciones automáticas de WordPress. minor -> Sólo permite actualizaciones entre versiones menores. Es decir se puede actualizar de una 2.34 a una 2.35 pero no de una 2.3 a una 2.4. , Es el valor por defecto (no hay que añadir la línea si es lo que queremos). Con filtros que se pueden poner en el fichero functions.php o en un Snippet Lo anterior se puede hacer usando filtros en el functions.php o en Snippets. De hecho se pueden hacer más cosas. Os dejamos las más importantes. En todos estos casos __return_true habilita y __return_false deshabilita. Permitir todas las actualizaciones del core: add_filter( ‘auto_update_core’, ‘__return_true’ ); Para especificar los tipos de actualizaciones del core que se permiten (o deniegan). add_filter( ‘allow_dev_auto_core_updates’, ‘__return_true’);      // Actualizaciones de desarrolloupdatesadd_filter( ‘allow_minor_auto_core_updates’, ‘__return_true’);    // Menoresupdatesadd_filter( ‘allow_major_auto_core_updates’, ‘__return_true’);   // Mayores Actualizaciones de plugins (permitir) add_filter( ‘auto_update_plugin’, ‘__return_true’ ); Podríamos incluso incluirlo en una función para especificar los que permitimos: functionauto_update_specific_plugins ( $update, $item) {// Array of plugin slugs to always auto-update$plugins= array( ‘akismet’, ‘buddypress’, );if( in_array( $item->slug, $plugins) ) {// Always update plugins in this arrayreturn true;} else{// Else, use the normal API response to decide whether to update or notreturn $update;}}add_filter( ‘auto_update_plugin’, ‘auto_update_specific_plugins’, 10, 2 ); Para habilitar las actualizaciones de temas: add_filter( ‘auto_update_theme’, ‘__return_true’ ); Para desactivar las de traducciones: add_filter( ‘auto_update_translation’, ‘__return_false’ ); Con un Plugin Si todo lo anterior te parece muy complicado puedes instalar un plugin para gestionar las actualizaciones. Recomendamos el siguiente. Easy Updates Manager. Y ya está…con esto ya deberías poder controlar qué se actualiza en tu CMS, cuándo y cómo.

Scroll al inicio