Quantcast
Channel: Webempresa
Viewing all 1649 articles
Browse latest View live

Slideshow Responsive para PrestaShop

$
0
0
Slideshow Responsive para PrestaShop

No hay un sitio web que no tenga una entrada representativa, sin una galería de imágenes que al cargar la web llame la atención de los visitantes. Generalmente esto hace un slideshow.

Generalmente un slideshow muestra una dispositivas de imágenes e incluso en la actualidad de vídeos, que muestran contenido informativo sobre el portal ya sea esta la temática de una tienda, empresa, blog, etc. El slideshow ha ido evolucionando en cuanto a efectos teniendo en la actualidad desde movimientos tipos 3D, hasta cajas adaptativas o también llamadas “responsive” que se adaptan correctamente a cualquier dispositivo móvil.

En el caso de PrestaShop no es sencillo encontrar un módulo que cumpla con todos estos requerimientos, ya que generalmente vienen adaptados ya a la plantilla y su reemplazo se hace complicado, sin embargo hemos encontrado un módulo gratuito que prácticamente se adapta a cualquier tema y que cumple con la mayoría de los requerimientos que se necesita para que trabaje sobre una web desarrollada con este CMS.

Previo registro el módulo es posible descargarlo desde el siguiente enlace: Sliders Everywhere.

El resultado final será el siguiente:

Página Producto

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.


Actualizar manualmente de Moodle 2.6.x a 2.7.x

$
0
0

Actualizar manualmente Moodle 2.6.x a 2.7.7Moodle es una plataforma de e-Learning que evoluciona muy deprisa en los últimos años, principalmente en cuestiones de seguridad, sin olvidarse que su foco principal es ofrecer a profesores, academias, Universidades y otros la posibilidad de facilitar el acceso a la enseñanza online por medio de su plataforma.

Lo que determina que una instalación es vulnerable y debe ser actualizada es el descubrimiento de fallos en el código de Moodle que puede comprometer instalaciones en funcionamiento, causando que estas revelen datos de alumnos y cursos o que se vean afectadas por algún tipo de ataque que las deje sin servicio.

Mantener Moodle actualizado a las versiones estables debería ser una de las prioridades importantes en la lista de todo administrador de plataformas Moodle, de manera que el seguimiento constante de versiones, las copias de seguridad y actualizaciones ayuden a garantizar la estabilidad y funcionamiento.

Las nuevas versiones de Moodle necesitan de PHP 5.4 o superior para funcionar, y esto marca un antes y un después que los administradores de sitios Moodle deben tener muy presenta para llevar a cabo actualizaciones a versiones estables con éxito.

Los usuarios que aún se mantienen en versiones no estables, 2.5 y principalmente 2.6 deben plantearse, previa copia de seguridad, actualizar a 2.7.7 estable (a fecha de abril de 2015) para posteriormente poder pasar a Moodle 2.8.5 o versiones superiores.

Como medida de precaución siempre recomendamos probar la actualización primeramente en una COPIA de tu sitio Moodle en producción, para asegurarte de que funciona como esperas.

Lo normal en versiones estables es poder actualizar previa verificación de la existencia de nuevas versiones si se tiene habilitada está opción en la Administración del sitio, Servidor, Notificaciones de actualización.

Al acceder a desde el menú Administración del sitio al apartado Notificaciones podemos ver si hay actualizaciones disponibles automáticas haciendo clic en el botón Compruebe actualizaciones disponibles y si las hay veremos algo similar a lo mostrado en la siguiente captura:



Para actualizaciones desde la versión 2.6.x (en este caso la 2.6.10) es recomendable pasar primero por la versión 2.7.7 antes de subir a la estable del momento, actualmente la 2.8.5+

¿Que copia de seguridad tengo que realizar antes de actualizar?

  • Los archivos de la instalación, por ejemplo /public_html/moodle
  • Los archivos de datos generados y subidos a la instalación de Moodle, por ejemplo /moodledata
  • La base de datos de Moodle desde phpMyAdmin.

El procedimiento de actualización es manual, ya que implica pasar de usar una versión de PHP 5.2/5.3 a usar PHP 5.4 o 5.5 y este cambio de versiones de PHP puede afectar a las actualizaciones automáticas.

La actualización manual no se ve afectada porque se tenga determinada versión de PHP activa, ya que es una escritura manual de archivos.

Pasos para actualizar manualmente de Moodle 2.6.x a 2.7.x:

  1. Realizar una copia de seguridad de la instalación de Moodle, la carpeta /moodledata y de la base de datos.
  2. Activar en la administración de Moodle el "Modo Mantenimiento".
  3. Renombrar el archivo config.php a config.php_seg (por seguridad).
  4. Descargar la versión estable de Moodle 2.7.7.
  5. Extraer el archivo descargado moodle-latest-27.zip en el ordenador.
  6. Acceder a la carpeta del archivo zip descomprimido y comprimir los archivos contenidos (desde dentro de la carpeta) (1)
  7. Subir el archivo .zip creado, de la actualización, a la carpeta de Moodle en el servidor.
  8. Extraer el archivo .zip una vez subido.
  9. Renombrar el archivo config.php_seg a config.php nuevamente.
  10. Mover la carpeta /public_html/moodle/moodledata fuera de /public_html por seguridad, si no lo estuviese.
  11. Deshabilitar el Modo de Mantenimiento.
  12. Verificar que ya disponemos de la nueva versión accediendo al /admin de Moodle, Notificaciones.

(1) Con el fin de evitar que al extraer el archivo original descargado moodle-latest-27.zip en el servidor, se extraigan los contenidos en una nueva carpeta llamada /moodle.

Moodle se ve sujeto a constantes cambios y mejoras en el código, orientadas a corregir fallos de seguridad o añadir nuevas funcionalidades. Mantenerlo actualizado garantiza su correcto funcionamiento en circunstancias normales de uso.


Actualiza robots.txt en Joomla 3.4.x y mejora tu karma con Google y de paso tu SEO

$
0
0

Actualiza robots.txt en Joomla 3.4.x y mejora tu karma con Google y de paso tu SEOHasta la versión de Joomla 3.3 estábamos acostumbrados de dejar quietecito el archivo robots.txt en Joomla, ya que los datos de configuración que traía por defecto eran aplicables en la mayoría de sitios web "sin más miramientos".

De repente llegan nuevas versiones de Joomla 3, muchos usuarios se han percatado de forma más consciente en Joomla 3.4, y percibimos que Google necesita expresamente que le demos permisos a sus de indexado para acceder a los contenidos de las carpetas /templates, /media o /images para que analicen los contenidos para mejorar el SEO del sitio web afectado.

Tras actualizar a Joomla 3.4 o más recientemente 3.4.1, Joomla nos presenta un aviso en el backend que nos invita a revisar los mensajes de posinstalación y entre ellos encontramos el aviso que hace referencia a robots.txt bajo el título robots.txt Update.

Tiene mensajes de posinstalación

Hay mensajes de posinstalación importantes y que requieren de su atención. Para ver dichos mensajes, por favor, haga clic en el botón 'Revisar mensajes' que aparece a continuación. Puede revisar los mensajes en cualquier momento haciendo clic sobre el elemento del menú 'Mensajes de posinstalación' del menú 'Componentes' que hay en la zona de la administración. Dicha área de información no se mostrará si lo tiene configurado en 'Ocultar todos los mensajes'.



¿Como se arregla esta historia?

¡Fácil!, simplemente debes editar el archivo robots.txt.dist y copiar su contenidos, después renombras el archivo robots.txt a robots.txt_old (por ejemplo) y crear una archivo nuevo llamado robots.txt, lo editas y pegas el contenido copiado de robots.txt.dist y guardas los cambios, ¡listo!, tu archivo ya está adaptado para las nuevas exigencias de Google y su legión de bots de indexado.

Otra opción más rápida todavía es que edites tu archivo robots.txt y te asegures que no existen las líneas:

Disallow: /images/
Disallow: /media/
Disallow: /templates/

¿Como afecta esto en dispositivos móviles?

Al examinar tu sitio web, las pruebas que Google realiza no tienen en cuenta la vista previa de archivos que están bloqueados por el archivo robots.txt lo que puede llevar a que al ver una vista inexacta de tu sitio web se muestren avisos para corregir el problema de archivos bloqueados como es el caso de /images y /templates.

Es una cuestión aparentemente menor pero que puede causar que tu sitio web sea considerado incompatible con los dispositivos móviles.

En el siguiente vídeo te lo ilustramos por si no te quedó muy claro el proceso. :)



Si adicionalmente haces uso de módulos o plugins que utilizan sus propios estilos CSS es posible que necesites eliminar las siguientes líneas del archivo robots.txt:

Disallow: /modules/
Disallow: /plugins/

Y si utilizas CSS y JavaScript comprimido desde las opciones de compresión de la plantilla, tendrás que eliminar de robots.txt la línea:

Disallow: /cache/

A partir de aquí es más posible que tu sitio le empiece a gustar a Google, que nos guste o no sigue siendo el "gran hermano" de la indexación de contenidos para mejorar en posicionamiento y SEO.

Los pequeños detalles también son importantes en Joomla y cuidarlos garantizan que tu sitio web sea más accesible e indexable.


Liberado VirtueMart 3.0.9 versión de seguridad

$
0
0

Liberado VirtueMart 3.0.9 versión de seguridadEl equipo de desarrollo de VirtueMart ha liberado la versión 3.0.9 compatible con Joomla 2.5 y 3.4.1, (recomendada para Joomla 3.4.x) siendo una versión de seguridad a la que se debe actualizar a la mayor brevedad.

VirtueMart es auditado por diferentes empresas de seguridad y es de agradecer la colaboración de estas empresas que encontraron la vulnerabilidad XSS persistente que podría permitir ataques en versiones de VirtueMart 3.0.8, por lo que la nueva versión ya incorpora la corrección.

La vulnerabilidad descubierta por Fortinet's FortiGuard Labs con el número CVE-2015-3619 es un ataque XSS persistente. Contrariamente a lo que seria una vulnerabilidad XSS no persistente, este tipo de ataque puede ser ejecutado con la interacción casi nula por parte del administrador.

El problema existe debido a la información sobre herramientas javascript, que codifican automáticamente el valor DOM. Así que, en determinadas circunstancias es posible utilizar una combinación de doble codificación de first_name, last_name y company para crear un javascript.

El archivo javascritp corregido es vm2admin.js.

El resto de soluciones son más complejas y en diferentes archivos para evitar el problema en el futuro:

Desde el equipo de desarrollo de VirtueMart se recomienda que instalaciones que trabajen con multiidiomas se mantengan en Joomla 2.5.28 y no actualicen a Joomla 3.4.x para hacer uso de VirtueMart, derivado de los problemas que las versiones STS (corta duración) están causando en tiendas con esta característica nativa de Joomla 3.x habilitada, al menos mientras no haya ramas LTS (larga duración) estables liberadas como Joomla 3.4 o 3.5.

¿Quieres actualizar de VirtueMart 2.6.x a la versión estable 2.6.18 en Joomla 2.5.28? revisa el siguiente artículo de nuestro Blog.

El equipo de soporte de VirtueMart seguirá dando soporte sobre la versión 2.6.x. ya que de momento no hay un tiempo de fin de vida establecido (EOL = End-of-life), pero se destaca que las nuevas características se encontrarán en VirtueMart 3. La actualización a VirtueMart 2.6.18 debe ser muy fácil desde el Gestor de Extensiones, Actualizar.

Descargas

  • La versión 3.0.9 contiene correcciones para las versiones anteriores para Joomla 3.4.x

Correcciones y características añadidas en VirtueMart 3.0.9:

  • Clasificación de pedidos "pedido, nombre", si está disponible, por el nombre.
  • Corregido que si un producto tiene más de una categoría y no está publicada no suceda que la categoría seleccionada no se muestre.
  • Cambiados permisos de vendedores y compradores; esto significa que si un proveedor cambiarse a comprador podría administrar la tienda.
  • Sustituida serialización de Klarna contra json_encode.
  • Se ha incorporado la opción de añadir archivos javascript en línea (a veces más fácil con ajax).
  • Añadir al carrito ahora se puede detener por otros javascript usando e.stopSendtocart==true.
  • Añadida prueba en All in One (AIO) para prevenir página en blanco debido a una instalación de VirtueMart adecuada.

Para sitios en producción con VirtueMart es importante realizar una copia de seguridad [1], [2], [3] antes de proceder con la actualización, desde el propio componente VirtueMart.

Para usuarios de Packs de Webempresa, recomendamos consultar siempre antes de actualizar a la nueva versión.

Agradecer desde aquí el trabajo de Max Milbers y su equipo que a través de VirtueMart permiten a millones de sitios web trabajar en Joomla con el carrito de compras más conocido y usado para este CMS.


Actualiza a WordPress 4.2.2 versión de seguridad

$
0
0

Actualiza a WordPress 4.2.2 versión de seguridadSe ha liberado WordPress 4.2.2 como versión de seguridad crítica en respuesta a una vulnerabilidad que afecta a las versiones 4.2.1, 4.2, 4.1.2, 4.1.1, 4.1.3, y 3.9.3 de WordPress.

Esta vulnerabilidad viene de la mano del plugin JetPack (nativo de Automattic) y del tema Twenty Fifteen que se ven afectados por ataques XSS DOM (Document Object Model). Teniendo en cuenta que tanto JetPack como el citado tema vienen por defecto incorporados en el núcleo (core) de WordPress, cualquier instalación no parcheada es susceptible de este tipo de ataques.

Todos los temas y plugins afectados alojados en WordPress.org (incluyendo el tema por defecto Twenty Fifteen) se han actualizado por parte del equipo de seguridad de WordPress para hacer frente a este problema mediante la eliminación de este archivo no esencial.

Versiones de WordPress 4.2.1 y anteriores están afectadas por una vulnerabilidad de cross-site scripting crítico, lo que podría permitir a los usuarios anónimos comprometer un sitio web con versiones no parcheadas. WordPress 4.2.2 incluye una solución integral a este problema.

La nueva versión también incluye medidas de endurecimiento contra ataques cross-site scripting potenciales al usar el editor visual.

Adicionalmente WordPress 4.2.2 corrige 13 fallos detectados en la versión anterior.

En WordPress 4.2.2 (nativo desde la versión 3.7) no es necesario que actualices si no lo crees conveniente, pero es importante que sepas que si no lo tienes deshabilitado ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática!.

Consulta la Lista de cambios en WordPress 4.2.2.

Para realizar la actualización automática recomendamos seguir el siguiente vídeo que en apenas 3 minutos permite actualizar WordPress a la última versión estable.

El proceso manual de actualización es sencillo. Accede al dashboard de WordPress, realiza una copia de seguridad, desde Escritorio, ve a Actualizaciones y haz clic en "Actualizar ahora".

Como siempre, cuando las nuevas versiones se liberan, la recomendación es actualizarse a la última versión estable de este CMS, previa copia de seguridad, para garantizar la seguridad y estabilidad de nuestro Blog.

En Webempresa hemos aplicado los parches pertinentes en nuestros servidores para que esta vulnerabilidad no pueda ser explotada en instalaciones de WordPress de clientes.


Configuración Pack Wordpress Intuition

$
0
0
icono pack intuition

El theme Intuition es un theme gratuito que se puede descargar del siguiente enlace, sin embargo en una cuenta de hosting Worpdress Webempresa tenemos la facilidad de instalar un Pack Intuition pre-configurado y listo para hacer modificaciones.

La configuración de este theme tiene ciertas particularidades, especialmente en la configuración de la funcionalidad integrada de slide, cabeceras y bloques de página de inicio. En este artículo veremos cómo realizar las diferentes configuraciones de este pack de manera sencilla

1- Opciones de configuración

Personalización Theme

Desde Apariencia => Temas => En el theme activo veremos la opción de personalizar, esto es algo estándar para los themes de Wordpress por lo que desde aquí podemos realizar configuraciones similares para cualquier otro theme, ver imagen

Opciones del Theme

Desde Apariencia => Opciones Theme , veremos configuraciones específicas para el Theme Intuition, tal como se ve en la imagen adjunta

2- Página de Inicio

La página de inicio consta de un slide , una sección de bloques y un texto inferior, la información que aparece en el slide y en los bloques son páginas de Wordpress configuradas ya sea como : Pase de Diapositivas , o como Bloques de Inicio, tal como se muestra en la imagen adjunta

Para el texto inferior de la página de inicio se cuenta con una página llamada inicio en donde se puede cambiar este texto

3- Páginas adicionales

Las páginas adicionales cuentan con una imagen de cabecera que se puede configurar desde : Apariencia => Temas => Personalizar => Imagen de cabecera, esta funcionalidad es limitada si se quiere algo más avanzado debemos consultar la documentación del theme, la cual tiene un artículo para el uso de diferentes imagenes headers

La página de blog es la única que muestra la barra lateral con algunos widgets, podemos cambiar los widgets mostrados desde : Apariencia => Widgets

La página de contacto usa el Plugin Contacto Form 7 para el formulario de contacto, por lo que para cambiar la configuración debemos hacerlo desde este plugin, desde el enlace de contacto del backend del sitio

 

En el siguiente video se detalla cada uno de los puntos tratados anteriormente

Trasladar WordPress desde el Hosting a tu ordenador

$
0
0

Trasladar WordPress desde el Hosting a tu ordenadorLo habitual es que cuando pensamos en trasladar un sitio web que hemos estado gestionando, lo hagamos desde otro servidor, al nuevo servidor que hayamos contratado en otro proveedor de servicios de alojamiento web de forma que podamos seguir gestionando la web que tantas horas de esfuerzo y dedicación nos ha costado y no tengamos que empezar desde cero.

Existen varias tecnologías que nos permiten disponer de un servidor Apache, MySQL, PHP y servicios ProFTPD para poder ejecutar un CMS como WordPress en un sistema operativo Windows, OSX o Linux con las tecnologías necesarias para que se aproxime lo máximo posible al ambiente de ejecución que tendríamos en un servidor en Internet.

En este artículo nos basamos en una instalación de WordPress que tenemos en un Hosting, en este caso en Webempresa, y que necesitamos clonar a nuestro ordenador (localhost) para realizar pruebas, desarrollos y personalizaciones sin tener que hacerlo directamente en el Hosting.

Para poder llevar a cabo esta tarea necesitamos tener previamente instalada alguna aplicación como LAMPP, XAMPP, WAMPP, AppServ, etc., existentes que pueda ejecutar Apache, PHP, phpMyAdmin y Perl (opcional) para poder ejecutar WordPress en nuestro ordenador.

Pasos para trasladar WordPress a localhost:

  1. Accede al dashboard de WordPress en tu Hosting.
  2. Ve a Plugins, Xcloner. (1)
  3. En el apartado Action, Generate Backup encontrarás el botón "Generate Backup". Haz clic sobre el.
  4. Revisa especialmente la pestaña "File Options" por si tienes que excluir alguna carpeta de la copia.
  5. Si todo está correcto haz clic en el botón superior "Continue".
  6. Espera que concluya la copia de seguridad. (No navegues a otro sitio en el dashboard).
  7. Una vez concluida vuelve a Actions, View Backups.
  8. Verás la copia de seguridad realizada. Haz clic en el icono del disquette para descargarla.
  9. Guarda la copia directamente en tu carpeta /htdocs/wordpress (o la que corresponda).
  10. Adicionalmente debes descargar el archivo TAR.php y XCloner.php a tu ordenador a la misma carpeta.



(1) - Si no tienes instalado XCloner recomendamos lo hagas, es 1 minuto.

En el siguiente vídeo te ilustramos el proceso de copia de seguridad de una instalación de WordPress y la descarga de la copia a tu ordenador (el vídeo se basa en XAMPP para OSX pero el proceso es similar para otros sistemas operativos):



Pasos para restaurar una copia de seguridad de XCloner en localhost:

  1. Accede a la carpeta donde hayas descargado la copia de seguridad de XCloner.
  2. Verifica que están los archivo de la copia .tar y TAR.php y XCloner.php
  3. Crea una base de datos en tu ordenador con phpMyAdmin (http://localhost/phpmyadmin)
  4. No olvides que la codificación de la base de datos debe ser utf8_general_cli.
  5. Desde tu navegador llama al script de XCloner (http://localhost/XCloner.php) (2)
  6. Añade el nombre de base de datos, usuario de base de datos y contraseña de la base de datos.
  7. Haz clic en "Restaurar ahora". (El proceso tardará en función del tamaño de la web a restaurar).
  8. Te solicitará que hagas clic para importar la base de datos de la copia de seguridad.
  9. Una vez completada la restauración podes ver el frontal del sitio restaurado si todo fue correcto.
  10. La restauración ha concluido, ahora podrás acceder al dashboard (https://localhost/wordpress/wp-admin).

(2) - La ruta variará en función de donde tengas instalado XAMPP, WAMPP, LAMPP, AppServ o el que utilices en tu ordenador.

En el siguiente vídeo te ilustramos el proceso de restauración de la copia de seguridad realizada de una instalación de WordPress:



La instalación de WordPress restaurada en tu ordenador (localhost) tendrá "aproximadamente" similar comportamiento que la web que tengas en el Hosting en Internet, salvando algunas tecnologías que si estén activas en el Hostin gy que tu instalación XAMPP, WAMPP, LAMPP, AppServ o el que utilices no dispongan.

Esta instalación en tu ordenador (localhost) puede ser actualizada y la gestión de temas y plugins será la misma que si lo hicieses en el Hosting en un servidor en Internet.

¿Quieres realizar la acción contraria? Trasladar de localhost tu web WordPress al Hosting que hayas contratado y que en este artículo te contamos en detalle.


Optimiza las tablas con muchos registros en PrestaShop

$
0
0

Optimiza las tablas con muchos registros en PrestaShopMantener la base de datos de cualquier sitio web PrestaShop en producción es tarea importante, principalmente una vez que la Tienda pasa a ser accesible a nivel global en Internet y periódicamente, cada cierto tiempo, para mantener las tablas en optimas condiciones y no dejar que algunas se llenen de registros innecesarios que solo contribuirán a que el sitio funcione más lento.

Si tu objetivo con la Tienda PrestaShop está centrado en vender y no en hacer analítica de ventas a un nivel importante, para eso ya tienes excelentes herramientas como Google Analitycs que no recargan tu sitio con más módulos, es posible que tengas interés en aligerar el peso de determinadas tablas de tu base de datos que son verdaderos acumuladores de datos.

Un sitio web PrestaShop con un tiempo ya en producción puede tener una base de datos con un peso importante, pudiendo rondar los 200 MB o más si tenemos muchos productos y principalmente si las tablas de estadísticas han crecido mucho. Adelgazar esta base de datos y dejarla en la mitad de su peso puede ayudarte a que las consultas devuelvan resultados de forma más rápida ¿quieres saber como? ..sigue leyendo!

Habitualmente en PrestaShop la tablas que más registros van acumulando suelen ser:

  • ps_guest
  • ps_connections
  • ps_connections_page
  • ps_connections_source
  • ps_page_viewed

Previa copia de seguridad "siempre" es posible reducir el peso de estas tablas, ejecutando sentencias (de una en una) SQL como las siguientes, desde phpMyAdmin, SQL:

  • truncate table ps_page_viewed;
  • truncate table ps_connections_page;
  • truncate table ps_connections_source;
  • truncate table ps_connections;
  • truncate table ps_guest;

Otras tablas que afectan a los carritos, donde suelen acumularse consultas de carritos abandonados son:

  • ps_cart_product;
  • ps_cart;
  • ps_cart_discount;

Con las siguientes sentencias SQL podemos aliviar estos datos:

  • truncate table PS_cart_product;
  • truncate table PS_cart;
  • truncate table PS_cart_discount;

Esto aligerará el peso de las citadas tablas sin afectar al funcionamiento de la web.

Esta limpieza no afecta en la velocidad de carga de una Tienda PrestaShop, pero si alivia el peso de la base de datos.

Insistimos en que es muy importante realizar estas tareas con precaución y siempre previa copia de seguridad de la base de datos. Una opción es exportar la base de datos, crear una base de datos nueva, importar la base de datos exportada y hacer las pruebas de sentencias SQL en la copia de la base de datos, de forma que puedas evaluar cuanto se reduce la misma y si luego su funcionamiento sigue siendo el correcto.

No confundir este tipo de optimizaciones de tablas específicas de PrestaShop con la reparación de bases de datos o tablas y registros concretos de una base de datos frente a errores o problemas.

Existen módulos, algunos de ellos gratuitos, que permiten llevar a cabo una optimización de la base de datos de una Tienda de PrestaShop, y de los cuales puedes hacer uso sin consideras que la optimización manual comporta para ti una tarea compleja.

Prestashop Database Optimization



Este módulo es una buena herramienta para limpiar la base de datos de PrestaShop.

¿Cómo funciona? PrestaShop almacena una gran cantidad de información innecesaria en la base de datos, este módulo permite limpiar toda la información no deseada, como los carros abandonados, informaciones de conexiones, información de visitas, etc. También elimina las estadísticas colectadas or PrestaShop, por lo que si no utiliza Google Analytics o similar, quizás necesites saltar esta parte.

Probado en PrestaShop 1.6.0.14 sin que se hayan presentado inconvenientes en su funcionamiento.

Descargar   PrestaShop 1.6.x   Gratuito


Prestashop Presta Speed



PrestaSpeed optimiza la base de datos de Prestashop, imágenes y la configuración para aumentar la velocidad de carga del sitio web.

El módulo tiene como objetivo borrar todos los datos de estadísticas que son inútiles para la administración de la tienda y sobrecargan la base de datos (por ejemplo, conexiones de usuarios, carros abandonados, etc.).

Se recomienda el uso de Google Analytics para una gestión de estadísticas avanzada y evitar sobrecargar la base de datos (con tráfico normal, la base de datos puede llegar a ser muy grande y provocar que la Tienda funcione más lenta).

Comprar   PrestaShop 1.6.x   Comercial


Existen muchos más módulos que pueden hacerte el trabajo más fácil, pero si tomas las debidas precauciones realizando copias de seguridad periódicas y aplicas el método manual de optimización de las tablas arriba citadas de tu base de datos en producción, será más que suficiente para mantener a dieta tu base de datos y en optima forma tu Tienda PrestaShop.



¿Errores con CAPTCHA en Contact Form 7? ¡prueba esta solución!

$
0
0

¿Errores con CAPTCHA en Contact Form 7? ¡prueba esta solución!Si tu Hosting esta en un servidor que trabaja con NginX, algunos recursos como las imágenes son servidas desde caché, por lo que las soluciones CAPTCHA no funcionarán.

Algunas reglas del módulo mod_rewrite se encargan de restringir el acceso a archivos o carpetas en instalaciones que utilicen por ejemplo protección de carpetas mediante .htaccess, de forma que no puedan ser listadas ni accedidas desde urls conocidas por parte de usuarios sin privilegios.

Es posible que en determinadas circunstancias necesitemos excluir carpetas afectadas por reglas del mod_rewrite en el archivo .htaccess de forma que no se vean afectadas por esta restricción.

Las llamadas al sistema de CAPTCHA en Contact Form 7 se realizan con códigos cortos como:

[captchac CAPTCHALR size:m]
[captchar CAPTCHALR]

Si las imágenes de CAPTCHA se gestionan fuera de la carpeta principal y la que aloja las imágenes de seguridad está afectada por una regla de mod_rewrite, lo más probable es que la imagen de cAPTCHA no se muestre al usuario y este no pueda completar un acceso, un registro o enviar un formulario en el caso de Contact Form 7.

Podemos resolver este inconveniente añadiendo el siguiente código en el archivo .htaccess de la instalación afectada:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteRule (.*) /index.php?uamfiletype=attachment&uamgetfile=$1 [L] 
</IfModule>

Posiblemente RewriteBase requiera que especifiques una carpeta concreta si tu instalación no está directamente alojada en /public_html.

Proceso resumido:

  1. Accede a tu Panel de Hosting y ve al Administrador de Archivos (también puedes hacerlo por FTP).
  2. Adicionalmente realiza una copia de seguridad de tu instalación afectada ¡nunca se sabe!.
  3. Localiza el archivo .htaccess (oculto) de la instalación afectada.
  4. Editalo, en la medida de lo posible con el Editor de Código.
  5. Añade el código arriba indicado, al final del código de WordPress (1).
  6. Guarda los cambios y limpia la caché de tu navegador.
  7. Verifica si ahora se visualiza la imagen de CAPTCHA de Contact Form 7.

(1) Código que por defecto debe incorporar tu instalación de WordPress en el archivo .htaccess:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

No obstante se trata de casos puntuales que no siempre pueden requerir la misma solución, ya que problemas con permisos incorrectos podrían también ser la causa. En estos casos es bueno siempre consultar con tu Departamento de Soporte para que te facilite detalles del problema y te ayude a resolverlos.


Desactiva y evita la instalación de módulos de JetPack en WordPress

$
0
0

Desactiva y evita la instalación de módulos de JetcPack en WordPress El plugin JetPack, permite añadir numerosas funcionalidades en WordPress sin tener que instalar plugins adicionales de otros desarrolladores, si bien esto acaba generando el monopolio de los plugins por parte de Automattic (los mismos que hacen posible WordPress).

Cuando instalamos JetPack por defecto se activan módulos que no necesariamente necesitamos tener activos, a fin de cuentas es un plugin y como tal pude ser vulnerable, y esto nos lleva a lo siguiente.

¿Porque mantener instalados o activos módulos de JetPack que no vamos a utilizar?. Lo ideal es que solo tengamos instalado y activo en WordPress aquello que necesitemos, estrictamente, pues nos evitará problemas de seguridad y sobrecarga innecesaria de la web. Como decia mi abuela "lo breve y bueno dos veces bueno. :)

En este artículo vamos a explicarte como eliminar o añadir en la Lista Negra aquellos módulos de JetPack innecesarios de forma que mantengamos la web con una carga más ligera y un dashboard (panel de administración) menos confuso y de paso evitar que otros administradores de un mismo sitio web WordPress puedan activarlos.

Vamos a hacer uso del plugin Jetpack Module Control para gestionar una lista negra de módulos de JetPack.

WordPress

Jetpack Module Control

Este plugin permite mantener un control sobre los módulos que conforman el plugin JetPack.

Hay muchas razones que pueden justificar que deshabilitemos módulos de JetPack que no pretendemos usar, quizás porque tengamos mejores opciones mediante plugins de otros desarrolladores independientes, o porque sencillamente los de JetPack presenten algún tipo de incompatibilidad con temas para dispositivos móviles, con gestión de caché u otras y necesitamos evitar sobre todo la superposición de funcionalidades.

Este plugin es compatible con sitios individuales de WordPress y multisitios ya que Jetpack se desarrolla tanto para instalaciones individuales como para multisitios.

Para instalaciones de sitio único, se puede bloquear la configuración del plugin añadiendo el define siguiente en el archivo wp-config.php:

define('JETPACK_MC_LOCKDOWN', true);

Esto puede ser útil para evitar que otros administradores sean capaces de reactivar los módulos de la lista negra que hayamos generado con el plugin Jetpack Module Control.

Configuraciones del plugin

Podemos llegar a las configuraciones del plugin Jetpack Module Control desde Ajustes, Generales.



Los parámetros disponibles son:

  • Manual Control: Prevenir la auto-activación de nuevos módulos del plugin Jetpack.
  • Development Mode: Permitir la activación de módulos Jetpack sin una conexión de WordPress.com.
    • Al forzar Jetpack en el modo de desarrollo, los módulos se utilizan sin una cuenta de WordPress.com. Todos los módulos que requieren una conexión de WordPress.com no estarán disponibles. Estos módulos están marcados con un asterisco (*). El mensaje de ejecución en "modo desarrollo" de Jetpack estará oculto.
    • Blacklist Modules: Marcar o desmarcar aquellos módulos que queramos incluir o excluir de la lista negra de módulos que JetPack que no podrán instalarse.

    • Esto ayuda que si son varios los administradores del sitio web para evitar que instalen módulos de JetPack que realicen tareas duplicadas que otros plugins ya instalados estén llevando a cabo.

    En el siguiente vídeo le damos un repaso rapidito a este plugin para controlar los módulos de JetPack.




Códigos QR en los productos de PrestaShop

$
0
0
Códigos QR en los productos de PrestaShop

Los códigos QR hace mucho tiempo eran más que un cuento, en la actualidad esta en todas partes. Se las pueden ver tanto en las tiendas físicas como en las tiendas digitales.

Actualmente se utiliza muchos en los dispositivos móviles para poder realizar compras, dentro del mundo del Ecommerce suponen un 20% de venta. Entonces se torna importante que al mostrar el código QR en la ficha de un producto mediante un escaneado de alguna aplicación automáticamente nos envíe al producto en la tienda digital para realizar la compra.

Al ser una imagen única, nos da la posibilidad de mostrarlo en impresiones, es decir pegar el código sobre la caja de algún producto o sobre algún tipo de afiche de publicidad, es claro que aumenta las posibilidades de compra para el cliente por lo tanto también aumenta la venta y mejora nuestro negocio.

Es posible descargar el modulo desde el siguiente enlace QR Code on your product pages.

El resultado final será el siguiente:

Productos PrestaShop

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

Insertar videos de Facebook en un sitio web con Joomla

$
0
0
Insertar videos de Facebook en un sitio web con Joomla

Al navegar sobre Facebook, dependiendo del uso que le demos es posible encontrar información que nos sea de mucha utilidad.

En este caso, es posible que al navegar sobre alguna pagina por ejemplo un periódico, nos encontremos con un video que nos parezca interesante y quisiéramos compartirlo en nuestro sitio web.

Esto es posible mediante un modulo de Joomla, que permite copiar la url total del video en el navegador y mostrarlo en nuestro sitio web, cada video posee un ID único y lo podremos visualizar en la barra de navegación. Por ultimo indicar que el modulo permite modificar el tamaño y colores de bordes y fondos en la presentación.

Ver y valorar la extensión Facebook Embedded Videos en el Joomla! Extensions Directory.

Descargar Facebook Embedded Videos desde la web del autor.

El resultado final será el siguiente:

Videos Facebook Joomla

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

Limpiar la caché en webs Wordpress con Framework Gantry

$
0
0
Limpiar la caché en webs Wordpress con Framework Gantry

No es raro que al aplicar cambios en nuestra web Wordpress con un tema basado en el Framework Gantry, éstos no se muestran en el frontal.

Este comportamiento suele estar causado por la caché del tema.

La caché web es un lugar de almacenamiento temporal para contenido de datos solicitados desde Internet. Después de que una solicitud original de los datos se ha realizado correctamente , y que los datos han sido almacenados en la caché, las siguientes solicitudes de esos archivos (por ejemplo , páginas HTML, imágenes ) hacen que la información sea devuelta desde la caché, si se cumplen ciertas condiciones , en vez de desde la ubicación original.

Al acceder a la versión almacenada en caché no se mostrarán los cambios. En este caso debemos limpiar la caché para que se muestren actualizados.

Para limpiar la caché de nuestro tema en Gantry deberemos acceder al escritorio (panel de administración o backend) de nuestra web Wordpress y en el menú iremos a los ajustes del tema.

En la parte superior derecha tenemos la opción de Clear Cache, y al pulsarla eliminamos la caché almacenada.

Caché Wordpress Gantry

Una vez hayamos limpiado la caché, veremos que en el frontal de nuestra web ya se muestran los cambios aplicados.

En caso de que sigamos sin ver los cambios, tendremos que limpiar la caché de nuestro navegador.

Recuerda que tenemos a tu disposición tutoriales de nuestros packs Wordpress con Framework Gantry. Échales un ojo y saca el máximo partido a tu web.

Integra cajas de comentarios de Facebook, Google+ o Disqus en WordPress

$
0
0

Integra cajas de comentarios de Facebook, Google+ o Disqus en WordPressLos comentarios en WordPress son un aliciente importante para quienes con esfuerzo llevan adelante un proyecto web con este estupendo CMS, pues además de servir de plataforma para el diálogo, ayudan a distribuir los contenidos y fomentar la participación más allá del Blog.

Para que esto suceda es importante que el blog disponga de métodos de distribución de contenidos en redes sociales que permitan su envío por visitantes y terceros de forma que puedan alcanzar las publicaciones referenciadas a través de comentarios en post o páginas, que de otra forma posiblemente no llegarían.

En esto WordPress, de forma nativa tiene mucho que perder si no fuese por la posibilidad de añadir funcionalidades en los comentarios mediante plugins como JetPack (gracias a algunos de sus módulos) o por otros plugins desarrollados por autores independientes y que van orientados a la integración de las redes sociales más habituales y sus sistemas de comentarios, masivamente utilizados hoy día.

Te planteamos la sustitución del sistema de comentarios nativo de WordPress, o no, pues ambos sistemas pueden convivir, por los box o cajas de comentarios de redes sociales como Google+, Facebook o sistemas de comentarios especializados como DISQUS, del que ya te hemos hablado en otros artículos de este blog.

WordPress

Comments Evolved for WordPress

El plugin de comentarios Evolved permite añadir en el apartado de comentarios de post y páginas de WordPress pestañas con cajas de comentários de redes sociales habituales como Facebook, Google+y otras.

Con el plugin Comments Evolved for WordPresss podemos habilitar cajas de comentarios adicionales para cada red sociales que queramos incorporar de las disponibles, de forma que los usuarios o visitantes, sin necesidad de tener una cuenta en nuestro sitio web para realizar comentarios, puedan hacerlos usando las cajas de redes sociales en las que seguramente si tendrán cuenta de usuario.

  • Google+
  • Facebook
  • Disqus
  • WordPress
  • Trackbacks

La configuración y puesta en marcha es muy sencilla una vez establecidas las redes sociales a utilizar y el orden en que se mostraran en las pestañas.



Al no tener que necesitar una cuenta en tu sitio WordPress para realizar comentarios, es posible que aumenten considerablemente los mismos en tu web si les das la oportunidad de hacerlo a través de las redes sociales más habituales.

No se trata de usar sus cuentas de redes sociales para acceder a tu sistema de comentarios, sino de utilizar las propias redes sociales en las que seguramente muchos ya participan, para realizar comentarios en los contenidos de tu sitio web.

El uso de este plugin para cargar los comentarios no tiene un efecto negativo en su SEO.

Es necesario tener la autoría de Google configurada.

Puedes establecer el orden de las pestañas indicando en el campo Tab Order el nombre de la red social separado por comas sin espacios, por ejemplo:

gplus,disqus,facebook,wordpress

Según el orden que establezcas se mostrarán los iconos de redes sociales en el apartado de comentarios de cada post o entrada de tu Blog.



Para visualizar la caja de comentarios de Facebook es necesario estar previamente logeado en esta red social.



Estos comentarios quedarán reflejados tanto en el post o entrada de la página como en la red social desde la que se realice el comentário si está marcado el checkbox Also post on Facebook, en el caso de Facebook.

En el siguiente vídeo lo configuramos y añadimos esta funcionalidad al sistema de comentarios nativo de WordPress.



La suma de sistemas de comentarios ajenos al nativo de WordPress ayuda a distribuir mejor los contenidos de tu blog, fomentando la participación en tu sitio desde diferentes redes sociales.


Cambiar el carro de compras de una tienda con WooCommerce

$
0
0
Cambiar el carro de compras de una tienda con WooCommerce

En el blog de Webempresa, hemos agregado artículos que insertan funcionalidades y potencian una tienda que se encuentre desarrollada con WooCommerce.

En esta ocasión, modificaremos el carrito de compras que tiene por defecto una plantilla para insertar un plugin que realice la misma funcionalidad pero con un efecto distinto.

Básicamente al instalar el plugin, se inserta un tab desplegable ya sea en la parte superior izquierda o derecha de la tienda, será posible de acuerdo a los colores de nuestra web modificarlo a blanco o negro. Es posible también desactivar el carro si no se inserta ningun producto en la cesta.

Las funcionalidades que hemos mencionado se encuentran en la ruta siguiente: WooCommerce => Ajustes => productos => display => Cart tab. Cuando hayamos finalizado tendremos que desactivar el widget por defecto de la tienda para que no existan dos carros de compras.

Ver y valorar la extensión WooCommerce Cart Tab en el Plugin Directory.

El resultado final será el siguiente:

Carro WooCommerce

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.


Disponible Moodle 2.9

$
0
0

Nueva versión de Moodle 2.9Se ha puesto a disposición de los usuarios la nueva versión de Moodle 2.9 como versión de mantenimiento, donde se corrigen 360 problemas entre fallos y funcionalidades añadidas.

Esta versión tiene un montón de cosas nuevas en ella, que van desde mejoras en la interfaz en muchas áreas de Moodle, tales como la navegación, mensajería, lecciones y exámenes, a funcionalidades del backend que los diseñadores y desarrolladores estarán contentos de poder utilizar, por ejemplo el soporte completo para jQuery y la biblioteca de plantillas mustache.

Como siempre se recomienda realizar una copia de seguridad antes de proceder a actualizar.

Paralelamente se han liberado las versiones de Moodle 2.7.8 y Moodle 2.6.11.

Moodle 2.8.5 y 2.9 funcionan solamente en servidores que ejecuten la versión de PHP 5.4.4 o superior.

Si lo deseas, puedes consultar las Notas de la Versión, ver una Demostración de Moodle online.

En el siguiente vídeo (en inglés) puedes ver un repaso de las funcionalidades de Moodle 2.9 liberadas.



Moodle

Moodle 2.9

Moodle es una aplicación web de tipo Ambiente Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda a los educadores a crear comunidades de aprendizaje en línea. Este tipo de plataformas tecnológicas también se conoce como LCMS (Learning Content Management System).


Añadir archivos PDF en Productos de PrestaShop

$
0
0

Añadir archivos PDF en Productos de PrestaShopCuando gestionamos productos en PrestaShop buscamos aportar la máxima información posible a los visitantes de la tienda de forma que obtengan aquellos datos que necesiten para que la experiencia visitando y conociendo productos sea la mejor y de paso sirva para que se decanten por la compra como acción más importante.

Por defecto los campos que PrestaShop facilita para mostrar información de cada producto están limitados en tamaño, visualización de caracteres y otros datos que sirven de guía a los clientes o compradores para diferenciar un producto de otro y de paso obtener características de cada uno de ellos.

Utilizar archivos PDF que aporten información extra, manuales de determinados productos, ficha de características o licencia de prestaciones de productos a la venta, sirven para distribuir información complementaria junto con el producto que ayuden al cliente antes de la compra, a tomar decisiones para adquirir el producto.

Explotando una funcionalidad nativa de PrestaShop vamos a incorporar archivos PDF en algunos productos de la Tienda, que aporten un valor añadido al producto, ya sea en formato de manuales de uso, o como información promocional adicional de determinado artículo que ayude a su venta.

Esto lo podemos realizar utilizando la opción Adjuntos que cada producto de PrestaShop incorpora y que nos va a servir para asociar un archivo .pdf que pueda ser descargado por el comprador o visitante de la Tienda.

El procedimiento resumido seria el siguiente:

  1. Accedemos al backoffice y vamos a Catalogo, Productos.
  2. Seleccionamos el producto al que añadir el archivo PDF.
  3. En la ficha del producto vamos a Adjuntos.
  4. Establecemos el Nombre del Archivo y la Descripción.
  5. Seleccionamos el archivo PDF de nuestro ordenador.
  6. Seleccionamos el archivo que acabamos de subir en Archivos adjuntos disponibles.
  7. Hacemos clic en Añadir.
  8. Y clic en Actualización de archivos Adjuntos.
  9. Hacemos clic en Guardar.
  10. Vamos al frontoffice y localizamos el producto.
  11. Aparecerá una nueva pestaña Descargas donde visualizaremos el archivo PDF descargable.

Añadir un archivo PDF a un producto en PrestaShop es un proceso muy sencillo.



Un mismo producto puede incorporar uno o varios archivos PDF.

Una vez añadido el archivo PDF al producto, desde el frontoffice, accediendo al producto podemos ver el resultado.



Si necesitas eliminar algún archivo adjunto en determinado producto de tu tienda, debes ir a Catálogo, Adjuntos y en la parte derecha, clic en la flecha hacia abajo para Eliminar el archivo en cuestión.



El procedimiento detallado de como subir y mostrar el enlace de descarga del archivo PDF te lo explicamos el el siguiente vídeo.



Facilitar información extra de tus productos en una Tienda PrestaShop ayudará a que tus compradores tengan más herramientas a la hora de valorar la comprar de determinado producto.


Compartir artículos de Joomla y K2 en WhatsApp

$
0
0

Compartir artículos de Joomla y K2 en WhatsAppEn ocasiones es posible que te hayas visto en la necesidad de compartir un artículo de Joomla en WhatsApp, visitando alguna web que lees habitualmente o que has encontrado navegando y recurres al clásico copiar y pegar la url del artículo en cuestión, desde tu móvil y luego vas a tu App de WhatsApp y pegas el enlace para compartirlo con determinado contacto.

¿Y porque no hacerlo de forma más automática si se trata de un sitio web que tu administras?. De esta forma facilitaras la vida a otros usuarios que navegando por tu sitio web quieran compartir artículos de Joomla o de K2 entre sus contactos de WhatsApp.

¿Que consigues con eso?, jejeje, creo que sobra la pregunta ¿no? :P ...queda claro que cuanto más se distribuyan tus contenidos web, más usuarios los verán, más visitas tendrás y en consecuencia tu SEO y posicionamiento mejorarán ¡matemática pura!, si sigues leyendo te lo cuento con más detalle.

Vamos a hacer uso del plugin WhatsApp Share escrito por Fernándo Arturo Martínez, que encontraremos en el Joomla! Extensions Directory o instalable desde la funcionalidad Instalar desde la web, en el Gestor de Extensiones del backend de Joomla.

WhatsApp Share

WhatsApp Share es un plugin ligero para mostrar un botón de WhatsApp y compartir artículos de tu sitio web desde un dispositivo móvil.

El plugin en cuestión o tiene ninguna configuración específica siendo suficiente con instalarlo y activarlo para que sea visible desde dispositivos móviles el icono de WhatsApp en los artículos de Joomla.



En el siguiente vídeo realizamos la instalación del plugin gratuito WhatsApp Share y realizamos una prueba con un artículo desde un dispositivo móvil.



De momento este plugin solo permite compartir la url de artículos de contenido de Joomla y no es aplicable para imágenes de forma individual o productos de VirtueMart.

A ver si entre todos, enviamos tuits o emails a Fernándo y le animamos a mejorar las prestaciones del plugin, incluyendo por ejemplo la posibilidad de que los productos de VirtueMart puedan también ser compartidos en WhatsApp.


Insertar un contacto con enlace en un artículo de Joomla

$
0
0

Insertar un contacto con enlace en un artículo de JoomlaSi gestionamos sitios webs corporativos o comerciales es posible que en determinadas ocasiones necesitemos insertar un contacto de la empresa dentro de un artículo (también en módulos) de forma que pueda ser vinculado a la ficha de Contacto nativa de Joomla para visualizarla o enviarle un correo electrónico.

Por defecto Joomla no contempla esta opción desde un artículo de contenido y obliga a copiar desde Contactos la url del contacto a utilizar para posteriormente ir a un artículo, escribir el nombre del Contacto y enlazarlo a la ficha correspondiente.

Tengo un buen amigo en Brasil, llamado Daniel Correa que para simplificar esta tarea a los usuarios, creo un plugin que permite disponer de un botón en el editor que utilicemos, ya sea TinyMCE o JCE, de forma que podamos insertar un Contacto en un artículo con un simple clic, y ¡si sigues leyendo te cuento como!

El plugin en cuestión se llama Button - Contact y no lo vas a encontrar en el Joomla Extensions Directory, por lo que tendrás que recurrir al repositorio del autor para poder descargarlo e instalarlo, en este caso en Joomla 3.4.1 donde lo hemos probado con excelente resultado.

La idea de Daniel es muy simple, en lugar de tener que recurrir al componente Contactos, crear un enlace de menú (oculto o no) que luego permita enlazar un determinado usuario con su Formulario de Contacto, el plugin añade un botón en el editor de texto WYSIWYG que utilicemos de forma que en la parte inferior del área de texto donde estemos escribiendo se muestre un botón Contact que permita en una ventana modal o emergente seleccionar un contacto, de los que tengamos creados en el componente "Contactos" y que directamente cargue en el artículo con su correspondiente enlace a la ficha del contacto y el correspondiente Formulario de Contacto del usuario enlazado.



Si bien suena complejo así explicado en un párrafo, de golpe, en el siguiente vídeo te lo ilustro y verás que es más sencillo de lo que parece.



¿Quieres personalizar los estilos CSS del enlace?

Fue lo primero que se me ocurrió después de insertar el enlace del contacto en un artículo ¿porque no le añado unos estilos CSS para que vea más bonito? y nada, a ello que me puse y de paso se lo sugerí a Daniel en Twitter por si se le ocurría implementarlo en una próxima versión del plugin :) ...los amigos están para esto ¿no? jeje!!



Como que la plantilla donde quería probar este plugin trabaja con el framework Gantry, y cabe recordar que usa {less} para gestionar CSS y luego los interpreta y comprime, no había como añadir los estilos personalizados en un archivo existente de la plantilla por lo que opté por crear en /templates/prometeo/css/ el archivo prometeo-custom.css y en el incluir los siguientes estilos:

.uk-comment-header {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fafafa;
}

.uk-comment-avatar {
  margin-right: 20px;
  float: left;
}

.uk-comment-title {
  margin: 5px 0 0 0;
  font-size: 16px;
  line-height: 22px;
}

.uk-comment-meta {
  margin: 2px 0 0 0;
  font-size: 11px;
  line-height: 16px;
  color: #999999;
}

Estos estilos darán pie a que si inserto un enlace de un Contacto en un artículo y luego desactivo el editor WYSIWYG, desde la opción [toogle editor] puedo ver el enlace incrustado por el plugin Button - Contact y personalizarlo si lo que quiero es mostrar el contacto en modo botón o sticker en lugar de un si9mple texto con enlace.

Para ello he utilizado el siguiente código HTML:

<header class="uk-comment-header">
   <img class="uk-comment-avatar" src="images/user_avatar_men.png" alt="Fulgencio Garcia" height="50" width="50">
   <h4 class="uk-comment-title"><a target="_blank" href="index.php?option=com_contact&view=contact&id=2&catid=16&Itemid=435">Fulgencio Garcia</a></h4>
   <p class="uk-comment-meta">Diretor Comercial</p>
</header>

Las clases que utilizo las declaro en el archivo CSS prometeo-custom.css anteriormente creado de forma que el sticker o botón del Contacto se muestre "más elegante".

El resultado lo puedes ver en esta captura del "antes" y el "después" tras personalizar el enlace del plugin.



A partir de este punto lo que resta es imaginación y pensar que cada cual tiene sus propias necesidades y gustos y toca editar, mejorar y usar :)

Agradecer desde aquí el trabajo de Daniel Correa y de muchos programadores anónimos que contribuyen cada día con su trabajo a que los usuarios de Joomla puedan tener un CMS con muchas de funcionalidades.


¿Cuál es la mejor opción de estructura de dominios para mi web multilingüe?

$
0
0

Cuál es la mejor opción de estructura de dominios para mi web multilingüe¿Quieres tener una web en varios idiomas pero no sabes cómo plantear la estructura de tu sitio?. ¿Te estás preguntando si hay que usar un dominio para cada idioma o si puedes usar el mismo dominio para todos?. Estas son las dudas que me planteé cuando pensé en crear mi web multilingüe.

Como no tenía nada claro el tema y, de hecho, me costó bastante encontrar la información, consulté a expertos en SEO, diseñadores de webs y también pregunté en el foro de Webempresa para encontrar la solución. Tras esta larga búsqueda, hoy me gustaría compartir contigo la información que reuní, con la esperanza de ayudarte a tomar una decisión en caso de que te encuentres en la misma situación.

Existen, básicamente 3 opciones diferentes a la hora de plantear una web en varios idiomas. A continuación te explicaré las diferentes opciones de dominios que tienes para crear tu web multilingüe, así como las ventajas e inconvenientes de cada una de ellas.

Opción 1 – un dominio para cada idioma

Imaginemos que eres una empresa que quiere tener una web en español y en inglés. Podrías hacer lo siguiente:

  • Lawebdemiempresa.com (para la versión en inglés)
  • Lawebdemiempresa.es (para la versión en español)

Con esta opción tienes las siguientes ventajas:

  1. Mejora la identificación con cada país
  2. Usar un dominio geográfico (.es para España, .fr para Francia, .it para Italia), te confiere una mayor identidad o pertenencia a esa zona, lo cual puede influir en la confianza de los usuarios de ese país en tu empresa.
  3. Ventajas de cara al posicionamiento SEO
  4. Google identificará automáticamente que quieres posicionarte en un país determinado usando la extensión de dominio correspondiente, por tanto, podrías tener una cierta ventaja y mayor rapidez a la hora de posicionar tus contenidos en ese país.

En cambio, existen algunas desventajas por usar esta opción:

  1. Mayor inversión en la compra de dominios
  2. Necesitarás comprar un dominio para cada uno de los países en los que quieras posicionar tu empresa. Aunque los dominios suelen ser baratos, debes tener en cuenta que la inversión puede llegar a ser bastante alta si quieres dirigirte a muchos países a la vez.
  3. Mayor inversión en tiempo a la hora de actualizar la web
  4. Si trabajas con varios dominios tendrás el inconveniente de tener que ir actualizando la versión de cada país por separado. Esto es una desventaja importante, sobre todo si no dispones de mucho tiempo o recursos para hacer este tipo de trabajos.
  5. Mayor inversión en SEO
  6. Los trabajos de posicionamiento orgánico (SEO) serán diferentes para cada dominio que uses. Esto quiere decir que tendrás que tener una estrategia única para cada web, ya que Google y los demás buscadores posicionaran de forma independiente cada versión de tu web y no existirán sinergias a la hora de otorgar autoridad a tu sitio, por ejemplo, con la creación de enlaces. Esto hará que tengas que invertir más tiempo y más dinero en el SEO que si usaras alguna de las otras opciones que te presento a continuación para tener tu web en varios idiomas.
  7. Problemas con los países donde se hablan más de un idioma
  8. Aunque decidas tener un dominio para cada país, en algunos países seguirías teniendo el problema de necesitar diferentes idiomas. Por ejemplo, en Bélgica se hablan dos idiomas (francés y flamenco) por lo que ubicar tu web bajo el dominio .be no te solucionaría el problema. En estos casos tendrás que hacer incluso otra diferenciación adicional por idioma, dentro del mismo dominio.

¿Para quién es recomendable esta opción?

Yo diría que esta opción solo es recomendable en dos casos:

Si eres una gran empresa y tienes recursos suficientes para trabajar con varios dominios y también en caso de que los servicios o productos que ofreces en un país sean diferentes de los que ofreces en otros. Ejemplos: Toyota, Google, Tripadvisor o Vodafone, por citar algunos.

En el caso de países con más de un idioma oficial, podrías optar por localizar tu marca en cada idioma o hacer una segunda distinción dentro del dominio para cada idioma mediante un subdirectorio o un subdominio (que son soluciones que veremos a continuación).


Opción 2 - Usar un único dominio y colocar cada idioma en un subdominio.

Un subdominio es una dirección web complementaria que funciona bajo un dominio principal. En este caso lo habitual es usar un dominio genérico, por ejemplo el .com y alojar cada idioma en un subdominio específico.

  • Es.lawebdemiempresa.com
  • En.lawebdemiempresa.com

O también:

  • Español.lawebdemiempresa.com
  • English.lawebdemiempresa.com

Ventajas:

El trabajo SEO es más eficaz que si usaras diferentes dominios.

A la hora de trabajar el SEO de tu web, tu dominio principal heredará parte del peso de los enlaces que vayas consiguiendo para los diferentes subdominios. Esto quiere decir que habría una cierta sinergia entre todos los subdominios y el dominio principal. Desgraciadamente no se sabe exactamente en qué porcentaje te ayudaría esto ya que Google no aclara este punto.

Desventajas:

  1. Orientación geográfica poco clara
  2. A la hora de establecer los subdominios puedes tener un problema con los idiomas y los países. Si decides establecer un subdominio por cada idioma, usarías la misma web para todos los hispanohablantes (España y América Latina) y puede que no te interese del todo hacerlo de esta forma. Además existen países donde se habla hasta 3 idiomas (en Suiza, por ejemplo), por lo que estarías obligado a usar diferentes subdominios, para un mismo país o diferentes subdirectorios.
  3. Son difíciles de recordar por el usuario.
  4. Los usuarios están acostumbrados a usar dominios, los subdominios no son fáciles de recordar. Es recomendable que en la página inicial de tu dominio principal se cree una selección de ubicación geográfica/idioma para dirigir al usuario al subdominio correcto.

¿Es recomendable esta opción?

En vista de lo que acabo de comentar, no demasiado. Salvo en el caso de que escribamos un contenido común para cualquier persona y solo queramos hacer una diferenciación por idioma, como en el caso de la Wikipedia. No recomendaría esta opción para una empresa o un profesional que quiere dirigir su negocio a varios países.


Opción 3 - Usar un solo dominio y varios subdirectorios.

Por último, te voy a hablar de mi opción preferida: usar solo un dominio (a ser posible el .com) y realizar la diferenciación geográfica y/o lingüística usando diferentes subdirectorios.

Ventajas:

  1. Sinergia SEO total
  2. A nivel de SEO tendrás una grandísima ventaja ya que todo el trabajo se concentrará en un solo dominio, por tanto, tu dominio principal (el .com a ser posible) se beneficiará de todo el peso de todos los enlaces que lleguen a tu web.
  3. Ahorro de tiempo y dinero
  4. Usando un solo dominio te resultará más fácil ahorrar tiempo en la gestión diaria de tu sitio. El trabajo de actualización de tu web será más rápido ya que la web compartirá la misma estructura y solo tendrás que tener preparadas las traducciones de texto y las imágenes. Si estás usando un sistema como WordPress o Joomla!, te resultará más rápido y barato usar un plugin de traducción que tener que trabajar con diferentes instalaciones.

Aunque esta opción es la más recomendable, en mi opinión, esta solución, también presenta algunas desventajas:

  1. No se puede aprovechar la ventaja SEO del dominio geográfico
  2. Al usar un mismo dominio tendrás ciertas ventajas, en lo referente a la mayor autoridad que conseguirás usando un dominio y concentrando todo el trabajo SEO en el mismo sitio. Desgraciadamente esto también supone que, al usar un dominio genérico-no localizado como el .com, tardarás algo más en posicionar tu web en algunos países, ya que no tendrás la ventaja de usar el dominio geográfico de cada país.
  3. Menor identificación por parte del usuario con la web (en algunos casos)
  4. En algunos países, usar un dominio .com con subdirectorios puede alejarte del usuario «más patriótico» ya que te podrían percibir como una empresa extranjera que simplemente ha traducido su contenido al idioma del país. En Francia, por ejemplo está muy extendido el uso de dominios .fr por parte de las empresas (tanto las francesas como las extranjeras que operan en Francia).
  5. Problema con los países con más de un idioma oficial

Si entras en la web de Zara.com verás que aunque solo usan un dominio, en algunos países como España, Bélgica o Suiza, donde hay más de un idioma oficial, tienen varios subdirectorios.

  • Zara.com/es/ca – Para el catalán
  • Zara.com/be/fr – Para los francófonos de Bélgica

En estos casos, necesitaríamos crear varias versiones duplicadas, para tener bien estructurada nuestra web por país e idioma.

¿Para quién es esta opción?

Esta opción es la mejor en el caso de que dispongas de pocos recursos ya que te resultará más económico y más rápido tener tu web en varios idiomas de esta manera. Además será más fácil hacer el SEO de tu web y también ahorrarás mucho más en cuanto a tiempo y dinero.

Conclusiones

No existe una solución única para tener una web en varios idiomas. Todas las opciones tienen sus ventajas y sus inconvenientes.

Después de todas las consultas que realicé, lo más fácil, rápido y económico para tener una web multilingüe es usar un dominio genérico como el .com y ubicar cada idioma dentro de un subdirectorio.

Si tu empresa es más grande o tu marca no suena bien en otros idiomas, entonces optaría por geolocalizar tu web mediante la compra de dominios territoriales.

Espero que esta información te haya ayudado a tomar una decisión en tu caso particular.

Viewing all 1649 articles
Browse latest View live