Design · PHP · Server

WordPress · Drupal · PrestaShop

CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

2 Kommentare

Mit dem CSS Befehl hyphens: auto; werden Worte automatisch getrennt. Dies kann in einzelnen Fällen nicht erwünscht sein, z.B. wenn bei einer längeren Überschrift nur die letzte Silbe in die nächste Zeile rutscht und es besser aussehen würde, wenn das Wort insgesamt in der zweiten Zeile erscheint.

Hier hilft der breitenlose Verbinder ‍

Der breitenlose Verbinder ist quasi das Gegenstück zu ­

Mit ­ kann man vorgeben, wo ein Wort getrennt werden soll.
Mit ‍ wird eine Trennung verhindert

Das Wort Haltbarkeitsdatum würde ohne den breitenlosen Verbinder vier Trennmöglichkeiten besitzen: Halt-bar-keits-da-tum

Mit dem breitenlosen Verbinder kann man diese Trennmöglichkeiten einschränken oder ganz ausschließen: Halt‍bar‍keits-da‍tum schränkt die Trennmöglichkeit ein auf Haltbarkeits-datum

Das html Zeichen ‍ wird nach Eingabe im Browser nicht ausgegeben und ist hier nur zur Demonstration sichtbar gemacht.

Polylang Shortcode, um Texte in Themeoptionen oder an anderen Stellen zu übersetzen

Kommentar verfassen

Um Widgets zu übersetzen, gibt es für Polylang bereits ein nützliches Plugin Polylang Theme Strings. Wenn es dennoch noch Bereiche z.B. in den Themeoptionen gibt, die dort nicht auftauchen, dann hilft es, sich einen Shortcode zu erstellen, mit dessen Hilfe man Texte für die jeweilige Sprache definieren kann.

Folgender Code wird in die functions.php eingefügt:

// [polylang lang="en"]English[/polylang][polylang lang="de"]Deutsch[/polylang]
function polylang_shortcode($atts, $content = null)
{
	if (empty($content))
		return '';
	extract( shortcode_atts( array('lang' => ''), $atts ) );
	if (empty($lang))
		return "<h3>You must specify 'lang' using shortcode: polylang</h3>";

	return ($lang == pll_current_language()) ? $content : '';
}
add_shortcode('polylang', 'polylang_shortcode');

Anschließend stehen die Shortcodes polylang plus Länderkürzel zur Verfügung, um Texte in der jeweiligen Sprache auszugeben.

[polylang lang="en"]English[/polylang][polylang lang="de"]Deutsch[/polylang]