En Astra v4.5.0, hemos introducido un nuevo y mejorado Constructor de Sitios para sus necesidades de personalización de sitios web. Aunque mantiene las capacidades de los diseños personalizados anteriores, el Constructor de Sitios presenta una nueva interfaz de usuario para llevar la experiencia de construcción de sitios al siguiente nivel.
El módulo Site Builder está disponible con Astra Pro y le permite añadir diferentes tipos de contenido personalizado. En general, el Site Builder proporciona una perspectiva visual de todo el sitio en un solo lugar. Aquí puede crear / ver / editar diferentes partes de su sitio como Encabezado / Pie de página / Páginas 404 / Ganchos / Plantillas individuales y de archivo y mucho más.
Cómo navegar al Constructor de Sitios
Antes de empezar a utilizar el Constructor de Sitios, asegúrese de que ha instalado y activado el plugin Astra Pro. Además, actualiza Astra Theme y Astra Addon a las últimas versiones para poder acceder al Constructor de Sitios.
Después, ve al panel de control de WordPress, haz clic en Astra, luego en Módulos Astra Pro y activa el botón Site Builder.
Cómo utilizar Site Builder
Una vez que active el Constructor de Sitios, podrá ver el Constructor de Sitios en Astra en el panel de control de WordPress.
Tras hacer clic en el Creador de sitios, puede explorar el renovado Creador de sitios a través de la sección Todos los diseños.
Aquí, usted puede crear / ver / editar diferentes partes de su sitio como Encabezado / Pie de página / Páginas 404 / Ganchos / Plantillas individuales y de archivo y mucho más.
Puede crear nuevas secciones y previsualizaciones de diseño individuales para elementos específicos, como las secciones Cabecera, Pie de página y 404. Estas previsualizaciones ofrecen una visión general de cómo podría aparecer su diseño en el frontend, lo que mejora la experiencia de edición. Estas vistas previas ofrecen una idea visual de cómo podría aparecer el diseño en el frontend, lo que mejora la experiencia de edición.
Además, puede ver todos sus diseños existentes en un solo lugar fácilmente. Por defecto, si no hay diseños presentes en su sitio, se mostrarán los diseños que puede crear. Al pasar el ratón por encima de la tarjeta de diseño, verá la opción "Vista previa", que le llevará a esa sección de la parte del sitio web, o "Editar", que le llevará al editor de diseños.
Puede modificar los diseños existentes visitando la página Piezas del sitio web desde la Barra Lateral. Por ejemplo, puede visitar la Sección de Encabezado (esto le llevará a la Parte del Sitio Web de Encabezado) donde puede ver la Vista Previa de los Diseños Existentes en el Sitio.
Nota para las secciones individuales y de archivo:
Para Secciones Individuales y de Archivo - Puede establecer las Condiciones de Visualización y la Vista Previa mostrará una Publicación / Página aleatoria (dependiendo de las Condiciones de Visualización). Por ejemplo - Si creas una Plantilla Individual con una condición de visualización para mostrar en "Todas las Entradas" entonces la Vista Previa mostrará una entrada aleatoria dependiendo de las Condiciones de Visualización establecidas para las Plantillas.
Solución de problemas de previsualización:
En caso de que las vistas previas no se carguen y muestren un error 404, puede probar dos métodos para resolverlo.
Método 1:
Borre su caché a través de WordPress Admin Dashboard > Settings > Permalinks. Haga clic en Guardar 2-3 veces sin cambiar nada. Vuelva a cargar el constructor del sitio, y las vistas previas deben ser visibles.
Método 2:
Borra tu caché a través de WordPress Admin Dashboard > Astra Dashboard. Haga clic en Activar todo y, a continuación, desactive los módulos innecesarios según sus preferencias. Vuelva a cargar el Constructor de Sitios, y las vistas previas deben ser visibles.
Creación de nuevos diseños en Site Builder
Consideremos que desea crear un diseño de cabecera diferente. Ahora, coloque el cursor sobre el encabezado y haga clic en "Crear diseño".
Entonces accederá a la página del editor por defecto. Si hace clic en el icono Astra en la esquina superior derecha, abrirá el panel de Configuración del Constructor de Sitios. Más abajo, encontrará el resumen de las opciones de Tipo de diseño de cabecera.
En la configuración de pegajoso, puedes elegir que tu encabezado personalizado sea pegajoso o no. Si establece que el encabezado se pegue en la parte superior de la página, puede decidir si debe encogerse o no. Si activas el efecto de encogimiento, se eliminará todo el espacio superior e inferior de la cabecera. Además, puede elegir pegar el encabezado en escritorio y/o móvil.
Puede elegir que su cabecera personalizada se muestre en todo el sitio web o en páginas/post específicos con la opción Mostrar en. Incluso puede excluir una página/post en particular añadiéndolos a la Regla de exclusión.
Puede decidir un rol de usuario para el que la cabecera personalizada debe ser visible. Para los usuarios excluidos, la cabecera configurada con las opciones del personalizador será visible.
Por ejemplo: Si desea mostrar un encabezado personalizado en todo el sitio web, excepto en la página 404 para todos los usuarios que hayan iniciado sesión, debe configurar las siguientes opciones -
Mostrar en: Todo el sitio web
No mostrar en: Página 404
Roles de usuario: Conectado
Con los ajustes de visualización, puede conseguir una gran flexibilidad a la hora de mostrar su contenido personalizado en todo su sitio web.
Puede empezar con el "Pantalla encendida" opción. Aquí puede seleccionar ubicaciones o lugares específicos en los que se mostrará su diseño personalizado. Así, puede seleccionar un sitio web entero, un grupo de páginas o entradas, o un objetivo específico.
Además, puede combinarlo con el "No mostrar en" opción. Por lo tanto, puede añadir reglas de exclusión y eliminar su diseño personalizado en algunas ubicaciones mientras sigue siendo visible en todas las demás.
Además, puede limitar los diseños personalizados para que sólo se muestren a determinados tipos de usuarios con la opción "Mostrar para usuarios". En otras palabras, puede mostrar diferentes diseños dependiendo de si los usuarios han iniciado sesión o no. Además, puede mostrar contenidos diferentes u ocultar algunos contenidos en función de los roles de usuario asignados.
Por último, también se pueden combinar con el resto de los ajustes de visibilidad:
- Visibilidad receptiva - Puedes elegir en qué dispositivos quieres mostrar tus diseños. Esto mejorará la respuesta de su sitio web;
- Tiempo Duración - Puede seleccionar la fecha de inicio y de finalización del periodo durante el cual desea que su diseño personalizado sea visible. Puede utilizar esta opción perfectamente para diferentes notificaciones o contenido estacional.
Mostrar ubicaciones
A continuación, enumeramos las ubicaciones disponibles para las opciones "Mostrar en" y "No mostrar en", con sus descripciones:
Básico
- Todo el sitio web: Tus laouts se mostrarán en todas las páginas, post, CPTs, singulares, archivos, búsqueda, 404;
- Todos los singulares: Puede limitar el diseño a todas las entradas/páginas individuales;
- Todos los archivos: Además, puede decidir utilizar su diseño específicamente para sus logros - Mensual, Categoría, Etiqueta, Autor, Búsqueda.
Páginas especiales
- Página 404: En la página que se muestra cuando una página no existe en su sitio.
- Página de búsqueda: En la página que muestra los resultados de la búsqueda.
- Blog / Posts Page: En la Página de Archivo de Blogs, que está configurada como la página de Entradas y muestra todos los blogs de su sitio.
- Portada: En la página configurada como Página de inicio.
- Archivo de fechas: En la página Archivo por fecha, donde los mensajes se filtran en función de la fecha.
- Archivo de autores: En la página Archivo del autor. Los mensajes de un autor concreto aparecerán aquí.
Puestos
- Todas las entradas: En todas las entradas del blog (Entrada única)
- Archivo de todas las entradas: En todas las páginas de archivo de entradas (por ejemplo, todas las entradas publicadas por el mismo autor)
- Todas las categorías Archivo: En todas las páginas de archivo de categorías de entradas
- Todas las etiquetas Archivo: En todos los archivos de etiquetas de entrada
Páginas
- Todas las páginas: En todas las páginas
Objetivo específico
- Páginas / Entradas / Taxonomías específicas, etc: Sólo en lugares específicos (por ejemplo, sólo un post o una página)
Confiamos en que esta guía haya sido informativa y valiosa para sus personalizaciones. Si tiene alguna pregunta, no dude en dirigirse a tender la mano!
