Diseño Web

Diseño Web, Gestores de contenidos

Plugin Visual Portfolio en WordPress para portfolio e imágenes con filtro y varios formatos.

Hace poco para un cliente hemos usado este plugin y, la verdad, nos ha gustado mucho. Para ser gratuito tiene MUCHAS opciones muy personalizables. Aunque se llama Visual Portfolio, y está pensado para ese tipo de posts (Portfolio), nosotros lo hemos usado para crear uno Grid o un Masonry de imágenes. Lo que buscábamos era una manera de poner unas imágenes, asignarlas unas categorías y poder poner, en una página un filtro de esa categoría. Así, pinchando en el filtro, se ven las imágenes sólo de esa categoría. Además, queríamos que las imágenes pudieran llevar a un enlace personalizado (y no a uno propio interno tipo portfolio). Este plugin era el único que permitía esto sin ser de pago. Una vez lo instalamos, nos soprendió mucho todas las opciones de personalización con las que contábamos. Podíamos crear “layouts” personalizados, elegir las imágenes o portfolios para cada layout, y crear configuraciones y opciones para cada layout y para cada imagen. Muy completo.

Diseño Web, Gestores de contenidos, Trucos

Crear páginas personalizadas de categorías mejores productos o más vendidos en WooCommerce.

Las plantillas de WooCommerce para las categorías no suelen tener un diseño muy agradable, ni ser muy adaptables. Aunque tengamos una plantilla profesional. Hoy os enseñamos a usar los shortcodes de producto de WooCommerce para crear páginas de categorías, más vendidos, productos en oferta y mucho más. Sin tener que cambiar la estructura de plantillas de WooCommerce ni programar. Crear páginas personalizadas. Podéis ver cómo hacerlo en el vídeo siguiente. La idea es crear una página, como haría con cualquier página estática de WordPress. Y añadir códigos de productos de WooCommerce (recordad añadirlos como html). Las posibilidades son infinitas y os ponemos unos ejemplos (vosotros podéis combinar como queráis): Muestra 8 productos en 3 columnas de la categoría herramientas: [products limit=”8″ columns=”3″ category=”herramientas” ] Puedes poner las categorías separadas por comas [products limit=”8″ columns=”3″ category=”herramientas, camisetas,abrigos” ] Muestra todos los productos en oferta ordenados por popularidad: [products limit=”-1″ columns=”4″ orderby=”popularity” on_sale=”true” ] Muestra 6 productos destacados, en dos columnas, ordenados por fecha: [products limit=”6″ columns=”2″ visibility=”featured” orderby=”date”] Muestra los 3 productos más vendidos: [products limit=”3″ columns=”3″ best_selling=”true” ] Crear páginas de subcategorías Una pregunta frecuente es cómo crear las páginas de subcategorías. Puedes poner este código: [product_categories parent=”35″] Parent es la categoría padre. Y ese id (35 en el ejemplo) lo puedes encontrar en la URL al editar dicha categoría padre.

Diseño Web, Navegadores, Trucos

Cómo cambiar el User Agent desde Chrome

El User Agent es un parámetro que pasa el navegador web al servidor, indicando desde que tipo de dispositivo y navegador estamos accediendo. Esto permite a ciertas páginas proporcionar (o eliminar) contenidos específicos a navegadores o dispositivos determinados. En el vídeo de hoy os indicamos cómo cambiar el User Agent desde Chrome. Es decir cómo “engañar” a un servidor, haciéndole creer que somos otro dispositivo o navegador. Obviamente esto puede ser interesante para desarrolladores para probar que los cambios por dispositivo antes indicados funcionan. Y para usuarios una manera de evitar dichas limitaciones o bloqueos. Cambiar el User Agent desde Chrome. En este vídeo os indicamos cómo cambiarlo y cómo comprobarlo. Para cambiarlo debemos abrir el Inspector de Chrome (Ctrl+Shift+I), pinchar en los 3 puntos verticales que hay en la esquina superior derecha, y en More tools -> Network Conditions. Ahí, al final de la ventana, podremos ver una opción de User agent. Está marcado en automático por defecto. Podemos desmarcar la casilla y, o elegir uno de la lista, o escribir uno personalizado en el recuadro inferior. Si recargamos la página e inspeccionamos desde Network, podremos ver cómo ha cambiado nuestro User Agent.

Diseño Web, Legalidad, Seguridad, Trucos

Cómo ver qué cookies usa una página web con el Inspector de Chrome.

Hoy os explicamos cómo ver que cookies usa una página web, usando el Inspector de Chrome. Os puede interesar por temas técnicos, por seguridad (comprobar qué información guarda sobre ti la web) o, si tienes una web, para poner dicha información en la Política de Protección de Datos o el consentimiento de Cookies. Usaremos el Inspector de Chrome pero el de Firefox es similar. Y también podemos usar dicho acceso para borrar selectivamente las cookies. Cómo ver las cookies de una página web. En el Inspector vamos a ir a Application > Storage > Cookies. Podemos verlo en este vídeo con varios ejemplos de webs.

Diseño Web, Sistemas, Trucos

Cómo cambiar el nombre de una base de datos en phpMyAdmin.

Si usas phpMyAdmin puede que quieras cambiar el nombre de una base de datos. No es tan directo como parece. Por si a alguien más le ha pasado el no encontrar cómo hacerlo, os dejamos los pasos Cambiar el nombre de la base de datos en phpMyAdmin Tienes que: Entrar en phpMyAdmin (lógico). Pinchar en la base de datos en cuestión en la lista de la izquierda. Pinchar en la pestaña Operaciones. Ir a Renombrar base de datos a Poner el nuevo nombre en el recuadro y pinchar en Continuar. Te pedirá confirmación y lo que hace es copiar la base de datos a una nueva con ese nombre y borrar la anterior.

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

Scroll al inicio