Personalizar un sitio web WordPress con ganchos en Astra Site Builder

Astra sea WordPress El tema ligero más utilizado, Upgrade Astra Pro Después, puede mejorar la personalización de su sitio web. Entre otras cosas, el módulo Site Builder proporciona Ganchos Funcionalidad para insertar contenido personalizado o código en lugares específicos del sitio para crear cabeceras, pies de página, páginas 404, plantillas de contenido y otros módulos estructurales.

Activación del módulo Site Builder

Antes de la activación, deben realizarse los siguientes preparativos:

• montaje Astra temática
• Instalar y activar el plug-in Astra Pro
• existe WordPress Vaya a Astra > Módulos Astra Pro en la consola para activar el módulo Site Builder

Una vez activada, la opción Creador de sitios aparecerá en el menú.

Visión general del módulo Site Builder

Site Builder ofrece varios portales de edición estructural, por ejemplo:

• Cabecera
• Pie de página
• 404 Páginas
• Ganchos
• Plantillas individuales y de archivo

En estas áreas se pueden crear nuevos diseños, así como previsualizar y editar los contenidos existentes. El funcionamiento es intuitivo y adecuado para escenarios en los que la estructura del sitio se ajusta con frecuencia.

Dos formas de crear un diseño de Gancho

Insertado con el editor de código

• Abrir Site Builder
• Vaya al módulo Ganchos y haga clic en "Crear diseño"

• Habilitar Editor de Código (Enable Code Editor)

• importación PHP tal vez CSS Código, por ejemplo:

/* Área de estilo CSS */
</style

Este enfoque es adecuado para añadir código estructural o funcional, como insertar el HTML Normas de bloque o de estilo.

Diseñar contenido con el constructor de páginas

Admite la vinculación a ubicaciones de gancho especificadas después de diseñar contenido gráfico mediante creadores de páginas como Beaver Builder o Elementor.

Por ejemplo, diseñar un banner promocional o un formulario de suscripción y mostrarlo debajo del contenido del blog.

Nota: Asegúrese de que el constructor admite Constructor del sitio Tipo. Si no se carga, pruebe a actualizar la configuración del enlace fijo.

Opciones de configuración del diseño de los ganchos

En la esquina superior derecha de la pantalla de edición, haga clic en Astra para acceder al panel de Ajustes y configurar la ubicación del Gancho:

• Colocación: Seleccione o introduzca un nombre de gancho (p. ej. astra_entry_content_after)
• Prioridad: cuanto menor sea el valor, mayor será el orden de ejecución.
• Espaciado: establece el espaciado superior e inferior del contenido.

Estas opciones ayudan a que el contenido se sitúe con precisión en la página.

Ajuste de las condiciones de visualización

Los Hooks de Site Builder soportan una variedad de controles de condiciones de visualización:

• Mostrar en: Seleccione las páginas que desea mostrar en
• No mostrar en: Establece en qué páginas no se mostrará.
• Funciones de usuario: funciones de acceso limitado (por ejemplo, sólo visitantes)
• Visibilidad de dispositivos: se puede marcar escritorio, tableta y teléfono móvil.
• Control del periodo de tiempo: se puede fijar la hora de inicio y la hora de finalización

Ejemplo: Desea añadir un mensaje promocional que se mostrará en todo el sitio, pero no en la sección 404 La página muestra que sólo está disponible para los usuarios que no han iniciado sesión

La configuración es la siguiente:

• Mostrar en: Todo el sitio web
• No mostrar en: Página 404
• Roles de usuario: Desconectado

Este enfoque se presta a controlar la visibilidad de los contenidos a la carta.

resúmenes

aprovechar Astra Pro El módulo Site Builder le permite insertar de forma flexible contenidos personalizados y gestionar la estructura y el diseño de su sitio. Tanto si se trata de un párrafo de código como de un módulo gráfico, podrá satisfacer sus necesidades de presentación sin depender de plugins adicionales.Ganchos El uso de una combinación de ellas ayuda a mantener la uniformidad del contenido del sitio al tiempo que mejora la eficacia operativa.