<center>https://www.perun.net/wp-content/uploads/2016/08/wp-blue.png</center> <br/>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.<a href="https://de.wordpress.org/plugins/html-in-widget-titles/"> HTML Widget Titles</a>), das dies ermöglicht, aber fast genau so einfach ist die Erweiterung der <em>functions.php</em>. Hier muss man lediglich den folgenden Code ergänzen:

<pre class="quelltext"><code>// HTML-Code in Widget-Titeln ermöglichen 
function html_widget_title( $var) {
$var = (str_replace( '[', '&lt;', $var ));
$var = (str_replace( ']', '&gt;', $var ));
return $var ;
}
add_filter( 'widget_title', 'html_widget_title' );</code></pre>
Quelle: <a href="https://gist.github.com/technoknol/9526784">GitHub</a>

Sowohl das Plugin wie auch der Code in der <em>functions.php</em> 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:

<code>Ihr [strong]Vorteil[/strong]</code> ergibt dann <code>Ihr <strong>Vorteil</strong></code>

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

<code>Ihr [span class=focus ]Vorteil[/span]</code> ergibt dann <code>Ihr &lt;span class="focus"&gt;Vorteil&lt;/span&gt;</code> <hr />

<p>Aus <a href="https://www.perun.net/2017/10/10/html-code-im-wordpress-widget-titel-ermoeglichen/">meinem Weblog</a> via <a href="https://wordpress.org/plugins/steempress/">SteemPress</a> publiziert.</p>