X

Cómo añadir HTML sencillo a los títulos de los widgets

Snippets by IsItWP

¿Buscas una forma de añadir HTML sencillo a los títulos de los widgets? Normalmente no se puede añadir HTML en los títulos de los widgets, ya que se elimina el código HTML. Este fragmento te permite añadir etiquetas strong y em a los títulos de tus widgets.

Instrucciones:

  1. Añade este código al archivo functions.php de tu tema o en un plugin específico del sitio.
  2. Utiliza los códigos [s]text[/s] y [e]text[/e ] en tu texto. [s]text [/s] se convertirá en <strong>texto</strong> y [e]text[/e] se convertirá en <em>texto</em> en el HTML. Si estás familiarizado con la codificación, también puedes añadir más etiquetas al fragmento, pero asegúrate de tener en cuenta la seguridad.
<?php
function html_widget_title( $title ) {
	//HTML tag opening/closing brackets
	$title = str_replace( '[', '<', $title );
	$title = str_replace( '[/', '</', $title );

	//<strong></strong>
	$title = str_replace( 's]', 'strong>', $title );
	//<em></em>
	$title = str_replace( 'e]', 'em>', $title );

	return $title;
}
add_filter( 'widget_title', 'html_widget_title' );
?>

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si le gustó este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: WPForms vs. Gravity Forms – Enfrentamiento entre los mejores plugins de formularios.

Comentarios   Deja una respuesta

  1. Thank you very much, could you please tell me what to add for making a line break in widget title with ?
    Thank you!

    1. If I understand the question, you could possibly use this line:

      $title = str_replace( ‘?’, ‘
      ‘, $title );

  2. Prasun Bhattacharya agosto 20, 2019 en 9:04 am

    Thank you very much….:)

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!