{"id":367334,"date":"2023-03-04T15:37:00","date_gmt":"2023-03-04T12:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367334"},"modified":"2022-10-12T12:27:32","modified_gmt":"2022-10-12T09:27:32","slug":"so-erstellen-sie-umschalter-und-akkordeons-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erstellen-sie-umschalter-und-akkordeons-in-wordpress\/","title":{"rendered":"So erstellen Sie Umschalter und Akkordeons in WordPress"},"content":{"rendered":"\n<p>Akkordeons und Toggles sind praktische Elemente, die Ihrer Seite mehr Funktionalit\u00e4t hinzuf\u00fcgen, Ihnen erm\u00f6glichen, Inhalte besser zu strukturieren und bei der gesamten Website-Organisation helfen. <strong>Das Hinzuf\u00fcgen ist nicht besonders kompliziert, kann aber mit dem richtigen Werkzeug besonders einfach sein<\/strong>.<\/p>\n<p>Aus diesem Grund haben wir uns f\u00fcr die benutzerfreundlichen <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?campaign=TogglesAccordions&#038;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi-Addons f\u00fcr Elementor<\/a> entschieden, die eine <strong>Vielzahl von Anpassungsoptionen enthalten und unglaublich einfach zu bedienen sind<\/strong>. Dieses Plugin ist derzeit die gr\u00f6\u00dfte Sammlung von <strong>60 kostenlosen Widgets<\/strong>, mit denen Sie Ihrer Website mehr Funktionalit\u00e4t hinzuf\u00fcgen k\u00f6nnen. Au\u00dferdem gibt es eine erstaunliche Sammlung von \u00fcber <strong>40 Premium-Qi-Widgets<\/strong>. Und was auch sehr wichtig ist, ist, dass es mit allen WordPress-Themen kompatibel ist.<\/p>\n<h2>Hinzuf\u00fcgen von Akkordeons und Toggle Free Widget mit Qi Addons f\u00fcr Elementor<\/h2>\n<p>Mit den Qi-Addons k\u00f6nnen Sie <strong>den Akkordeon- und Umschaltstil vollst\u00e4ndig an das von Ihnen verwendete WordPress-Theme anpassen<\/strong>, von Schriftarten \u00fcber Farben und Rahmen bis hin zu allem dazwischen.<\/p>\n<p>Um sich inspirieren zu lassen, empfehlen wir einen Blick auf die <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/accordions-and-toggles\/?campaign=TogglesAccordions&#038;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Widgets-Seite<\/a>. Wir zeigen Ihnen, wie wir es angewendet haben.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0a5ca65.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0a5ca65.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>In diesem Abschnitt m\u00fcssen Sie nur die grundlegende Wahrnehmung der Funktionsweise von Elementor verstehen. Dies ist eigentlich eine Zeile, die zwei Spalten mit einem Bild in der linken Spalte und Akkordeons in der rechten Spalte enth\u00e4lt. <strong>Nat\u00fcrlich kann ein Akkordeon je nach Bedarf die ganze Reihe oder einen Teil der Reihe einnehmen<\/strong>.<\/p>\n<p>Bevor wir fortfahren, schauen wir uns einige grundlegende Stilmerkmale an, die dieses Addon enth\u00e4lt. Beginnen wir also beim Verhalten. <strong>Zwei Arten von Verhalten sind m\u00f6glich \u2013 Akkordeons<\/strong>, bei denen zu einem bestimmten Zeitpunkt nur ein Element ge\u00f6ffnet sein kann, und <strong>Toggles<\/strong>, bei denen mehr als ein Element gleichzeitig ge\u00f6ffnet sein kann.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0d359b6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f0d359b6.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p><strong>Der Stil kann weiter mit Rahmen definiert werden und es stehen mehrere Optionen zur Verf\u00fcgung:<\/strong><\/p>\n<ul>\n<li>Standard \u2013 keine Grenzen<\/li>\n<li>Boxed \u2013 mit R\u00e4ndern,<\/li>\n<li>Rand oben \u2013 hat nur einen Rand oben \u00fcber der \u00dcberschrift<\/li>\n<li>Grenze zwischen- hat nur die Grenze zwischen \u00dcberschrift und Beschreibung<\/li>\n<\/ul>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f10ce932.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f10ce932.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<h2>So f\u00fcgen Sie Accordons und Toggles mit Qi-Addons hinzu<\/h2>\n<p>Zu Beginn werden wir die Zeile so einstellen, dass sie in zwei Spalten aufgeteilt wird, und der linken Spalte ein Bild hinzuf\u00fcgen, nur um den Abschnitt optisch ansprechender zu gestalten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f143d6e6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f143d6e6.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Nachdem das Bild hinzugef\u00fcgt wurde, finden wir das Akkordeons- und Toggles-Widget, indem wir es in die Suchleiste eingeben oder im Men\u00fc nach unten scrollen. Wenn das Widget gefunden wurde, <strong>klicken Sie einfach darauf, halten Sie es gedr\u00fcckt und bewegen Sie es an die Stelle, an der Sie das neue Element platzieren m\u00f6chten<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f17f28ff.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f17f28ff.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Wir haben das Akkordeons- und Toggle-Widget auf der rechten Seite der Zeile hinzugef\u00fcgt, und Sie k\u00f6nnen <strong>alle damit verbundenen Einstellungen auf der linken Seite<\/strong> sehen. Die Standard-Widget-Einstellungen sind so eingestellt, dass <strong>Text und Stil automatisch mit dem von Ihnen verwendeten Thema \u00fcbereinstimmen<\/strong>. Falls Sie also keine Notwendigkeit sehen, es zu \u00e4ndern, k\u00f6nnen Sie den Vorgang einfach hier abschlie\u00dfen, das Widget sieht so aus, wie es von Natur aus geh\u00f6rt zum thema.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1aa77cc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1aa77cc.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Als n\u00e4chstes m\u00fcssen Sie <strong>Verhalten und Stil<\/strong> festlegen. Wir haben bereits die Verhaltens- und Stiloptionen erw\u00e4hnt, sodass Sie hier einstellen k\u00f6nnen, was f\u00fcr Sie am besten funktioniert. F\u00fcr die Zwecke dieses Artikels haben wir die Option Akkordeons aus dem Men\u00fc Verhalten und den Standardstil ausgew\u00e4hlt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1dc011b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f1dc011b.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Was jetzt getan werden muss, ist, <strong>Artikel hinzuzuf\u00fcgen<\/strong>. Scrollen Sie nach unten, um die <strong>Artikeloptionen<\/strong> zu finden. Sie werden zwei kleine Symbole in der oberen rechten Ecke der Registerkarte &quot;Elemente&quot; bemerken. Das erste dient zum <strong>Kopieren eines vorhandenen Elements<\/strong> und das <strong>kleine X als n\u00e4chstes zum Entfernen eines Elements<\/strong>. Unterhalb der Registerkarte Artikel befindet sich die <strong>Schaltfl\u00e4che Neu<\/strong> hinzuf\u00fcgen, die zum Hinzuf\u00fcgen neuer Artikel dient. Wenn Sie klicken, um einen neuen Artikel einzugeben, m\u00fcssen Sie <strong>zuerst eine \u00dcberschrift festlegen und dann den Text in das daf\u00fcr vorgesehene Feld unten eingeben<\/strong>. Sie werden viele Optionen bemerken, die denen \u00e4hneln, die in verschiedenen Texteditoren angeboten werden, um den Text zu gestalten und zu formatieren. Wir empfehlen Ihnen, Text und \u00dcberschrift an dieser Stelle anzuordnen, da Sie sofort eine Vorschau haben, wie es am Ende aussehen wird.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f206ce5c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f206ce5c.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Nachdem Sie den Text eingegeben haben, k\u00f6nnen Sie die <strong>Inhaltsh\u00f6he<\/strong> festlegen. Diese Option <strong>bezieht sich auf die Gr\u00f6\u00dfe des Toggle-Feldes<\/strong>. Wenn Sie es auf <strong>H\u00f6chste Artikelh\u00f6he<\/strong> einstellen, hat jeder Artikel die gleiche Gr\u00f6\u00dfe wie der gr\u00f6\u00dfte. Wenn Sie die Option <strong>Individuelle Elementh\u00f6he<\/strong> ausw\u00e4hlen, entspricht die Gr\u00f6\u00dfe jedes Elements der Gr\u00f6\u00dfe des darin enthaltenen Inhalts.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f234b68b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f234b68b.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Wenn Sie die Standardsymbole \u00e4ndern m\u00f6chten, <strong>die beim \u00d6ffnen und Schlie\u00dfen des Elements angezeigt werden, klicken Sie einfach auf das Feld \u201eSymbol \u00f6ffnen&#8220; oder \u201eSymbol schlie\u00dfen&#8220; und es werden zwei neue Optionen angezeigt<\/strong>. Einer dient zum Hinzuf\u00fcgen neuer Symbole aus der Symbolbibliothek und der andere zum Hinzuf\u00fcgen eines SVG.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f262759d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f262759d.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Jetzt k\u00f6nnen wir zu den <strong>Stileinstellungen<\/strong> wechseln. Hier nehmen Sie die Feinabstimmung des Akkordeon- und Toggle-Widget-Stils vor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f28d995d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f28d995d.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Sie k\u00f6nnen <strong>den Titelstil ausw\u00e4hlen und die Titeltypografie festlegen<\/strong>. Wie bereits erw\u00e4hnt, sind die Standardoptionen so eingestellt, dass der Stil des Widgets dem von Ihnen verwendeten Thema entspricht. Aber Sie k\u00f6nnen jederzeit <strong>alle anderen Optionen ausprobieren, indem Sie sie einfach ausw\u00e4hlen, und die \u00c4nderungen werden sofort im Widget auf der rechten Seite des Bildschirms sichtbar<\/strong>. Erkunden Sie die Optionen und finden Sie heraus, was f\u00fcr Sie am besten funktioniert.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f2cbed4b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f2cbed4b.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Die n\u00e4chsten Einstellungen beziehen sich auf die Stil\u00e4nderungen, die <strong>beim Schlie\u00dfen oder \u00d6ffnen eines Elements auftreten<\/strong>. Sie k\u00f6nnen zum Beispiel festlegen, dass der Text beim \u00d6ffnen in einer anderen Farbe angezeigt wird, oder der Hintergrund in einer anderen Farbe angezeigt wird. Es besteht auch die M\u00f6glichkeit, eine andere Auff\u00fcllung festzulegen, wenn das Element aktiv, dh ge\u00f6ffnet ist.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f30ee551.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343047-633e6f30ee551.jpg\" alt=\"So erstellen Sie Umschalter und Akkordeons in WordPress\" ><\/a><\/p>\n<p>Wenn Sie Video-Tutorials bevorzugen, werfen Sie einen Blick auf dieses, das von den Autoren von Qi erstellt wurde:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/WDgy5sFM0vc\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Abschlie\u00dfend<\/h2>\n<p>Wenn Sie sich mit dem Plugin vertrauter f\u00fchlen, werden Sie noch raffiniertere Optionen zur Feinabstimmung des Stils Ihres Akkordeon- und Toggle-Widgets erkunden. Dieses intuitive Tool ist perfekt f\u00fcr Anf\u00e4nger, da es unglaublich einfach zu bedienen ist, w\u00e4hrend fortgeschrittene Benutzer es auch genie\u00dfen werden, da es eine F\u00fclle von Anpassungsoptionen bietet.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie, wie Sie Akkordeons in WordPress mit einem kostenlosen Plugin erstellen und Ihre Inhalte auf die benutzerfreundlichste Weise organisieren!<\/p>\n","protected":false},"author":1,"featured_media":364273,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[567],"tags":[845],"class_list":["post-367334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-grundlagen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/367334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=367334"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/367334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/364273"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=367334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=367334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=367334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}