- Methode 1: Verwendung des Ultimate Blocks Plugin<\/a>
- Schritt 1: Installieren Sie das Ultimate Blocks Plugin<\/a><\/li>
- Schritt 2: Hinzuf\u00fcgen des Content Toggle Blocks<\/a><\/li>
- Schritt 3: Anpassen des Content Toggle Blocks<\/a><\/li><\/ul><\/li>
- Methode 2: Verwendung des Expand-Blocks<\/a>
- Schritt 1: Hinzuf\u00fcgen des Expand Blocks<\/a><\/li>
- Schritt 2: Inhalt zum Block hinzuf\u00fcgen<\/a><\/li>
- Schritt 3: Anpassen des Expand Blocks<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n
<\/div><\/div><\/div>\n\n\nMethode 1: Verwendung des Ultimate Blocks Plugin<\/strong><\/h2>\n\n\n\n
Schritt 1: Installieren Sie das Ultimate Blocks Plugin<\/strong><\/h3>\n\n\n\n
Navigieren Sie zu Ihrem WordPress-Dashboard, gehen Sie zum \"Plugins\"<\/strong> Abschnitt, und klicken Sie auf \"Neu hinzuf\u00fcgen\".<\/strong> Typ \"Ultimative Bl\u00f6cke\"<\/strong> in die Suchleiste ein, suchen Sie das Plugin in den Ergebnissen, klicken Sie auf \"Jetzt installieren\".<\/strong> und dann \"Aktivieren\".<\/strong>
<\/p>\n\n\n\n![\"Installieren](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-5-1024x613.png\")
<\/figure>\n\n\n\nSchritt 2: Hinzuf\u00fcgen des Content Toggle Blocks<\/strong><\/h3>\n\n\n\n
\u00d6ffnen Sie den Beitrag oder die Seite, zu der Sie ausklappbare Inhalte hinzuf\u00fcgen m\u00f6chten. Klicken Sie auf die \"+\"-Symbol<\/strong> im WordPress-Editor, um einen neuen Block hinzuzuf\u00fcgen, suchen Sie nach \"Content Toggle\", und w\u00e4hlen Sie ihn aus. <\/p>\n\n\n\n
![\"Hinzuf\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1.2-1024x425.png\")
<\/figure>\n\n\n\nSobald Sie den Block hinzugef\u00fcgt haben, sehen Sie den Toggle-Block in Position, aber in einem geschlossenen Format. Klicken Sie auf das Pfeilsymbol, um ihn zu erweitern, und setzen Sie den Titel Ihres Inhalts in das Feld \"Panel-Titel\"<\/strong> und anschlie\u00dfend der Hauptinhalt im Feld \"Inhalt des Panels\"<\/strong> Box. <\/p>\n\n\n\n
![\"Titel](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2-2-1024x450.png\")
<\/figure>\n\n\n\nWenn Sie nun mehr als einen erweiterbaren oder zusammenklappbaren Abschnitt ben\u00f6tigen, klicken Sie auf die Schaltfl\u00e4che + Taste<\/strong> am unteren Ende des Blocks, um einen neuen Umschalter einzuf\u00fcgen. Wenn Sie kein bestimmtes Umschaltfeld w\u00fcnschen, klicken Sie auf die Schaltfl\u00e4che x am Ende des Blocks. <\/p>\n\n\n\n
![\"Neue](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3-1024x423.png\")
<\/figure>\n\n\n\nSchritt 3: Anpassen des Content Toggle Blocks<\/strong><\/h3>\n\n\n\n
Sobald Sie den Block ausgew\u00e4hlt haben, erscheint rechts auf Ihrem Dashboard das Panel f\u00fcr die Blockeinstellungen. Dort finden Sie zwei separate Registerkarten: Allgemeine Einstellungen und Stile.<\/strong><\/p>\n\n\n\n
In der Allgemeine Einstellungen<\/strong> k\u00f6nnen Sie das:<\/p>\n\n\n\n
- \n
- Einstellen der Titel des Panels<\/strong> f\u00fcr eine angemessene Hierarchie.<\/li>\n\n\n\n
- Legen Sie den Umschaltstatus fest, um zu steuern, ob die Bereiche beim Laden der Seite ein- oder ausgeklappt sein sollen.<\/li>\n\n\n\n
- Aktivieren Sie FAQ-Schema<\/strong> um die Sichtbarkeit in den Suchmaschinenergebnissen zu verbessern.<\/li>\n\n\n\n
- Verwenden Sie Reaktionsf\u00e4hige Steuerung<\/strong> um den Block auf bestimmten Ger\u00e4ten aus- oder einzublenden.<\/li>\n\n\n\n
- Hinzuf\u00fcgen einer Suchfeld<\/strong> zur einfachen Navigation in den FAQs. Diese Funktion ist jedoch auf die Pro-Benutzer beschr\u00e4nkt.\u00a0<\/li>\n<\/ul>\n\n\n\n
![\"Allgemeine](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.1-3-1024x519.png\")
<\/figure>\n\n\n\nWenn Sie nun zum Registerkarte \"Stile<\/strong>k\u00f6nnen Sie Farben anpassen, R\u00e4nder aktivieren, Stile und Positionen von Umschaltsymbolen festlegen und Polsterung und R\u00e4nder fein abstimmen.<\/p>\n\n\n\n
![\"Registerkarte](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.2-2-1024x738.png\")
<\/figure>\n\n\n\nWenn Sie zufrieden sind, klicken Sie auf \"Ver\u00f6ffentlichen\" oder \"Aktualisieren\", um sie zu aktivieren.<\/p>\n\n\n\n
![\"Finale](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/toggledemo-1.gif\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\nMethode 2: Verwendung des Expand-Blocks<\/strong><\/h2>\n\n\n\n
Schritt 1: Hinzuf\u00fcgen des Expand Blocks<\/strong><\/h3>\n\n\n\n
Navigieren Sie zu der Seite oder dem Beitrag, auf der\/dem Sie den zusammenklappbaren\/erweiterbaren Inhalt haben m\u00f6chten. Klicken Sie erneut auf das \"+\"-Symbol, um einen neuen Block hinzuzuf\u00fcgen, suchen Sie nach \"Erweitern\" und w\u00e4hlen Sie ihn aus.\u00a0<\/p>\n\n\n\n
![\"Den](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.1-1024x444.png\")
<\/figure>\n\n\n\nSchritt 2: Inhalt zum Block hinzuf\u00fcgen<\/strong><\/h3>\n\n\n\n
Der Block enth\u00e4lt zwei Abschnitte: einen f\u00fcr sichtbare Inhalte (die zu Beginn angezeigt werden) und einen f\u00fcr verborgene Inhalte (die beim Anklicken sichtbar werden). F\u00fcgen Sie den Inhalt, der sichtbar bleiben soll, in den ersten Abschnitt \u00fcber dem \"Mehr anzeigen<\/strong>Text\". Platzieren Sie den restlichen Inhalt in dem ausgeblendeten Bereich unter dem \"Mehr anzeigen<\/strong>\"Text. <\/p>\n\n\n\n
![\"Sichtbarer](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2.2-1024x468.png\")
<\/figure>\n\n\n\nKlicken Sie auf die + Vorzeichen<\/strong> auf jeden Block, w\u00e4hlen Sie Ihren bevorzugten Block aus und f\u00fcgen Sie sp\u00e4ter Inhalte zu den Bl\u00f6cken hinzu. Sie k\u00f6nnen die \"Mehr anzeigen<\/strong>\" und \"Weniger anzeigen\"<\/strong> Texte, die besser zu Ihrem Inhalt oder Ihrer Zielgruppe passen. Klicken Sie einfach auf die Standardtexte und ersetzen Sie sie durch Ihre gew\u00fcnschten Bezeichnungen.<\/p>\n\n\n\n
![\"Hinzuf\u00fcgen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.3-1024x472.png\")
<\/figure>\n\n\n\nSchritt 3: Anpassen des Expand Blocks<\/strong><\/h3>\n\n\n\n
Die kostenlose Version bietet begrenzte Anpassungsm\u00f6glichkeiten, einschlie\u00dflich Bildlaufeinstellungen, Reaktionssteuerung und Gr\u00f6\u00dfenanpassungen auf der Registerkarte \"Stile\". Wenn Sie jedoch auf die Pro-Version upgraden, k\u00f6nnen Sie einen \u00dcberblendeffekt f\u00fcr minimierte Inhalte ausw\u00e4hlen (verf\u00fcgbar in den allgemeinen Einstellungen). Sie k\u00f6nnen auch den Stil, die Hintergrundfarbe, den Rahmen und den Radius der Schaltfl\u00e4che anpassen, um ein besseres Aussehen zu erzielen.<\/p>\n\n\n\n
\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.1-1.png\")
<\/figure>\n\n\n\n![\"Anpassen](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.2-1.png\")
<\/figure>\n<\/div>\n\n\n\nWenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf \"Ver\u00f6ffentlichen\" oder \"Aktualisieren\", um die \u00c4nderungen zu speichern und auf Ihrer Website anzuzeigen.<\/p>\n\n\n\n
![\"Finale](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expanddemo-1-1.gif\")
<\/figure>\n\n\n\nSchlussfolgerung<\/strong><\/h4>\n\n\n\n
Der Zweck dieses Artikels ist es, Sie bei der Erstellung von ausklappbaren und erweiterbaren Inhalten in WordPress anzuleiten und dabei ein sauberes und einfach zu navigierendes Layout beizubehalten. Mit Ultimate Blocks k\u00f6nnen Sie dies ohne Programmierung erreichen, und zwar mit Einfachheit in Bezug auf Benutzerfreundlichkeit und Design. Es ist wichtig, die Bed\u00fcrfnisse Ihres Publikums zu verstehen, da dies Ihnen hilft, ausklappbare Inhalte dort zu implementieren, wo sie den gr\u00f6\u00dften Nutzen bringen, und sicherzustellen, dass alles reibungslos funktioniert, um ein optimales Surferlebnis zu gew\u00e4hrleisten. Denken Sie daran, dass kleine \u00c4nderungen wie diese die Art und Weise, wie Besucher mit Ihrer Website interagieren, ver\u00e4ndern k\u00f6nnen.<\/p>","protected":false},"excerpt":{"rendered":"
Have you ever scrolled through a lengthy webpage, struggling to pinpoint the exact information you need? It\u2019s frustrating, isn\u2019t it? The solution lies in collapsible and expandable content, which is a simple yet effective way to organize information. This technique lets you present detailed content while keeping your pages clean and easy to navigate. Whether […]<\/p>\n","protected":false},"author":9,"featured_media":5045,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expandcollapse850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/de\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/5018","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=5018"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/5018\/revisions"}],"predecessor-version":[{"id":5047,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/5018\/revisions\/5047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/5045"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=5018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=5018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=5018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Schritt 2: Inhalt zum Block hinzuf\u00fcgen<\/a><\/li>
- Schritt 2: Hinzuf\u00fcgen des Content Toggle Blocks<\/a><\/li>
- Schritt 1: Installieren Sie das Ultimate Blocks Plugin<\/a><\/li>