Diseño Web

Diseño Web, Trabajos, Webs

I•Nova Hogar: web para una inmobiliaria en Madrid

Os presentamos una nueva web para uno de nuestros clientes: I•Nova Hogar , una inmobiliaria de reciente creación pero con años de experiencia y andadura en su equipo. La web está pensada tanto como un portal inmobiliario, en el que la empresa puede agregar sus las propiedades que gestiona y los clientes buscarlas, como página empresarial. Como portal inmobiliario tiene un buscador con filtros varios, y un aspecto similar a los grandes buscadores del sector. Como página empresarial es limpia, clara, visualmente atractiva y con todo el contenido necesario en la portada. Además, dispone de una sección de noticias para estar al día de las novedades del mundo inmobiliario. Esperamos que os guste.

Diseño Web, Gestores de contenidos

¿Se debe usar WP Staging para probar actualizaciones o no?

Hace un tiempo nos llegó noticias de un plugin que la gente estaba usando para solventar uno de los grandes fallos de WordPress: el que una actualización te “tire” o te inutilice la web. Hasta ahora al afrontar las actualizaciones los usuarios tenían dos vías: a) pagaban a alguien para probarlo o b) hacían copias de seguridad antes, actualizaban y rezaban para que no fallara nada. El primero es costoso, tanto en mano de obra como en alojamientos adicionales para realizar las pruebas. El segundo arriesgado. La idea de WP Staging es simple y, a priori buena para el usuario. Instalas un plugin, que te permite crear copias, Stages, de tu página en tu hosting de producción. En esos Stages puedes actualizar y realizar las pruebas que quieres, y después pasarlo todo a producción. Ideal, solucionado el tema. ¿O no? ¿Cuales son las ventajas y desventajas de usar WP Staging? Como todo, no es oro todo lo que reluce. El gran problema de este plugin es que se salta a la torera una de las bases de los “sitios de integración” (copias para hacer pruebas). Deben estar en otros alojamientos o servidores. Para poder realizar los Stages en el mismo alojamiento, lo que hace WP-Staging es lo siguiente:A) Crea un subdirectorio por Stage con el contenido duplicado de la web origina.B) Duplica las tablas en la base de datos de producción, poniéndolas un prefijo diferente. Esta segunda parte es la que más asusta. Ventajas de WP-Staging Facilidad de uso. Todo se realiza desde WordPress. No requiere conocimientos técnicos elevados No requiere un gasto extra en mano de obra y alojamiento. Lo puede realizar el propio usuario. La vuelta a producción es simple, rápida y fácil. Para hacer copias de entornos de prueba puede estar muy bien. Desventajas de WP-Staging Usa la base de datos de producción. Esto es un problema de seguridad. Como algo falle ahí tira la web entera. Añade contenido a la base de datos de producción, de hecho el doble por Stage. Esto hace que sea más lenta la propia página web. Los Stages son otros “vectores de ataque” a la web original. Si no se cuidan, y hay fallos en los plugins en los entornos de test o en su web, alguien puede acceder a ellos y, desde ahí, a producción. Puede haber problemas de SEO por las copias al estar en el mismo sitio. Las copias usan recursos de la principal….así que estamos penalizando su rendimiento y su SEO. Conclusión. Si quieres usarlo, fantástico. Seguramente es mejor que nada. Pero nosotros personalmente preferimos realizar las pruebas en otros alojamientos. Teniendo en cuenta que se puede montar una máquina virtual o un XAMPP en cualquier ordenador…..no tiene sentido el riesgo de este plugin.

Diseño Web, Trabajos, Webs

Nueva web Diligens.es

Hoy os mostramos otra nueva web: Diligens.es. Una web empresarial, responsive, multilingüe con apartado de noticias fiscales para una empresa de asesoramiento fiscal. El proyecto se ha diseñado con la idea de tener todo el contenido en la página principal, y apartados de equipo con perfiles de cada miembro. Esperamos que os guste.

Diseño Web, Gestores de contenidos, Gráficos y Fotografía

Plugin para descargar fotos en las galerías NextGEN.

Hace unos días un cliente nos pidió que sus usuarios pudieran descargar las fotos de su página web de manera sencilla. Su página usa el plugin NextGEN gallery para crear galerías. Afortuandamente existe un plugin para ello y os lo dejamos aquí por si os surge la misma petición. NextGEN Download Gallery Un desarrollador ha creado NextGEN Download Gallery, que básicamente es otra plantilla que incluye la opción de descargar las imágenes individualmente (seleccionando cuales por las típicas casillas) o descargar todas las fotos del álbum. Es de agradecer que la gente comparta sus desarrollos para que todos podamos aprovecharnos de ellos. Buena solución y gratis.

Diseño Web, Gestores de contenidos, Prestashop

Prestashop Error Invalid address # at line 444 in line classes/Address.php

Este es otro de esos fallos de Prestashop que lleva desde las versiones 1.4 o 1.5 y no se ha arreglado. Incomprensible porque no parece muy difícil de arreglar…aunque no debe ser prioritario. El error surge cuando vas en el backend a la sección Pedidos->Carritos de la compra y, de repente, da un pantallazo como el que adjunto (el #XXX puede variar). Solución. Básicamente lo que está diciendo el problema es que uno de los carritos tiene la dirección que aparece en el número #XXX (en la foto la dirección número #1347) con algún error. Por qué esto hace que deje de funcionar ese apartado es algo incomprensible…..sobre todo porque, como podéis ver aquí y aquí, es algo que lleva tiempo. En los enlaces anteriores hay varias soluciones. No os molestéis en ejecutar el módulo PS_Cleaner, el limpiador de Prestashop. No hace nada (y si os equivocáis de botón es muy peligroso. Lo primero que tenéis que hacer es una copia de la base de datos en la sección Avanzado>Base de datos. Porque vais a tener que modificarla.Después tenéis dos opciones: Lo que nosotros hicimos fue ir a la base de datos con un phpMyAdmin o similar. Después vas a la tabla ps_cart y ordenas los resultados por id_address_delivery  o haces un search id_address_delivery = 1347 (sustituye el número por el que te de a tí). Lo curioso es que el número ese #XXX (en nuestro ejemplo 1347), no es el id del carrito, sino el de dirección. Lo siguiente que hicimos fue borrar esa línea. No es importante, es un carrito abandonado y encima está mal. Cuando lo hayas borrado verás que ya puedes entrar en la sección Carritos de la compra del backend. Los artículos sugieren el código MYSQL siguiente. NO LO HEMOS PROBADO. Lo dejo como opción si la primera no funciona. Además, en nuestro caso no era una dirección nula así que esto no lo arreglaría. SELECT * FROM ps_cart AS c LEFT JOIN ps_address AS a ON c.id_address_delivery = a.id_address WHERE a.id_address IS NULL

Diseño Web, Gestores de contenidos

Cómo degradar un WordPress de versión.

Hace unos días hablamos de Wp_Rollback, un plugin para bajar de versión tus plugins hasta la que necesitas (por temas de compatibilidad normalmente).Hoy vamos a hablar de algo similar para el core, para WordPress en sí. Cómo bajar WordPress de versión con un plugin. Si has actualizado tu WordPress a una versión superior y algo no funciona, o quieres cambiar WordPress a una versión específica, por ejemplo en un entorno de integración, este plugin es excelente. WP Downgrade funciona de manera muy parecida a WP-Rollback. Instálalo, vete a las opciones del plugin y escoje la versión específica a instalar. Puedes comprobar las versiones aquí. Después sólo tienes que pinchar en el enlace de Upgrade o ir al Escritorio>Actualizaciones, y ahí veréis la opción de “actualizar” a la versión que hayáis pedido. Y digo actualizar entre comillas porque aunque pone siempre actualizar, a veces es degradar a una versión inferior. Otro plugin útil para desarrolladores o para corregir fallos de compatibilidad.

Diseño Web, Gestores de contenidos

Cómo resetear una instalación de WordPress.

En ocasiones necesitas empezar con tu instalación de WordPress desde “cero”. Es verdad que puedes hacerlo a mano, borrar la base de datos e instalar de nuevo WordPress, o usar otra tabla (cambiando el prefijo) en tu base de datos. Pero a veces queremos hacerlo de manera más “sencilla” o rápida.Para ello hoy os enseñaremos algunos plugins que lo hacen. Resetear una instalación de WordPress. Lo que hacen estos plugins es, de una manera u otra, resetear la base de datos y desactivar los plugins. Cuidado porque, en líneas generales, no borran contenido multimedia, así que tendrías que entrar en tu wp-uploads y borrarlo todo. Nosotros usamos estos plugins para resetear sitios de prueba o de integración donde realizamos pruebas o desarrollamos webs. WP Reset. Te permite resetear la base de datos borrando todas las tablas con el mismo prefijo (y por lo tanto el contenido). Al resetearlo mantiene tu usuario, el nombre del blog y te permite activar (como opción) el tema que tenías. No borra ficheros. WordPress Reset. Resetea la base de datos. No borra ficheros (si contenido) .

Diseño Web, Gestores de contenidos, Trucos

Activar Lazy Load en imágenes y vídeos de WordPress.

Lo primero…¿qué es Lazy Load? Básicamente es un sistema que carga contenido, en nuestro caso imágenes y vídeos, sólo cuando llegas a ellos. Es decir no carga todas las imágenes o vídeos al entrar en una página (lo que lo hace más lenta) sino que lo muestra según vamos descendiendo y llegan a ellas. Esto obviamente es muy bueno para los lectores y clientes, y para los buscadores. Google recomienda este tipo de prácticas. ¿Cómo funciona? Cuando activamos Lazy Load el navegador carga la web, el DOM, sin cargar las imágenes ni vídeos. Estos son sustituídos por shortcodes. El sistema de Lazy Load usa Javascript para identificar qué imágenes cargar y precargar según que parte de la web esté visualizando, o vaya a visualizar el usuario.El resto no se cargan (como suele pasar en una web normal. ¿Cómo implementamos Lazy Load en WordPress? Como siempre con Plugins. Os recomendamos unos cuantos: BJ Lazy Load. Uno de los más usados. Funciona muy bien con la configuración de fábrica. Permite además añadir una url de imagen (ligera) o una clase a cargar si no se ha cargado la imagen todavía. Funciona con imágenes y vídeos. A3 Lazy Load. Otro de los más descargados. Muy similar al anterior, también funciona con imágenes y vídeos. Lazy Load by WP Rocket. De los creadores del optimizador WP Rocket, este plugin sólo optimiza imágenes e iframes (por lo tanto vídeos también si son con ese método). Lazy load for videos. Como dice su nombre, este plugin se especializa en vídeos. Notas al aplicar Lazy Load en una web. Os dejamos algunos consejos para que la implementación sea óptima. Antes de subir imágenes, optimizarlas siempre. O al subirlas. Comprueba en Google Search console, tras activar el Lazy Load, que Google sigue viendo las imágenes. Podéis hacerlo rastreando la web como un robot de Google (otro día grabamos un vídeo). No os olvidéis nunca de añadir un campo Alt a las imágenes.

Diseño Web, Gestores de contenidos, Prestashop

Error “los rangos se superponen” al editar transportistas de Prestashop.

Prestashop tiene cosas muy buenas, y cosas que realmente frustran porque se podrían haber arreglado hace años. Esta es una de ellas, que lleva ocurriendo desde hace muchos años (sólo tienes que mirar en Google) sin ponerle solución. Y la solución sería MUY sencilla (una simple comprobación al guardar un transportista). Si editas un transportista, y le pones un intervalo de precios o de peso que se superponga con otro, te deja guardarlo. Pero la siguiente vez que vayas a editarlo te da un error “los rangos se superponen” y no puedes hacer nada con ese transportista. ¿De verdad cuesta tanto realizar una comprobación automática antes de guardarlo? Hoy os decimos cómo solucionarlo. Sólución. La solución que sugiere todo el mundo en los foros es borrar y volver a recrear el transportista. Esto, evidentemente, elimina el conflicto…pero si has creado muchos intervalos, y le has dedicado tiempo…es una lata. Si sabes editar la base de datos hay una solución más simple. Tienes que abrir un phpMyAdmin o similar para editar tu base de datos, e ir a la tabla ps_carrier para identificar el id_carrier del transportista que da error. También está en la url del transportista al ir a editarlo desde el backend. Con ese dato ve a las tablas ps_range_price o ps_range_weight dependiendo de si tus intervalos son por precios o por peso. Ordénalas por id_carrier y ahí verás todos los intervalos. Uno de ellos se superpone con el siguiente o con el anterior. Edítalo y corrígelo. El truco es que el final de un intervalo puede coincidir con el principio de otro, pero no debe superponerse. Por ejemplo en esta tabla el final del intervalo de la segunda línea se solapa con el principio del intervalo de la primera línea. Después prueba a editar el transportista y ya debería funcionar.

Diseño Web, Gestores de contenidos, Seguridad

Si tienes una página web DEBES mantenerla actualizada. Es muy importante.

Lo hemos visto cientos de veces. La gente pide una página web un año, y está muy contenta con ella. Cuando se la das al cliente está al día…Un año más tarde ellos no han entrado ni una vez para actualizarla, y eso es una granja de malware y virus. Cuando les contactas para indicárselo, o se enteran porque les sale un aviso de Google, se sorprenden y responden “¿por qué? ¡Si yo no he hecho nada!” PRECISAMENTE, por eso, porque no has hecho nada. Hay que actualizar los gestores contenidos y plugins de las páginas web. Lo que creo que muchos no se dan cuenta es que las páginas web se hacen ahora con unos “programas” que se llaman gestores de contenidos (WordPress, Prestashop, Magento, etc). Como en cualquier otro programa, se van descubriendo fallos de seguridad por el que pueden entrar hackers o se va volviendo el código obsoleto (y deja de funcionar). Además, a estos gestores se les añaden módulos, plugins o addons, que son pequeños programas a los que les pasa lo mismo (vulnerabilidades y código obsoleto). Hasta aquí es lo mismo que un Windows, un Mac o los programas dentro de estos. Y ya sería lógico actualizar por seguridad. PERO, la gran diferencia en una página web es que está en Internet 24 horas al día, disponible para hackers, robots, curiosos o aspirantes a hackers.No sabéis la de ataques que hay por segundo. Os pongo un ejemplo. Coge un servidor web, conéctalo a Internet y mira los registros (logs). A los pocos segundos ya tienes intentos de entrada por segundo. Y los atacantes (hackers, robots etc), tienen un listado de las versiones de los gestores, de los plugins y los posibles ataques que pueden hacer en cada versión. Así que sólo tienen que comprobar qué tienes, y probar cosas de su lista hasta que una entra. Es MUY sencillo. Una vez dentro pueden hacer varias cosas:– llenarte la web de malware para que cada visitante que entre reciba pop-ups, les redirijan a otras webs o se infecten. Es decir convertirte en un foco de infección.– romperte la web.– sacar datos de ella. Nota: ahora con la nueva RGPD, si te hackean la web (caso 3), tienes obligación de notificarlo a las autoridades (porque han conseguido datos personales de tus clientes). Resumen: las webs son vulnerables. Son vuestra imagen y vuestra responsabilidad. TENÉIS que mantenerlas actualizadas. Si no sabéis, contratad a alguna empresa que os haga un mantenimiento cada cierto tiempo. Si no… en poco tiempo la tendréis infectada, o inservible.

Scroll al inicio