body {\n -ms-hyphens: auto;\n -webkit-hyphens: auto;\n hyphens: auto;\n}<\/code><\/pre>\n<\/p>\n
M\u00f6chte man die Silbentrennung auf eine Sprachen, z. B. Deutsch, einschr\u00e4nken, muss man folgendes zu Beginn setzen:<\/p>\n
body:lang(de) {...}<\/pre>\nMeiner Erfahrung nach sehen englishcprachige Seiten ohne Silbentrennung oft ordentlicher aus, da es nicht diese Bandwurmw\u00f6rter wie im Deutschen gibt.<\/p>\n
Au\u00dferhalb von Titeln (hier funktionieren die folgenden Befehle leider nicht), kann man im Flie\u00dftext auch noch mit den folgenden Befehlen arbeiten:<\/p>\n
<\/p>\n
­<\/strong> (Soft Hypen)<\/strong><\/p>\n<\/p>\n
Wenn der Platz nicht mehr ausreicht, wird das Wort an dieser Stelle MIT einem Trennstrich getrennt.<\/p>\n
<\/p>\n
<wbr> (Word Break)<\/strong><\/p>\n<\/p>\n
Wenn der Platz nicht mehr ausreicht, wir das Wort an dieser Stelle OHNE einen Trennstrich getrennt (was eigentlich die Standardfunktionalit\u00e4t ist wenn man keine automatische Silbentrennung verwendet).<\/p>\n
<\/p>\n
(Non Breaking Space)<\/strong><\/p>\n<\/p>\n
Dieser Befehl ist ein so genanntes gesch\u00fctztes Leerzeichen und verhindert einer Trennung von zwei an und f\u00fcr sich getrennt geschriebenen W\u00f6rtern.<\/p>\n
<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.9.4″ _module_preset=“default“ global_module=“272″ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.16″ _module_preset=“default“ global_colors_info=“{}“][et_pb_post_nav prev_text=“Vorheriger Artikel“ next_text=“N\u00e4chster Artikel“ _builder_version=“4.16″ _module_preset=“default“ title_text_color=“#FFFFFF“ background_color=“#2E4770″ custom_padding=“0.5em|0.5em|0.5em|0.5em|true|true“ global_colors_info=“{}“][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"
Bereits 2021 habe ich diesen Beitrag ver\u00f6ffentlicht. Nachdem ich jetzt aber ein Update daf\u00fcr habe, habe ich ihn noch mal „ausgegraben“. Silbentrennung und vor allem ein sch\u00f6ner Textfluss, sind jetzt nicht unbedingt die St\u00e4rken des Web bzw. wird darauf weit nicht so viel Wert gelegt wie in einem hochwertigen Printprodukt. Danke https:\/\/wp-bibel.de\/tutorial\/silbentrennung-auf-deiner-website\/ f\u00fcr diesen Beitrag, […]<\/p>\n","protected":false},"author":1,"featured_media":523,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n
Silbentrennung und vor allem ein sch\u00f6ner Textfluss, sind jetzt nicht unbedingt die St\u00e4rken des Web bzw. wird darauf weit nicht so viel Wert gelegt wie in einem hochwertigen Printprodukt.<\/p>\n\n\n\n
Danke https:\/\/wp-bibel.de\/tutorial\/silbentrennung-auf-deiner-website\/<\/a> f\u00fcr diesen Beitrag, wo ich diese Infos gefunden habe!<\/p>\n\n\n\nAuch f\u00fcr WordPress gibt es ein einfache M\u00f6glichkeit der Silbentrennung. Dazu muss man im CSS-File (bei Divi geht das beispielsweise \u00fcber die Divi Theme-Optionen oder bei anderen Themes auch \u00fcber den Design - Customizer) folgenden CSS-Befehl erg\u00e4nzen:<\/p>\n\n\n\n
body {\n -ms-hyphens: auto;\n -webkit-hyphens: auto;\n hyphens: auto;\n}<\/code><\/pre>\n\n\n\nAu\u00dferhalb von Titeln (hier funktionieren diese Befehle leider nicht), kann man im Flie\u00dftext auch noch mit den folgenden Befehlen arbeiten:<\/p>\n\n\n\n
­<\/strong> (Soft Hypen)<\/strong><\/p>\n\n\n\nWenn der Platz nicht mehr ausreicht, wird das Wort an dieser Stelle MIT einem Trennstrich getrennt.<\/p>\n\n\n\n
<wbr> (Word Break)<\/strong><\/p>\n\n\n\nWenn der Platz nicht mehr ausreicht, wir das Wort an dieser Stelle OHNE einen Trennstrich getrennt (was eigentlich die Standardfunktionalit\u00e4t ist wenn man keine automatische Silbentrennung verwendet).<\/p>\n\n\n\n
(Non Breaking Space)<\/strong><\/p>\n\n\n\nDieser Befehl ist ein so genanntes gesch\u00fctztes Leerzeichen und verhindert einer Trennung von zwei an und f\u00fcr sich getrennt geschriebenen W\u00f6rtern. <\/p>\n","_et_gb_content_width":"","footnotes":""},"categories":[21],"tags":[32,31,63,62,58],"class_list":["post-235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aus-meiner-arbeit","tag-css","tag-html","tag-silbentrennung","tag-textfluss","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":6,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/235\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/235\/revisions\/601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media\/523"}],"wp:attachment":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media?parent=235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/categories?post=235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/tags?post=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}