!Hola a todos¡ quiero mostrarles como personalizar un listado (archives) de categorías, entradas o tipos de campos personalizados, así como un listado de categorías de búsquedas utilizando Elementor Pro. Vamos a crear de forma personalizada una lista de categorías agregando widgets extras con Elementor Pro en WooWeb.
Ahora si ¡manos a la obra!:
Ejemplo 1: Personaliza el diseño de un listado de entradas con una plantilla de Elementor Pro
¿Qué es un archive?
Los archives son listados que contienen las entradas de los artículos de un blog, listados de búsqueda, listados de tipos de post personalizados, que generalmente contienen Imágenes, título, reseña, fecha de publicación y autor.
Creando la plantilla para mi listado ó archive con WooWeb
WooWeb tiene de forma predeterminada el diseño personalizado para el listado de entradas, puedes modificarlo directamente desde tu escritorio de WooWeb en el ícono Listado de Blog, como puedes ver en la siguiente imagen; ó desde la opción Plantillas > Theme Builder
Creando la plantilla para mi listado ó archive con WordPress
Ubicamos la opción Plantillas / Theme Builder seguidamente damos click en Agregar nueva finalmente seleccionamos un plantilla de Elementor Pro.
Te dejo un sencillo video para que sepas como hacerlo:
Personalizando el archive
Configurar las condiciones de visualización del archive
Vamos a realizar la siguiente condición:
Ver el vídeo tutorial completo
Ejemplo 2: Personalizando el diseño del listado de archive de categorías con Elementor Pro.
Creando la plantilla para aplicarlos al archive de categoría.
Ahora vamos a crear un archive de categoría, cuando estamos en el escritorio de WordPress; ubicamos Plantillas / Theme Builder seguidamente damos click en Archives / Añadir nueva y seleccionamos una plantilla de Elementor Pro, como te muestro en el siguiente video:
Personalizando el archive por categoría.
En este punto, al igual que hicimos en el ejemplo 1, personalizamos nuestro listado de categorías y lo mostramos en 2 secciones, el titulo que va a mostrar la categoría el cual va a tener un background de color sólido.
Recuerda que en esta parte eres libre de crear el diseño del listado como mas te guste o según la finalidad de la página a crear, pero si recuerda usar los Widgets exclusivos para los listados de entradas de Elementor PRO, como en el siguiente ejemplo:
Configurar las condiciones del archive por categoría.
Bien ahora nuestra configuración para la condición de visualización del archive de categorías es:
- Incluir: Mostrar en todas las categorías.
- Ó Incluir: puedes indicar si deseas este listado para cierta categoría
Ver el vídeo tutorial completo
Ejemplo 3: Crear y personalizar un archive de resultados de búsquedas con Elementor Pro.
Creando el archive de búsqueda
Ahora vamos a ver como realizar y personalizar un archive de resultados de búsqueda con Elementor Pro en WordPress, este paso en realidad es lo mismo que los anteriores ejemplos, solo cambia las condiciones de visualización y unos Widgets de Elementor.
Nos ubicamos en el escritorio de WordPress; seleccionamos Plantilla / Theme Builder seguidamente damos click en Archive / Añadir nueva y seleccionamos la opción archive de Elementor Pro, como tienes en el siguiente ejemplo:
Previsualizando un archive de resultados de búsqueda.
Para previsualizar el archive de búsqueda; nos ubicamos en el editor de Elementor Pro
- Damos clic sobre el icono del previsualizar (icono del ojo)
- Seleccionamos ajustes / luego vemos un combobox
- Hacemos clic / seleccionamos resultados de búsqueda
- Nos despliega una caja de texto en el cual podemos buscar una palabra ejemplo la palabra «Dell», ahora vemos que nos muestra el resultado de un articulo cuyo nombre tiene la palabra «Dell».
Te dejo el siguiente ejemplo para que puedas guiarte:
Personalizando el archive de resultados de búsqueda.
Personalizando un mensaje de búsqueda errónea.
Cuando vamos a personalizar nuestros resultados de búsquedas, también debemos personalizar nuestro mensaje de resultados de búsquedas erróneas, en caso no se encuentre ningún resultado ¿como lo hacemos? es sencillo:
- Clic derecho en editar en el bloque de las entradas
- Clic en la pestaña avanzado y observamos un mensaje por defecto.
- Colocamos nuestro mensaje por ejemplo «No encontramos lo que buscas».
Listo ya tenemos nuestro mensaje cuando no se encuentra ningún resultado en el sitio web. Puedes guiarte del siguiente video:
Configurar las condiciones de visualización de la archive de resultados de búsquedas.
- Incluir: seleccionamos «Resultados de Búsqueda»
3.5. Ver el vídeo tutorial completo.
Algunas conclusiones y recomendaciones
Ahora que sabemos como realizar nuestros archives generales, por categoría y resultado de búsquedas. Vamos a resaltar lo siguiente:
- Vemos que Elementor Pro tiene un herramienta potente y fácil de utilizar, donde no solo podemos aplicar diseños a los listados de entradas, categorías ó resultados de búsqueda, si no a tipos personalizados como Productos de WooCommerce ó cualquier otro tipo de dato personalizado, como los que te enseñamos en este artículo: Crea tipos personalizados
- Podemos personalizar nuestras plantillas de archives para una vista en dispositivos móviles y escritorio de manera rápida, con una amplia paleta de Widgets.
- Además de aplicar condiciones de visualización que Elementor Pro nos brinda
- Si desean realizar un diseño muy rápido, les recomiendo utilizar las plantillas de archives que tiene Elementor Pro.
- Parte siempre creando inicialmente un archive que contenga todos las categoría de tus entradas (artículos) y si necesitas posteriormente crea otro para una o otras categorías.
Hola, estoy viendo que no hay manera de comunicarse con ustedes, porque seria eso?
Hola Luis, dentro del panel de control de los planes contratados, nuestros clientes cuentan con una zona de chat de soporte. Dentro de la zona de marketplace, nuestros clientes cuentan con una pestaña de soporte del plugin que desea consultar o contratado.