Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

172
Views
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 answers
Answer question

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 Report

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!