HTML-Code im WordPress-Widget-Titel ermöglichen

Obwohl es in WordPress mittlerweile ein spezielles HTML-Widget gibt, ist es nach wie vor nicht möglich im Widget-Titel HTML-Code unterzubringen. Das kann aber manchmal sinnvoll sein, wenn man Teile eines Titels speziell ansprechen möchte, damit z. B. CSS-Formatierungen greifen.

Zum einen kann man natürlich ein Plugin installieren (z. B. HTML Widget Titles), das dies ermöglicht, aber fast genau so einfach ist die Erweiterung der functions.php. Hier muss man lediglich den folgenden Code ergänzen:

// HTML-Code in Widget-Titeln ermöglichen 
	function html_widget_title( $var) {
		$var = (str_replace( '[', '<', $var ));
		$var = (str_replace( ']', '>', $var ));
		return $var ;	
	}
	add_filter( 'widget_title', 'html_widget_title' );

Quelle: GitHub

Sowohl das Plugin wie auch der Code in der functions.php funktionieren nach der gleichen Methode. Es werden einfach eckige Klammern [] mit spitzen Klammern <> ersetzt, so dass die Ausgabe per HTML erfolgen kann. Man überlistet WordPress quasi 😉

Möchte man also einen Teil des Widgettitels mit HTML auszeichnen, muss man folgendes eingeben:

Ihr [strong]Vorteil[/strong] ergibt dann Ihr Vorteil

Sogar das Auszeichnen mit Klassen funktioniert, allerdings muss man hierbei die Anführungszeichen weglassen:

Ihr [span class=focus ]Vorteil[/span] ergibt dann Ihr <span class="focus">Vorteil</span>

Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienst­leistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.

Verwandte Beiträge:

3 Kommentare

Kommentare sind geschlossen.