WordPress Widget-Titel
mit Zeilenumbruch

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
“Advanced Editor Tools – ist so klasse!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit Advanced Editor Tools
“Advanced Editor Tools – ist das ausgezeichnete!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
“Advanced Editor Tools – ist so sehr gut !”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
“Advanced Editor Tools – und tut sehr gut!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Advanced Editor Tools aktive Installationen: 2+ Millionen
“Advanced Editor Tools – ist so fabelhaft!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung
“Advanced Editor Tools – ist de luxe!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… und NEU! – Classic Widgets
“Classic Widgets – sind so grandiose!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
“Advanced Editor Tools – ist so fein!”
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Für Widget-Titel mit längerem Text eignet sich möglicherweise ein Zeilenumbruch an einer bestimmten Stelle, um es schön aussehen zu lassen. Eine Recherche ergibt, dass für Widget-Titel der HTML-Zeilenumbruch-Tag <br> nicht verwendet werden kann, da es zu Ungereimtheiten führen kann. Daher ist es nicht möglich, <br> zu verwenden. In diesem Beitrag wird gezeigt, wie man den Zeilenumbruch an der gewünschten Stelle arrangieren kann.

WENN DU ES DRAUFHAST! –
FRAGE IN DER SUCHE TASTEN:

Widget-Titel mit Zeilenumbruch, das PHP

Mit Snippet in der functions.php in Definition  __br__ als <br /> spricht es alleinig die Widget-Titel an.

Also der Code für die functions.php des Themes, der für Widget-Titel mit Code __br__ den Zeilenumbruch ausführt.

functions.php

/* Code A Widget Titel mit Zeilenumbruch */
add_filter( 'widget_title', function( $title ) {
$title = str_replace( '__br__', '<br/>', $title );
return $title;
});

/* Code B Funktion, um __br__ in Widget-Titel in <br> umzuwandeln */
function widget_title_line_break($title) {
$title = str_replace('__br__', '<br>', $title);
return $title;
}
add_filter('widget_title', 'widget_title_line_break');

Pr. WP-Freund

Beide Codes sind funktional äquivalent und können für das gleiche Ziel verwendet werden, nämlich den Zeilenumbruch in Widget-Titeln zu ermöglichen. Der erste Code ist jedoch in einer anonymen Funktion geschrieben, während der zweite Code in einer benannten Funktion geschrieben ist. Der erste Code ist eine kürzere und prägnantere Schreibweise des zweiten Codes. Die Entscheidung für einen der Codes hängt von der persönlichen Präferenz und der Lesbarkeit des Codes ab.

Anwendung

Noch mal verwende nun das __br__* im Widget-Titel statt von <br />.

* Langer Unterstrich sind 2 Unterstriche.

Die Snippets zur functions.php ab ins Plug-in Code Snippets.
Mit Obhut der Codes! – so bleibt das auch nach Theme-Update.
Oder Childs Theme! – zum Beitrag Quick Child Theme Generator.
So zum Workflow und Browser Cache s. das Plug-in reBusted!

Nachlese

Machen Sie einen Zeilenumbruch im Widget-Titel.


Aktualisiert im Jahr 2021-Dezember