Für mein neues Barcamp, das Onlinebuisness-Barcamp, habe ich in den letzten Wochen immer wieder die Website überarbeitet. Dabei arbeiten wir an einigen Stellen mit bis zu vier Spalten – also nicht viel Platz für lange Wörter. Allein „Onlinebusiness“ ist da oft schwer unterzubringen.
Ohne Silbentrennung reißt das oft große Lücken in den Text – das sieht nicht gut aus. Also habe ich nach Möglichkeiten gesucht, die ­ HTML-Entity im Text zu verwenden und so die Silben manuell zu trennen. „shy“ steht dabei für „soft hypen“. Der Browser weiß, dass er hier eine Silbentrennung durchführen kann. Er muss es aber im Gegensatz zu einem fest eingegebenen Trennzeichen nicht. Dafür gibt es aber – zumindest bei Thrive Themes für WordPress – keine Lösung. (Ich habe das Problem dem Support geschildert und hoffe, dass sie das als Feature aufnehmen).
Eine mögliche Lösung wäre, die Silbentrennung per CSS zu aktivieren. Das schließe ich aber aus zwei Gründen aus, die man hier im Bild gut sehen kann. Das ist ein Screenshot dieses Artikels, der erklärt, wie man die Silbentrennung per CSS aktiviert.
- (Rote Markierung im Bild) Die Qualität der Silbentrennung ist teilweise schlecht. Zumindest wenn es um Deutsch geht. Zumindest wenn ich im Deutschunterricht aufgepasst habe, ist „auf“ die Silbe, die nicht getrennt wird.
- (Grüne Markierung im Bild) Manchmal ist die Stelle, an der die Silbentrennung stattfindet, für das Lesen ungünstig. Ich würde an der grünen Markierung trennen, so dass „gesetz“ als ganzes Wort stehen bleibt und so die Lesbarkeit erhöht.
Wie bekomme ich also die ­ HTML-Entity in WordPress? Ich meinte mich zu erinnern, dass in Contao damals das Zeichen [-] im Text in ein Softhypen umgewandelt wurde. Das müsste doch auch in WordPress mit einem Shortcode möglich sein, oder? Leider habe ich kein Plugin gefunden, das die gewünschte Funktion direkt zur Verfügung stellt. (Vielleicht habe ich es nur nicht gefunden. Dann bitte in den Kommentaren schreiben.)
Eine Möglichkeit wäre das Shortcoder-Plugin. Damit kann man beliebige eigene Shortcodes definieren. Allerdings sehen die dann alle so aus [sc name=“shy“]. Das war mir eindeutig zu lang. Ich wollte einfach nur [shy] als Shortcode.
Warum also nicht einfach ChatGPT bitten, mir ein Plugin zu schreiben? Gesagt, getan. Und es ist erstaunlich einfach. Wenn du es auch benutzen willst, hier ist die Anleitung.
- Erstelle einen neuen Ordner in Deinem WordPress-Plugins-Verzeichnis und nenne ihn shy-shortcode.
- In diesem Ordner erstellst Du eine PHP-Datei namens shy-shortcode.php mit dem unten stehenden PHP-Code.
- Zuletzt aktivierst Du das neue Plugin in der Plugin-Übersicht von WordPress.
<?php
/*
Plugin Name: Shy Shortcode
Description: This plugin adds a shortcode to display the shy HTML entity.
*/
function shy_shortcode_output() {
return '­';
}
add_shortcode('shy', 'shy_shortcode_output');
?>