DescripciĂłn
El plugin Head & Footer Code te ayuda a agregar fragmentos de cĂłdigo personalizado (JavaScript, CSS o HTML) a la página incluso si no eres programador. Puede ser dentro de <head> (cĂłdigo de verificaciĂłn del sitio para varios servicios, estilos personalizados, meta o enlace de Webfont), justo despuĂ©s de la apertura de <body> (cĂłdigo de seguimiento de pĂxeles, analĂtica o mapas de calor) o justo antes de la etiqueta de cierre </body>.
Ve a Herramientas → Head & Footer Code en el escritorio de WordPress. Inserta el código personalizado en la sección HEAD, BODY o FOOTER (según lo que tengas que hacer).
Toda la magia se hace enganchándose a los hooks de WordPress wp_head, wp_footer y wp_body_open.
💡 Prueba el plugin Head & Footer Code en un sitio web de prueba gratuito antes de agregarlo a tu proyecto: Pruébalo ahora.
Se admiten varios fragmentos de cĂłdigo, entre otros:
- Google Analytics 4
- Google Tag Manager
- ConversiĂłn de Google Ads
- Lite Analytics
- Facebook / Meta Pixel
- Hotjar
- FullStory
- VerificaciĂłn del sitio con Google
- VerificaciĂłn del sitio con Bing
- VerificaciĂłn del sitio con Yandex
- VerificaciĂłn del sitio con Alexa
Página de inicio en modo entradas del blog
Si tu WordPress muestra las Ăşltimas entradas del blog en la página de inicio, tambiĂ©n puedes agregar cĂłdigo especĂfico solo para la página de inicio en Herramientas → Head & Footer Code (allĂ aparecerá la secciĂłn CĂłdigo de HEAD, BODY y FOOTER en la página de inicio en modo entradas del blog)
CĂłdigo especĂfico de entrada
Para insertar cĂłdigo personalizado especĂfico para una entrada individual (entrada, página o tipo de entrada personalizado), usa el metabox especĂfico de entrada mientras editas la entrada, página o tipo de entrada personalizado (consulta las capturas de pantalla). AllĂ elige si ese cĂłdigo especĂfico se agrega al cĂłdigo para todo el sitio definido en Herramientas → Head & Footer Code, o si lo sustituye.
CĂłdigo especĂfico de categorĂa
TambiĂ©n puedes definir un cĂłdigo especĂfico de categorĂa en cada categorĂa individual.
Otras taxonomĂas (etiqueta y taxonomĂa personalizada) no tienen disponible su cĂłdigo especĂfico, pero para ellas se usa un cĂłdigo global.
GuĂa en video
ÂżNecesitas nuestro soporte?
Si Head & Footer Code no funciona en tu proyecto, por favor avĂsanos abriendo un nuevo ticket de soporte en el foro de la comunidad y describe quĂ© no funciona y cĂłmo reproducir el problema. Nos aseguraremos de resolver el problema lo antes posible.
Si Head & Footer Code te resulta Ăştil para tu proyecto, por favor valora el plugin.
CaracterĂsticas
- ¡Compatible con multisitio y PHP 8.5!
- Establece contenido personalizado para todo el sitio en:
- sección HEAD de la página (antes de
</head>) - sección BODY (después de
<body>): ¡requiere WordPress 5.2! - sección FOOTER de la página (antes de
</body>)
- sección HEAD de la página (antes de
- Página de inicio en modo entradas del blog:
- establece cĂłdigo personalizado especĂfico de la página de inicio para HEAD, BODY y/o FOOTER
- Alternar el cĂłdigo personalizado especĂfico de la página de inicio en las páginas de inicio paginadas (página 2, 3, etc.)
- Establece cĂłdigo personalizado especĂfico de la entrada para:
- sección HEAD de la página (antes de
</head>) - sección BODY (después de
<body>): ¡requiere WordPress 5.2! - sección FOOTER de la página (antes de
</body>)
- sección HEAD de la página (antes de
- Establece cĂłdigo personalizado especĂfico de categorĂa para HEAD, BODY y/o FOOTER de la página
- Elige la prioridad del código personalizado impreso en las secciones HEAD, BODY y FOOTER (un número más bajo significa más lejos de
</head>y</body>y más cerca de<body>, un nĂşmero más alto significa más cerca de</head>y</body>y más lejos de<body>) - Elige quĂ© tipos de entrada tendrán activados los campos especĂficos de entrada para HEAD, BODY y FOOTER
- Elige si el cĂłdigo especĂfico de entrada para HEAD, BODY y FOOTER se debe agregar al cĂłdigo para todo el sitio, o si debe sustituir al cĂłdigo para todo el sitio
- Mostrar en el listado de entradas, páginas y tipos de entrada personalizados si la entrada tiene definido algĂşn cĂłdigo personalizado especĂfico
- La secciĂłn para todo el sitio se encuentra en Herramientas > Head & Footer Code
- Si has establecido la constante WP_DEBUG en
wp-config.phpcomotrue, verás las entradas para todo el sitio y especĂficas de entrada en el cĂłdigo fuente de la página envueltas en comentarios. - [NUEVO] permite a los roles de usuario sin privilegios, editor y autor, gestionar el cĂłdigo especĂfico de la entrada en un sitio individual y en multisitio (desactivado por defecto)
Datos almacenados en la base de datos
Los ajustes generales (código global de HEAD, BODY, FOOTER y prioridad, código y comportamiento de la página de inicio) se guardan en la opción de WordPress auhfc_settings.
El cĂłdigo y comportamiento especĂficos de HEAD, BODY y FOOTER para cada entrada, página o tipo de entrada personalizado se guardan en el meta de la entrada _auhfc.
El cĂłdigo y comportamiento especĂficos de HEAD, BODY y FOOTER para cada categorĂa se guardan en el meta de la taxonomĂa _auhfc.
Durante el proceso de desinstalaciĂłn, todos estos datos se han eliminado de la base de datos.
Si deseas reinstalar el plugin, NO LO DESINSTALES, sino desactĂvalo, elimina el directorio /wp-content/plugins/head-footer-code y luego vuelve a instalar el plugin.
Permisos en WordPress multisitio
- Acceso a global: solo superadministrador y administrador
- Acceso a especĂfico de la entrada: superadministrador, administrador; opcional: editor y autor
- Acceso a especĂfico de categorĂa: solo superadministrador y administrador
Capturas de pantalla
InstalaciĂłn
La instalación de Head & Footer Code es tan fácil como la de cualquier otro plugin de WordPress.
Procedimiento estándar
- En el escritorio de WordPress, ve a Plugins → Agregar nuevo.
- Introduce
head footer codeen el campo Buscar plugins… y espera un momento. - Localiza Head & Footer Code y haz clic en el botón Instalar ahora.
- Después de la instalación correcta, haz clic en el botón Activar.
- Haz clic en el enlace Ajustes de Head & Footer Code o ve a Herramientas → Head & Footer Code.
- Agrega el cĂłdigo deseado a la secciĂłn de destino.
Procedimiento por FTP
- Haz clic en el botĂłn Descargar para obtener el paquete de instalaciĂłn de Head & Footer Code.
- Descomprime el archivo head-footer-code.zip en tu computador local.
- Sube todo el directorio head-footer-code al directorio
/wp-content/plugins/de tu servidor. - En el escritorio de WordPress, ve a Plugins → Plugins instalados y haz clic en el enlace Activar del plugin Head & Footer Code.
- Haz clic en el enlace Ajustes de Head & Footer Code o ve a Herramientas → Head & Footer Code.
- Agrega el cĂłdigo deseado a la secciĂłn de destino.
FAQ
-
No es un fallo, es una medida de seguridad del nĂşcleo de WordPress.
Si deseas eliminar los errores de sugerencia para el rol de administrador, asegĂşrate de permitir la capacidad
unfiltered_htmlpara ese rol (Google es tu amigo). -
ÂżSe admite cĂłdigo PHP en los fragmentos de cĂłdigo?
-
Como es un riesgo de seguridad, Head & Footer Code no procesa el cĂłdigo PHP si se introduce en cualquier campo del plugin (global o especĂfico de entrada).
Cualquier contenido agregado a los campos de HFC se imprime en el frontend tal cual.
-
He introducido cĂłdigo en la secciĂłn BODY, pero no se muestra nada en el frontend
-
Esta función está implementada desde la versión 5.2 de WordPress y requiere compatibilidad con el tema.
Para asegurarte de que el tema que usas es compatible con el hook wp_body_open, abre en el editor de cĂłdigo el archivo
header.phpdel tema que usas y comprueba si justo después de la etiqueta de apertura<BODY>aparece el siguiente código (si no existe, añádelo o pide a algún desarrollador que lo haga por ti):if ( function_exists( 'wp_body_open' ) ) { wp_body_open(); } -
ÂżDĂłnde informo de los fallos de seguridad encontrados en este plugin?
-
Por favor, informa de los fallos de seguridad encontrados en el código fuente del plugin Head & Footer Code a través del Programa de divulgación de vulnerabilidades de Patchstack. El equipo de Patchstack te ayudará con la verificación, la asignación de CVE y notificará a los desarrolladores de este plugin.
Reseñas
Colaboradores & Desarrolladores
“Head & Footer Code” es software de código abierto. Las siguientes personas han contribuido a este plugin.
Colaboradores“Head & Footer Code” ha sido traducido en 9 idiomas. Gracias a los traductores por sus contribuciones.
Traduce “Head & Footer Code” a tu idioma.
ÂżInteresado en el desarrollo?
Revisa el cĂłdigo, echa un vistazo al repositorio SVN, o suscrĂbete al registro de desarrollo por RSS .
Historial de cambios
1.5.9 (2026-08-31)
- Fix: JSON-LD and other article/category specific code saved before 1.5.8 could show backslash-escaped quotes; display is now corrected automatically without modifying stored post/term meta (thanks @sheenaljain for report)
1.5.8 (2026-08-16)
- Fix: WP Plugin Check errors and warnings
- Test: WordPress 7.1-RC3 and Twenty Twenty-Five 1.5 and Twenty Fifteen 4.2
- Improve: Additional layer of protection for post and taxonomy meta boxes against unpriviledged roles
1.5.7 (2026-04-01)
- Improve: Allow Programmable Search Engine tags (PageMap, DataObject and Attribute)
- Test: WordPress 7.0-RC2
1.5.6 (2026-03-23)
- Fix: update routine 10 infinite loop on sites with huge number of posts (10k+)
- Test: WordPress 7.0-beta6
1.5.5 (2026-03-11)
- Fix: Remove
set_time_limitfromupdate.phpto prevent fatal error on servers where it’s disabled
1.5.4 (2026-03-10)
- New: Add dynamic support for all public taxonomies (eg, Tags, Product Categories)
- Fix: There was no
Settings saved.notification - Fix: Allow
id,dir,classanddata-*attribute forscript,style,linkandiframetags. - Change: Move review CTA to the bottom of the Settings page
- Change: Increased minimum requirements to WordPress 5.2 and PHP 5.6
- Cleanup: Removed
wp_body_openfallback (no longer needed with WP 5.2+ requirement) - Improve: Introduce
Plugin_Infoclass for cleaner constant management - Optimize: Internal code refactoring for better maintainability and naming clarity
1.5.3 (2026-03-07)
- Fix: Allow
displayandvisibilityCSS properties for KSES - Fix: Category specific code was double escaped
- Improve: DRY Front rendering
- Improve: DRY plugin activation handling
- Improve: Post grid custom code indicators
- Improve: Resolve some PCP errors and warnings
- Test: PHP 8.4.15, WordPress 6.9.1, Twenty Twenty-Five 1.4
- Test: PHP 8.5.3, WordPress 7.0-beta3, Twenty Twenty-Five 1.4
- Test: PHP 5.6.20, WordPress 5.2.23, Twenty Ninetin 1.4
1.5.2 (2026-03-04)
- Fix: Allow all W3C standard attributes for iframe
- Test: WordPress 7.0-beta2
1.5.1 (2026-02-23)
- Fix: Code editor missing on categories
- Cleanup: Remove debugging info
- Update: Screenshots
1.5.0 (2026-02-22)
- Test: WordPress 7.0-beta1, Twenty Twenty-Five 1.4, PHP 8.5.3
- Fix: Missing code editor when creating a new article
- Fix: Incorrect use of
- Improve: Security (validate settings save data, better code filtering with included opening SCRIPT and STYLE tags)
- Optimize: Code editor on articles
- Optimize: Settings maintainability
1.4.6 (2025-12-01)
- Test: WordPress 6.9RC3, Twenty Twenty-Five 1.3, PHP 8.4.15
1.4.5 (2025-06-13)
- Fix: Compatibility with Jetpack > Writing > Composing > Compose using shortcode to embed media from popular sites
- Fix: Automatic conversion of false to array is deprecated in update.php
- Test: WordPress 6.8.1, Twenty Twenty-Five 1.2, Jetpack 14.7
1.4.4 (2025-05-31)
- Fix: Relaxed filtering to allow preloadans security/privacy attributes.
1.4.3 (2025-04-30)
- Fix: Relaxed filtering to allow blocks with
<,>,=>characters andtype="application/ld+json"for structured data (rich snippets), following stricter sanitization introduced in 1.4.0.
1.4.2 (2025-04-20)
- Fix: meta tag broken by security introduced in 1.4.0
1.4.1 (2025-04-13)
- Fix: hreflang link broken by security introduced in 1.4.0
1.4.0 (2025-04-12)
- Test: WordPress 6.8-RC3, Twenty Twenty-Five 1.1, Twenty Twenty-Three 1.6, Astra 4.9.2 and PHP 8.3.17
- Test: WordPress 4.9.26, Twenty Seventeen 1.7 and PHP 5.5.38
- Unclutter Settings page
- Improve: Security
- Improve: Refactor and reorganise codebase
- auhfc_settings() -> Techwebux\Hfc\Main::settings()
- auhfc_is_homepage_blog_posts() -> Techwebux\Hfc\Common::is_homepage_blog_posts()
- auhfc_add_to_homepage_paged() -> Techwebux\Hfc\Common::add_to_homepage_paged()
- sanitize_html_classes() -> Techwebux\Hfc\Common::sanitize_html_classes()
- auhfc_allowed_code() -> Techwebux\Hfc\Common::allowed_html()
- auhfc_form_allowed_code() -> Techwebux\Hfc\Common::form_allowed_html()
- auhfc_html2code -> Techwebux\Hfc\Common::html2code()
- auhfc_get_meta() -> Techwebux\Hfc\Common::get_meta()
- auhfc_get_post_type() -> Techwebux\Hfc\Common::get_post_type()
- auhfc_print_sitewide() -> Techwebux\Hfc\Common::print_sitewide()
- auhfc_out() -> Techwebux\Hfc\Common::out()
- auhfc_head_note() -> Techwebux\Hfc\Settings::head_note()
- auhfc_body_note() -> Techwebux\Hfc\Settings::body_note()
