Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

160
Vistas
Wordpress cómo modificar la etiqueta <body> de una página agregando atributos html adicionales

En wordpress, hay una manera de establecer el atributo de la etiqueta del cuerpo en una página como esta:

 <body onBlur="window.focus()">

El editor WP Block no permite editar el html de la página, porque es un editor visual, por supuesto.

Usaría este código para poder hacer que una ventana emergente permanezca siempre en la parte superior.

Por cierto, resolví el problema de cómo abrir la ventana, simplemente no sé cómo hacer que permanezca en la parte superior

cómo crear una ventana emergente

Si hay otra manera me avisas.


gracias @ruvee

Escribí instrucciones paso a paso aquí: actualizar la etiqueta del cuerpo

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Hay un gancho que podrías usar llamado wp_footer . Puede agregar atributos adicionales a su etiqueta de body usando javascript puro/vainilla como este:

 add_action("wp_footer", "your_theme_adding_extra_attributes"); function your_theme_adding_extra_attributes(){ ?> <script> let body = document.getElementsByTagName("body"); body[0].setAttribute("onBlur", "window.focus()"); </script> <?php }

El código entra en el archivo functions.php de su tema activo.

Esta respuesta ha sido probada en wordpress 5.8 y funciona.

ingrese la descripción de la imagen aquí


Ejecutándolo en una página específica:

Dependiendo de la página en la que necesite ejecutarlo, puede usar diferentes declaraciones condicionales. Por ejemplo:

  • Solo en páginas de archivo:
    • is_archive() sería una verificación condicional adecuada
  • Solo en el índice de tu blog:
    • is_home() sería una verificación condicional.
  • Solo en la página principal que puede o no ser el índice de su blog:
    • is_front_page() sería una verificación condicional
  • etc...

ACTUALIZACIÓN (relacionada con la segunda solicitud que no formaba parte de la primera pregunta)

Si tiene una página con un slug of blah y desea modificar su etiqueta de body , puede usar el siguiente fragmento:

 # The following code would only get executed on yourwebsite.com/blah add_action("wp_footer", "your_theme_adding_extra_attributes"); function your_theme_adding_extra_attributes(){ if(is_page("blah")){ ?> <script> let body = document.getElementsByTagName("body"); body[0].setAttribute("onBlur", "window.focus()"); </script> <?php } }

is_page Documentos


Para las personas que necesitarían agregar una class adicional NO attributes adicionales, hay un gancho llamado body_class y ya hay demasiadas respuestas en Stackoverflow, como:

  • ¿Agregar un nombre de clase personalizado a la etiqueta del cuerpo de Wordpress?
  • clase de cuerpo en WooCommerce
about 4 years ago · Juan Pablo Isaza Denunciar

0

Puede conectarse al filtro de clase de cuerpo y hacer un eco para su atributo, no cómo deben funcionar los filtros, pero hace el trabajo sin js.

 add_filter('body_class', 'bt_add_attr_to_body'); function bt_add_attr_to_body ($classes) { echo 'onBlur="window.focus()"'; return $classes; }

Me di cuenta de sus comentarios que también le gustaría limitar a páginas específicas.
Digamos que quieres que suceda solo en la página principal.
Deberá agregar una condición if para la página principal, como esta

 add_filter('body_class', 'bt_add_attr_to_body'); function bt_add_attr_to_body ($classes) { if (is_front_page()) echo 'onBlur="window.focus()"'; return $classes; }

Según dónde desee que aparezca este atributo, deberá crear la condición adecuada.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda