Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

164
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda