{"id":3326,"date":"2024-04-17T09:18:05","date_gmt":"2024-04-17T09:18:05","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/unwanted-breaks-de\/"},"modified":"2024-11-21T18:27:07","modified_gmt":"2024-11-21T17:27:07","slug":"unwanted-breaks-de","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/de\/unwanted-breaks-de\/","title":{"rendered":"How do I prevent unwanted breaks in texts\/headlines?"},"content":{"rendered":"<p>Depending on your screen size, it may happen that you see unwanted breaks in words (especially long ones), for example in headlines. There is a simple way to make sure words break only where and how you want them to: HTML entities.<\/p>\n<p>There are a lot of interesting HTML entities, however we&#8217;d like to highlight two in this context:<\/p>\n<p>&amp;shy;  &mdash;&gt; Soft Hyphen: Makes sure words break with an &#8220;-&#8221; if there&#8217;s not enough space. <\/p>\n<pre>Manage&lt;b&gt;&amp;shy;&lt;\/b&gt;ment\n<\/pre>\n<p>&amp;nbsp; &mdash;&gt; Non-breaking Space: Prevents breaking between two words.<\/p>\n<pre>John&lt;b&gt;&amp;nbsp;&lt;\/b&gt;Doe\n<\/pre>\n<p>To use HTML entities in the Block Editor, click on the three dots in the toolbar and select &#8220;Edit as HTML&#8221;:<\/p>\n<p><img decoding=\"async\" alt=\"Screenshot of the backend of the Greyd website showing how to access the HTML editor\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/661f8b2fe6d7a114e7690d27\/file-yLeURj3OV7.png\" style=\"width: 580px;max-width: 100%\"><\/p>\n<p>You can then insert your HTML entities and revert to the visual editor.<\/p>\n<p><img decoding=\"async\" alt=\"Screenshot of the HTML editor in WordPress\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/661f936c865f732a9766a150\/file-w1wyInJuNm.png\" style=\"max-width: 100%\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Depending on your screen size, it may happen that you see unwanted breaks in words (especially long ones), for example in headlines. There is a simple way to make sure words break only where and how you want them to: HTML entities. There are a lot of interesting HTML entities, however we&#8217;d like to highlight [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"greyd_block_editor_preview":[],"footnotes":""},"categories":[188],"tags":[1241,1233,1239,1235,1237],"topics":[626],"class_list":["post-3326","post","type-post","status-publish","format-standard","hentry","category-general","tag-break-de","tag-breaks-de","tag-umbrechen-de","tag-umbruch-de","tag-umbrueche-de","topics-design-de"],"lang":"de","translations":{"de":3326,"en":3282},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/3326"}],"collection":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/comments?post=3326"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/3326\/revisions"}],"predecessor-version":[{"id":4551,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/3326\/revisions\/4551"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=3326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=3326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=3326"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=3326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}