{"id":3507,"date":"2024-09-15T23:30:00","date_gmt":"2024-09-15T23:30:00","guid":{"rendered":"https:\/\/tableberg.com\/?p=3507"},"modified":"2024-09-18T14:13:08","modified_gmt":"2024-09-18T14:13:08","slug":"wie-man-einen-rahmen-um-text-in-wordpress-setzt","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-put-a-box-around-text-in-wordpress\/","title":{"rendered":"Wie man einen Kasten um Text in WordPress setzt"},"content":{"rendered":"

Eine wirkungsvolle Pr\u00e4sentation der Inhalte ist f\u00fcr den Erfolg jeder Website entscheidend. Deshalb m\u00fcssen Sie Ihre Webinhalte in verschiedenen Stilen pr\u00e4sentieren, damit sie f\u00fcr Webbesucher und Nutzer leicht lesbar sind.<\/p>\n\n\n\n

Das Anbringen von K\u00e4sten um den Text herum k\u00f6nnte ein wirksames Mittel sein, um dies zu erreichen. Denn es kann dazu beitragen, dass sich bestimmte Texte deutlich von anderen unterscheiden. Dieses Konzept ist sehr effektiv bei der Pr\u00e4sentation von wichtigen Details, Zitaten und Aufforderungen zum Handeln.<\/p>\n\n\n\n

In diesem Tutorial zeigen wir Ihnen mehrere Methoden, wie Sie einen Rahmen um Text in WordPress setzen k\u00f6nnen.<\/p>\n\n\n\n

\n
\n
\n
\n

Sch\u00f6ne Tische erstellen <\/strong>
Mit Block-Editor<\/strong><\/p>\n\n\n\n

\n
Kostenlos ausprobieren<\/a><\/div>\n\n\n\n
Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Methode Eins: Verwendung des Gruppenblocks<\/h2>\n\n\n\n

Die Gruppe ist ein Standard-WordPress-Block. Dieser Block erm\u00f6glicht es Ihnen, verschiedene andere Bl\u00f6cke darin einzuf\u00fcgen.<\/p>\n\n\n\n

Schritt 01: Hinzuf\u00fcgen des Gruppenblocks zum Editor<\/h3>\n\n\n\n

Suchen Sie und f\u00fcgen Sie die Gruppenblock<\/strong> an die Redaktion.<\/p>\n\n\n\n

\"Hinzuf\u00fcgen<\/figure>\n\n\n\n

W\u00e4hlen Sie ein Layout<\/strong> f\u00fcr den Gruppenblock. F\u00fcr den Lehrgang w\u00e4hlen wir das erste Layout.<\/p>\n\n\n\n

\"W\u00e4hlen<\/figure>\n\n\n\n

Schritt 02: Hinzuf\u00fcgen des Absatzblocks zum Gruppenblock<\/h3>\n\n\n\n

F\u00fcgen Sie nun die Absatzblock<\/strong> in den Gruppenblock, damit Sie Textinhalte schreiben k\u00f6nnen.<\/p>\n\n\n\n

\"F\u00fcgen<\/figure>\n\n\n\n

F\u00fcgen Sie dann den gew\u00fcnschten Textinhalt in den Block ein.<\/p>\n\n\n\n

\"Text<\/figure>\n\n\n\n

Schritt 03: Passen Sie den Block an und machen Sie ihn zu einer Box<\/h3>\n\n\n\n

Gehe zu<\/strong> die Registerkarte Einstellungen<\/strong> in der rechten Seitenleiste. Sie k\u00f6nnen das Layout f\u00fcr den Gruppenblock bei Bedarf anpassen. Ansonsten belassen Sie es dabei.<\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

Dann, zu sich kommen<\/strong> die Registerkarte \"Stile<\/strong>. Aus dem Bereich Farbe, den Textinhalt einf\u00e4rben<\/strong> und Hintergrund des Blocks<\/strong>.<\/p>\n\n\n\n

\"Den<\/figure>\n\n\n\n

Scrollen Sie auf der Registerkarte nach unten und gehen Sie zur Registerkarte Polsterung<\/strong> und Grenzabschnitte<\/strong>.<\/p>\n\n\n\n

Die Polsterung<\/strong> k\u00f6nnen Sie einen Abstand zwischen dem Inhalt und dem Rahmen hinzuf\u00fcgen. Die Grenze<\/strong> erm\u00f6glicht es Ihnen, die Breite zu erh\u00f6hen.<\/p>\n\n\n\n

\"Polsterung<\/figure>\n\n\n\n

So k\u00f6nnen Sie einen Rahmen um den Text erstellen.<\/p>\n\n\n\n

Methode zwei: Verwendung des Tableberg-Blocks<\/h2>\n\n\n\n

Tischberg<\/a> ist ein wunderbares und einfach zu bedienendes Plugin f\u00fcr den Tabellenersteller. Sie k\u00f6nnen mit diesem Plugin auch eine beeindruckende Box um Ihren Textinhalt herum erstellen und einf\u00fcgen. Holen Sie sich das Plugin, indem Sie auf die Schaltfl\u00e4chen des Banners unten klicken.<\/p>\n\n\n\n

\n
\n
\n
\n

Sch\u00f6ne Tische erstellen <\/strong>
Mit Block-Editor<\/strong><\/p>\n\n\n\n

\n
Kostenlos ausprobieren<\/a><\/div>\n\n\n\n
Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Nach der Installation auf Ihrer Website folgen Sie bitte der Anleitung.<\/p>\n\n\n\n

Schritt 01: Hinzuf\u00fcgen des Tableberg-Blocks zum Editor<\/h3>\n\n\n\n

Dieses Plugin kommt mit einem Block namens Tischberg<\/strong>. F\u00fcgen Sie den Block in den Editor ein.<\/p>\n\n\n\n

\"F\u00fcgen<\/figure>\n\n\n\n

Legen Sie die Anzahl der Spalten und Zeilen fest, um so viele Boxen zu erstellen, wie Sie m\u00f6chten. Lassen Sie uns f\u00fcr dieses Tutorial, setzen 1*1<\/strong> um nur eine Box zu erstellen.<\/p>\n\n\n\n

\"Festlegen<\/figure>\n\n\n\n

Sie k\u00f6nnen sehen, dass das Box-Layout hinzugef\u00fcgt wurde.<\/p>\n\n\n\n

\"Das<\/figure>\n\n\n\n

Schritt 02: Text zum Feld hinzuf\u00fcgen<\/h3>\n\n\n\n

Schreiben oder kopieren Sie einfach den gew\u00fcnschten Textinhalt in das Feld.<\/p>\n\n\n\n

\"Text<\/figure>\n\n\n\n

Schritt 02: Stilisierung der Box <\/h3>\n\n\n\n

Gehe zu<\/strong> die Registerkarte \"Stile<\/strong> wobei der Block Tableberg ausgew\u00e4hlt bleibt. Einen Hintergrund hinzuf\u00fcgen<\/strong> Farbe in das Feld aus dem Abschnitt Farbe<\/strong>.<\/p>\n\n\n\n

\"Stilisierung<\/figure>\n\n\n\n

Schritt 03: Anpassen des Tabellenrandes<\/h3>\n\n\n\n

Bl\u00e4ttern Sie in der Registerkarte und zu sich kommen<\/strong> die Sektion Tabelle Randleiste<\/strong> und Inner Border<\/strong>. <\/p>\n\n\n\n

Durch das Setzen geeigneter Werte k\u00f6nnen Sie die Randfarbe, Breite<\/strong> und Radius<\/strong>.<\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

Schritt 04: Anpassen der Textfarbe<\/h3>\n\n\n\n

Wenn Sie m\u00f6chten, k\u00f6nnen Sie die Textfarbe \u00e4ndern, damit das Design sch\u00f6n und gut lesbar ist.<\/p>\n\n\n\n

\"Anpassen<\/figure>\n\n\n\n

Schlussfolgerung<\/h2>\n\n\n\n

Es ist also einfach, in WordPress einen Rahmen um Text zu setzen. Jetzt ist es an Ihnen, die f\u00fcr Sie passende Methode zu w\u00e4hlen. Es gibt jedoch einige Dinge, die Sie beachten m\u00fcssen. Achten Sie darauf, dass der Rahmen und die Textfarbe einen Kontrast bilden, damit Ihr Inhalt lesbar ist.<\/p>\n\n\n\n

Versuchen Sie au\u00dferdem, das Farbschema Ihrer Website auch in der Inhaltsbox beizubehalten, um ein konsistentes Branding zu gew\u00e4hrleisten. Mit dem Tableberg-Plugin k\u00f6nnen Sie weitere interessante Designs erstellen. Entdecken Sie zum Beispiel wie man eine Amazon Produktbox in WordPress hinzuf\u00fcgt<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

Effective content presentation is crucial to the success of any website. This is why you need to present your web content in varying styles to suit different needs so it becomes easily readable to web visitors and users. Putting boxes around texts could be an effective way to do this. Because it can help make […]<\/p>\n","protected":false},"author":1,"featured_media":3523,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[114,112,102],"class_list":["post-3507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-box","tag-create-web-sections","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Put-a-Box-Around-Text-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=3507"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3507\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/3507\/revisions\/3622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/3523"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=3507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=3507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=3507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}