Ayuda para entender las funciones wp_header() y wp_footer()
Hola a todos, por favor ayúdenme a entender las funciones gancho
wp_header()
y wp_footer()
Qué significan las funciones gancho y qué hacen
Las funciones wp_header()
y wp_footer()
son funciones esenciales en WordPress que actúan como "ganchos" (hooks) permitiendo a WordPress y otros plugins insertar contenido importante en tu tema:
wp_header():
- Se coloca en el archivo header.php justo antes de cerrar la etiqueta </head>
- Permite a WordPress cargar estilos CSS, scripts, la barra de administración y otros elementos necesarios en el encabezado
- Es crucial para el funcionamiento correcto de plugins y temas
wp_footer():
- Se coloca en el archivo footer.php justo antes de cerrar la etiqueta </body>
- Permite cargar scripts que deben ir al final del documento
- Es necesario para elementos como análisis, seguimiento y funcionalidades de plugins que requieren cargarse al final
Ejemplo de uso correcto:
// En header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<?php wp_head(); ?> // Función hook del encabezado
</head>
// En footer.php
<?php wp_footer(); ?> // Función hook del pie de página
</body>
</html>
Si omites estas funciones, muchos plugins y características de WordPress no funcionarán correctamente en tu sitio.
El Codex es un buen lugar para comenzar: wp_head
y wp_footer
La llamada a la función wp_head()
va en la sección head de tu plantilla de tema, y simplemente ejecuta todas las acciones enganchadas a ella. Si miras en /wp-includes/default-filters.php
, verás todas las acciones predeterminadas que se llaman cuando se invoca esta función.
También puedes enganchar tus propias funciones para realizar acciones o mostrar datos en el head de tu tema. Lo mismo aplica para wp_footer()
, que sirve para mostrar datos o ejecutar acciones en segundo plano justo antes de la etiqueta de cierre del body.
Enganchas una acción a una función usando add_action
. Aquí tienes un ejemplo simple que iría en el archivo functions.php
de tu tema o en un plugin. Digamos que necesitas mostrar un comentario condicional para el navegador IE6:
add_action('wp_head', 'your_function');
function your_function(){
?>
<!--[if IE 6]>
Instrucciones especiales para IE 6 aquí
<![endif]-->
<?php
}
Cuando se llama a wp_head()
en el tema, se ejecuta your_function()
, y la salida aparecerá donde esté esa llamada a wp_head()
.
También puedes eliminar ganchos de acción usando remove_action
. Por ejemplo, si quieres eliminar los enlaces a los feeds que WordPress coloca en el head, puedes eliminar esa acción:
remove_action('wp_head', 'feed_links', 2);
WordPress tiene muchas acciones (ver referencia de acciones) que se ejecutan en cada etapa de la ejecución tanto de una solicitud en el front-end como en el administrador. Esto es básicamente la base sobre la que funcionan todos los plugins y muchas características de los temas.
Lee más información en la API de Plugins.
