La versatilidad y la personalización son dos elementos clave cuando se trata de la creación de sitios web. En el vasto ecosistema de WordPress, hay numerosas herramientas y complementos diseñados para facilitar la tarea de adaptar un sitio web a las necesidades específicas de cada usuario.
Uno de estos complementos es el Plugin «Astra Hooks«, desarrollado por Brainstorm Force, que aprovecha la potencia de los Hooks de WordPress para permitir a los usuarios insertar acciones personalizadas en diversas ubicaciones dentro de su tema.
Tabla de contenidos
Descripción del Plugin Astra Hooks.
Astra Hooks o Ganchos de Astra es una extensión del tema Astra que utiliza la API de WordPress Hooks. Estos Hooks, o «ganchos» en español, son puntos específicos dentro del flujo de ejecución de WordPress donde se pueden insertar funciones personalizadas. El complemento Astra Hooks facilita la tarea de agregar contenido personalizado, códigos cortos o incluso código JavaScript en lugares estratégicos de un sitio web.
Después de instalar el complemento, los usuarios notarán una nueva pestaña en el Personalizador de WordPress. Esta adición ofrece una interfaz intuitiva que facilita la tarea de integrar contenido personalizado en diferentes partes del sitio. Las posibilidades son amplias, y el único límite es la imaginación del usuario.
Cómo Utilizar Astra Hooks.
Una de las características más destacadas del Astra Hooks Plugin es su fácil accesibilidad a través del Personalizador de WordPress. Desde la sección de Apariencia, los usuarios pueden navegar hasta «Personalizador» y luego seleccionar «Ganchos». Aquí, encontrarán varias secciones que corresponden a diferentes Hooks disponibles para su uso.
Para obtener una lista completa de los ganchos disponibles en Astra, los usuarios pueden visitar la página oficial del desarrollador en http://developers.wpastra.com/theme-visual-hooks/. Esta página proporciona una visión detallada de cada gancho, permitiendo a los usuarios comprender mejor dónde pueden insertar sus personalizaciones.
Lista de Ganchos o Hooks Disponibles.
La lista de Hooks disponibles en Astra es extensa y ofrece una amplia gama de posibilidades para personalizar un sitio web. Aquí hay algunos de los ganchos o hooks que puedes encontrar en developers.wpastra.com/theme-visual-hooks:
- astra_html_before: Se ejecuta antes de la etiqueta de apertura
<html>en la estructura del sitio, permitiendo la inserción de contenido en una fase temprana del proceso de carga. - astra_head_top: Permite agregar contenido en la sección
<head>del documento HTML, ideal para incluir metadatos y otros elementos importantes. - wp_head: Ejecutado en la sección
<head>, es comúnmente utilizado para insertar códigos relacionados con CSS y JavaScript, ofreciendo flexibilidad en la personalización de estilos y comportamientos. - astra_head_bottom: Posicionado al final de la sección
<head>, este gancho permite complementar el contenido agregado anteriormente. - astra_body_top: Ofrece la posibilidad de insertar contenido al comienzo del cuerpo del documento HTML, brindando flexibilidad en la estructuración del contenido principal.
- astra_header_before: Se ejecuta antes del encabezado del sitio, proporcionando una oportunidad para agregar contenido o funciones adicionales en esta área crítica.
- astra_masthead_top: Permite personalizar la parte superior del encabezado del sitio, ideal para elementos destacados o anuncios.
- astra_main_header_bar_top: Se ejecuta en la parte superior de la barra principal del encabezado, permitiendo una personalización detallada de esta sección clave.
- astra_masthead_content: Ofrece la posibilidad de insertar contenido personalizado en el área central del encabezado, adaptando aún más la apariencia del sitio.
- astra_main_header_bar_bottom: Se ejecuta en la parte inferior de la barra principal del encabezado, brindando opciones adicionales de personalización.
- astra_masthead_bottom: Este gancho se coloca al final del área del encabezado, permitiendo la inserción de contenido justo antes de que comience el contenido principal.
- astra_header_after: Ejecutado después del encabezado del sitio, proporcionando una oportunidad para agregar elementos adicionales antes de que comience el contenido.
- astra_content_before: Se ejecuta antes del contenido principal del sitio, permitiendo personalizaciones a nivel de página.
- astra_content_top: Brinda la posibilidad de agregar contenido justo encima del contenido principal, permitiendo una personalización detallada de la apariencia de las páginas.
- astra_primary_content_top: Este gancho se ejecuta justo encima del contenido principal de la página, brindando la oportunidad de agregar elementos específicos antes de que los visitantes se sumerjan en el contenido esencial.
- astra_entry_before: Colocado antes de cada entrada o publicación, este gancho permite personalizar la presentación de cada elemento individual del contenido.
- astra_sidebars_before: Ideal para la inserción de contenido o funciones antes de que aparezcan las barras laterales, permitiendo ajustes específicos en la estructura de la página.
- astra_entry_top: Posicionado en la parte superior de cada entrada o publicación, este gancho facilita la adición de elementos personalizados a nivel de entrada.
- astra_entry_content_before: Ejecutado antes del contenido de cada entrada, este gancho brinda la oportunidad de ajustar el diseño y la presentación de la información.
- astra_entry_content_after: Ofrece la posibilidad de agregar contenido después del cuerpo principal de cada entrada, permitiendo una personalización más detallada de la presentación.
- astra_entry_bottom: Colocado al final de cada entrada o publicación, este gancho permite personalizar la presentación justo antes de que los visitantes pasen a la siguiente sección.
- astra_entry_after: Ejecutado después de cada entrada o publicación, brinda flexibilidad para agregar elementos adicionales o funciones después del contenido.
- astra_primary_content_bottom: Posicionado al final del contenido principal de la página, este gancho permite ajustes finales antes de que los visitantes lleguen a las barras laterales.
- astra_sidebars_after: Se ejecuta después de las barras laterales, brindando la oportunidad de agregar contenido o funciones al final de la estructura de la página.
- astra_content_bottom: Colocado al final del contenido principal de la página, este gancho permite ajustes finales antes de que los visitantes lleguen al área del pie de página.
- astra_content_after: Ofrece la posibilidad de agregar contenido o funciones después del contenido principal de la página, permitiendo una personalización más completa.
- astra_footer_before: Se ejecuta antes del área del pie de página, brindando oportunidades para personalizaciones adicionales en esta sección clave.
- astra_footer_content_top: Permite agregar contenido en la parte superior del área del pie de página, brindando flexibilidad en la presentación de información importante.
- astra_footer_content_bottom: Se ejecuta en la parte inferior del área del pie de página, permitiendo la inserción de contenido justo antes de cerrar el área del pie de página.
- astra_footer_after: Colocado después del área del pie de página, brinda la oportunidad de agregar elementos adicionales o funciones después de la información principal del pie de página.
- astra_body_bottom: Este gancho se ejecuta al final del cuerpo del documento HTML, brindando la última oportunidad para realizar ajustes finales antes de que se complete la carga de la página.
- wp_footer: Posicionado justo antes del cierre del documento HTML, este gancho es ideal para insertar scripts y códigos adicionales antes de que la página se cargue por completo.
La lista completa se puede explorar en la página oficial del desarrollador mencionada anteriormente.
Astra Pro: Potenciando la Personalización.
Si busca llevar la personalización a un nivel superior, Astra Pro es una opción a considerar. Este complemento ofrece el módulo «Diseños Personalizados», que facilita la tarea de agregar contenido dinámico mediante código PHP. Con Astra Pro, los usuarios pueden crear experiencias de usuario más avanzadas y adaptadas a sus necesidades específicas.