{"id":10775,"date":"2026-04-23T08:19:24","date_gmt":"2026-04-23T08:19:24","guid":{"rendered":"\/de\/tutorials\/?p=10775"},"modified":"2026-04-23T08:19:26","modified_gmt":"2026-04-23T08:19:26","slug":"wordpress-widgets","status":"publish","type":"post","link":"\/de\/tutorials\/wordpress-widgets","title":{"rendered":"Was sind WordPress-Widgets und wie verwendet man sie?"},"content":{"rendered":"<p>WordPress-Widgets sind eigenst&auml;ndige, modulare Elemente &ndash; Suchleisten, Listen der neuesten Beitr&auml;ge, Social-Media-Feeds &ndash; die Sie in Bereiche wie Sidebars, Footer und Header einf&uuml;gen k&ouml;nnen, ohne Code zu schreiben. Ihr Hauptzweck besteht darin, die Funktionalit&auml;t und das Layout von Websites zu erweitern und zu verbessern.<\/p><p>Wie Widgets funktionieren, h&auml;ngt von Ihrem Theme ab. Klassische Themes verwenden eine eigene Widget-Oberfl&auml;che, w&auml;hrend Block-Themes Widgets vollst&auml;ndig durch den Website-Editor ersetzen. WordPress enth&auml;lt mehrere integrierte Widgets, aber Sie k&ouml;nnen auch Plugins verwenden, um weitere hinzuzuf&uuml;gen.<\/p><p>Um Widgets strategisch einzusetzen, halten Sie die Widget-Bereiche fokussiert, vermeiden Sie visuelles Durcheinander, pr&uuml;fen Sie die Kompatibilit&auml;t mit Ihrem Theme und &uuml;berwachen Sie ihre Auswirkungen auf die Leistung Ihrer WordPress-Website.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-was-sind-wordpress-widgets\">Was sind WordPress-Widgets?<\/h2><p>Ein WordPress-Widget ist ein kleines, in sich geschlossenes Inhaltselement, das in widgetf&auml;higen Bereichen Ihrer Website platziert werden kann. Diese Bereiche sind Layoutabschnitte, die durch das von Ihnen gew&auml;hlte WordPress-Theme definiert werden &ndash; typischerweise in Seitenleisten und Fu&szlig;zeilen, manchmal aber auch in Kopfzeilen, ober- oder unterhalb des Inhalts oder an Positionen innerhalb von Seitenvorlagen.<\/p><p>Widgets sind von Haus aus modular aufgebaut, das hei&szlig;t, jedes l&auml;sst sich beim Bearbeiten einer WordPress-Website unabh&auml;ngig hinzuf&uuml;gen, entfernen oder wiederverwenden, <strong>ohne das &uuml;brige Layout zu beeintr&auml;chtigen<\/strong>.<\/p><p>WordPress-Widgets gibt es seit Version 2.2 aus dem Jahr 2007. Anfangs definierten Themes eigene Widget-Bereiche, die es Ihnen erm&ouml;glichten, vorgefertigte Widgets aus dem Dashboard per Drag-and-Drop zu platzieren.<\/p><p>Mit der Ver&ouml;ffentlichung von WordPress 5.8 im Jahr 2021 wurden <strong>blockbasierte Widgets<\/strong> in klassischen Themes eingef&uuml;hrt. Statt auf herk&ouml;mmliche Widgets beschr&auml;nkt zu sein, k&ouml;nnen Sie nun Bl&ouml;cke wie Bilder, Galerien, Buttons oder benutzerdefiniertes HTML in Widget-Bereichen hinzuf&uuml;gen. Dies brachte die Flexibilit&auml;t des Block-Editors in Bereiche des Website-Layouts, die zuvor sehr starr waren.<\/p><p>Bei Block-Themes wie Twenty Twenty-Five ersetzt der <strong>Website-Editor<\/strong> das klassische Widget-System. Header, Footer, Sidebars und andere Layout-Elemente werden im Website-Editor vollst&auml;ndig als <strong>WordPress-Bl&ouml;cke<\/strong> verwaltet, sodass Sie kein separates Men&uuml; mehr sehen.<\/p><p>Jedes Widget verf&uuml;gt &uuml;ber eigene Einstellungen, die pro Instanz gespeichert werden. Dadurch kann sich dasselbe Widget in verschiedenen Bereichen unterschiedlich verhalten.<\/p><p>Ein Widget f&uuml;r <strong>&bdquo;Neueste Beitr&auml;ge&ldquo;<\/strong> l&auml;sst Sie beispielsweise steuern, wie viele Beitr&auml;ge erscheinen und ob das Datum angezeigt werden soll. Ein <strong>Text-<\/strong> oder <strong>individuelles HTML-Widget<\/strong> akzeptiert eigenes Markup, was besonders n&uuml;tzlich f&uuml;r Formulare, Werbeanzeigen oder eingebettete Tools ist.<\/p><h3 class=\"wp-block-heading\">Arten und Beispiele von WordPress-Widgets<\/h3><p>WordPress-Widgets lassen sich in drei Hauptkategorien einteilen: <strong>Standard-Widgets<\/strong>, die direkt mitgeliefert werden, <strong>Widgets von Drittanbietern<\/strong>, die &uuml;ber Plugins hinzugef&uuml;gt werden, und <strong>benutzerdefinierte WordPress-Widgets<\/strong>, die speziell f&uuml;r eine Website entwickelt werden.<\/p><p>Jede Kategorie erf&uuml;llt einen anderen Zweck, doch alle sind darauf ausgelegt, die Funktionalit&auml;t der Website zu verbessern und das Besuchererlebnis zu optimieren.<\/p><h4 class=\"wp-block-heading\">Standard-Kern-Widgets<\/h4><p>Kern-Widgets decken die h&auml;ufigsten Anforderungen einer Website ab und sind in jeder WordPress-Installation verf&uuml;gbar. Zu den Kern-Widgets geh&ouml;ren:<\/p><ul class=\"wp-block-list\">\n<li><strong>Suche.<\/strong> F&uuml;gt eine Suchleiste hinzu, damit Besucher Inhalte schnell finden k&ouml;nnen.<\/li>\n\n\n\n<li><strong>Neueste Beitr&auml;ge. <\/strong>Zeigt automatisch Ihre neuesten Artikel an und hilft dabei, die Seitenleisten auf dem neuesten Stand zu halten.<\/li>\n\n\n\n<li><strong>Kategorienliste und Archiv.<\/strong> Erm&ouml;glicht es Besucherinnen und Besuchern, Inhalte nach Thema oder Ver&ouml;ffentlichungsdatum zu durchsuchen.<\/li>\n\n\n\n<li><strong>Kalender. <\/strong>Zeigt eine Monatsansicht mit Links zu Beitr&auml;gen nach Datum.<\/li>\n\n\n\n<li><strong>Benutzerdefiniertes HTML.<\/strong> Wird h&auml;ufig verwendet, um Newsletter-Anmeldeformulare, Anzeigenskripte oder Tools von Drittanbietern einzubetten.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f693770\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"643\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/WordPress-Standard-Widget.png\" alt=\"Die Standard-Widgets von WordPress\" class=\"wp-image-10767\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/WordPress-Standard-Widget.png 643w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/WordPress-Standard-Widget-188x300.png 188w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h4 class=\"wp-block-heading\">Widgets von Drittanbietern<\/h4><p>Widgets von Drittanbietern sind Widgets, die Sie durch die Installation eines Plugins hinzuf&uuml;gen, und sie sind daf&uuml;r ausgelegt, in widgetf&auml;higen Bereichen bestimmte Funktionen bereitzustellen. Diese Art von Widget verbessert die Benutzererfahrung, indem es wichtige Aktionen auf der gesamten Website leichter zug&auml;nglich macht.<\/p><p>Beispielsweise f&uuml;gen E&#8209;Commerce&#8209;Plugins Widgets f&uuml;r Produktkategorien oder Warenkorb&#8209;Vorschauen hinzu, w&auml;hrend Social&#8209;Media&#8209;Plugins Social&#8209;Media&#8209;Symbole oder Feed&#8209;Widgets bereitstellen, die Besucher zum Folgen oder zum Teilen von Inhalten animieren. Zugleich f&uuml;gen Formular-Plugins Widgets hinzu, die Kontakt- oder Anmeldeformulare direkt in Seitenleisten oder Fu&szlig;zeilen einbetten.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f6953b6\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"562\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/zusatzliches-WordPress-Widget-von-WooCommerce.png\" alt=\"Zus&auml;tzliche Widgets des WooCommerce-Plugins\" class=\"wp-image-10768\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/zusatzliches-WordPress-Widget-von-WooCommerce.png 562w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/zusatzliches-WordPress-Widget-von-WooCommerce-165x300.png 165w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h4 class=\"wp-block-heading\">Benutzerdefinierte WordPress-Widgets<\/h4><p>Individuelle WordPress-Widgets werden von Entwicklern mit Code erstellt und auf sehr spezifische Anforderungen einer Website zugeschnitten. Sie werden h&auml;ufig eingesetzt, wenn Standard-Widgets oder -Plugins die erforderliche Funktionalit&auml;t nicht bieten.<\/p><p>Dazu z&auml;hlen Widgets, die &Ouml;ffnungszeiten, standortspezifische Kontaktdaten, Mitarbeiterverzeichnisse oder dynamische Werbeinhalte anzeigen.<\/p><p>Auch wenn benutzerdefinierte Widgets Entwicklungsaufwand erfordern, bieten sie vollst&auml;ndige Kontrolle &uuml;ber Layout, Verhalten und Leistung und sind damit ideal f&uuml;r Unternehmen mit einzigartigen Anforderungen.<\/p><h3 class=\"wp-block-heading\">Unterschiede zwischen WordPress-Widgets und -Plugins<\/h3><p>Ein WordPress&#8209;Plugin <strong>f&uuml;gt auf Website-Ebene Funktionalit&auml;t hinzu <\/strong>o<strong>der ver&auml;ndert sie<\/strong>. Ein Widget ist hingegen eine <strong>modulare Komponente der Benutzeroberfl&auml;che<\/strong>, die ein bestimmtes Inhaltselement oder eine Funktionalit&auml;t in einem fest definierten Bereich Ihres Layouts, etwa in der Seitenleiste, der Fu&szlig;zeile oder dem Kopfbereich, anzeigt.<\/p><p>Plugins k&ouml;nnen v&ouml;llig neue Systeme einf&uuml;hren, etwa SEO-Tools, E-Commerce-Plattformen, Sicherheitsfunktionen oder benutzerdefinierte Inhaltstypen, und ihre Auswirkungen erstrecken sich auf Ihre gesamte Website.<\/p><p>Um beispielsweise mit dem Verkauf von Produkten auf Ihrer Seite zu beginnen, w&uuml;rden Sie ein <strong>E-Commerce-Plugin<\/strong> installieren.<\/p><p>Widgets hingegen greifen auf bereits vorhandene WordPress-Funktionen oder durch Plugins bereitgestellte Features zur&uuml;ck. Nutzen Sie ein Widget also dann, wenn die gew&uuml;nschte Funktion bereits existiert und Sie diese lediglich an einer bestimmten Stelle anzeigen m&ouml;chten. Um beispielsweise Ihre aktuellsten Beitr&auml;ge in einer Sidebar zu pr&auml;sentieren, verwenden Sie das Widget f&uuml;r <strong>&bdquo;Neueste Beitr&auml;ge&ldquo;<\/strong>.<\/p><p>In den meisten F&auml;llen ben&ouml;tigt eine WordPress-Website sowohl Plugins als auch Widgets.<\/p><h2 class=\"wp-block-heading\" id=\"h-so-fuegen-sie-wordpress-widgets-hinzu\">So f&uuml;gen Sie WordPress-Widgets hinzu<\/h2><p>WordPress-Widgets k&ouml;nnen nur in <strong>Widget-Bereichen<\/strong> platziert werden, also den von Ihrem Theme definierten Layoutbereichen wie Seitenleisten, Fu&szlig;zeilen oder anderen daf&uuml;r vorgesehenen Containern. Diese Bereiche dienen als Ablagefl&auml;chen, auf denen Widgets hinzugef&uuml;gt, angeordnet und individuell konfiguriert werden k&ouml;nnen.<\/p><p>Wie Sie WordPress-Widgets hinzuf&uuml;gen, h&auml;ngt von Ihrem gew&auml;hlten WordPress-Theme ab. Klassische Themes verwenden im WordPress-Dashboard einen eigenen <strong>Widgets<\/strong> -Bereich, w&auml;hrend Block-Themes Layout-Elemente &uuml;ber den <strong>Website-Editor<\/strong> verwalten.<\/p><p>Da die Systeme unterschiedlich arbeiten, variieren die Schritte zum Hinzuf&uuml;gen von Widgets entsprechend.<\/p><h3 class=\"wp-block-heading\">So f&uuml;gen Sie Widgets in Block-Themes hinzu<\/h3><p>Wenn Sie ein Block-Theme verwenden, folgen Sie diesen Schritten, um eines der vorinstallierten Widgets zu Ihrer WordPress-Website hinzuzuf&uuml;gen:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie im WordPress-Dashboard zu <strong>Design<\/strong> &rarr; <strong>Editor<\/strong>.<\/li>\n\n\n\n<li>W&auml;hlen Sie im Men&uuml; <strong>Seiten<\/strong> die Seite aus, die Sie bearbeiten m&ouml;chten.<\/li>\n\n\n\n<li>Bewegen Sie den Mauszeiger &uuml;ber die Stelle, an der Sie ein Widget hinzuf&uuml;gen m&ouml;chten, bis das Plus-Symbol (<strong>+<\/strong>) erscheint.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f69721c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"581\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/block-hinzufugen-button-im-wordpress-website-editor.png\" alt=\"Die Schaltfl&auml;che &bdquo;Block hinzuf&uuml;gen&ldquo; im WordPress-Website-Editor\" class=\"wp-image-10769\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/block-hinzufugen-button-im-wordpress-website-editor.png 1024w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/block-hinzufugen-button-im-wordpress-website-editor-300x170.png 300w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/block-hinzufugen-button-im-wordpress-website-editor-768x436.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Klicken Sie auf die Schaltfl&auml;che <strong>&bdquo;+&ldquo;<\/strong>, um die Blockliste zu &ouml;ffnen. Sie k&ouml;nnen <strong><strong>Alle durchsuchen<\/strong><\/strong> ausw&auml;hlen, um das vollst&auml;ndige Block-Panel zu &ouml;ffnen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f698f85\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"581\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/vollstandig-geoffnetes-Block-Panel-im-WordPress-Website-Editor.png\" alt=\"Der Abschnitt &bdquo;Widgets&ldquo; im Panel &bdquo;Alle WordPress&#8209;Bl&ouml;cke&ldquo;\" class=\"wp-image-10770\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/vollstandig-geoffnetes-Block-Panel-im-WordPress-Website-Editor.png 1024w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/vollstandig-geoffnetes-Block-Panel-im-WordPress-Website-Editor-300x170.png 300w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/vollstandig-geoffnetes-Block-Panel-im-WordPress-Website-Editor-768x436.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>W&auml;hlen Sie Ihr Widget aus, und Sie sehen, wie es im Seitenvorschau-Bereich aussieht.<\/li>\n\n\n\n<li>Passen Sie das Widget &uuml;ber den Einstellungsbereich an, der erscheint, wenn Sie auf das Widget klicken.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f69aaa8\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"205\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/wordpress-block-einstellungen-panel-geoffnet.png\" alt=\"Das Bedienfeld f&uuml;r Blockeinstellungen im Website-Editor von WordPress\" class=\"wp-image-10771\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/wordpress-block-einstellungen-panel-geoffnet.png 1024w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/wordpress-block-einstellungen-panel-geoffnet-300x60.png 300w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/wordpress-block-einstellungen-panel-geoffnet-768x154.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"7\" class=\"wp-block-list\">\n<li>Wenn Sie mit der Anpassung fertig sind, klicken Sie auf <strong>Speichern<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f69c529\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"581\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Speichern-Schaltflache-im-Website-Editor-von-WordPress.png\" alt=\"Schaltfl&auml;che &bdquo;Speichern&ldquo; im WordPress-Website-Editor\" class=\"wp-image-10772\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Speichern-Schaltflache-im-Website-Editor-von-WordPress.png 1024w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Speichern-Schaltflache-im-Website-Editor-von-WordPress-300x170.png 300w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Speichern-Schaltflache-im-Website-Editor-von-WordPress-768x436.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\">So f&uuml;gen Sie Widgets in klassischen Themes hinzu<\/h3><p>Klassische Themes verwenden weiterhin ein eigenes Widget-System. Widgets werden &uuml;ber das WordPress-Dashboard hinzugef&uuml;gt und verwaltet, und Sie k&ouml;nnen sie <strong>nur in widgetf&auml;higen Bereichen hinzuf&uuml;gen<\/strong>, die von Ihrem Theme definiert sind.<\/p><p>So f&uuml;gen Sie in einem klassischen WordPress-Theme ein Widget hinzu:<\/p><ol class=\"wp-block-list\">\n<li>Navigieren Sie auf Ihrem WordPress-Dashboard zu <strong>Design<\/strong> &rarr; <strong>Widgets<\/strong>.<\/li>\n\n\n\n<li>Im Vorschaufenster sehen Sie den verf&uuml;gbaren Widget-Bereich Ihres Themes. Klicken Sie auf die Schaltfl&auml;che <strong>+<\/strong>, um ein Widget hinzuzuf&uuml;gen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f69e3c7\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"625\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/widget-menu-im-wordpress-classic-editor.png\" alt=\"Der Widgets-Bereich in einem klassischen WordPress-Theme\" class=\"wp-image-10773\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/widget-menu-im-wordpress-classic-editor.png 1024w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/widget-menu-im-wordpress-classic-editor-300x183.png 300w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/widget-menu-im-wordpress-classic-editor-768x469.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>W&auml;hlen Sie das gew&uuml;nschte Widget aus und passen Sie es bei Bedarf an.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69ea59f6a0504\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"626\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Ausgewahltes-Widget-im-klassischen-WordPress-Theme.png\" alt=\"Ein ausgew&auml;hltes WordPress-Widget im Customizer eines klassischen Themes\" class=\"wp-image-10774\" srcset=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Ausgewahltes-Widget-im-klassischen-WordPress-Theme.png 1024w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Ausgewahltes-Widget-im-klassischen-WordPress-Theme-300x183.png 300w, https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2026\/04\/Ausgewahltes-Widget-im-klassischen-WordPress-Theme-768x470.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Vergr&ouml;&szlig;ern\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Klicken Sie zum Abschluss auf <strong>Aktualisieren<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading\">So f&uuml;gen Sie Widgets mithilfe eines Plugins hinzu<\/h3><p>Einige WordPress-Plugins erweitern das Standard-Widget-System, indem sie neue Widgets hinzuf&uuml;gen oder mehr Kontrolle &uuml;ber bestehende Widgets bieten, etwa durch Sichtbarkeitsregeln oder Anzeigeeinstellungen.<\/p><p>Wenn Sie ein <strong>klassisches Theme<\/strong> verwenden, k&ouml;nnen Theme-Companion-Plugins wie Widget Options, RaraTheme Companion oder Custom Sidebars den Funktionsumfang von WordPress-Widgets auf Ihrer Website erweitern.<\/p><p>In Block-Themes, in denen Layouts vollst&auml;ndig mit Bl&ouml;cken im Site Editor erstellt werden, k&ouml;nnen widgetbasierte Funktionen eingeschr&auml;nkt oder nicht verf&uuml;gbar sein. In diesen F&auml;llen ist es besser, Block-Plugins wie Spectra, Kadence Blocks oder Stackable zu verwenden, um die Funktionalit&auml;t zu erweitern.<\/p><p>Sobald Sie Ihre bevorzugte Option gefunden haben, installieren Sie das Plugin. Anschlie&szlig;end k&ouml;nnen Sie die zus&auml;tzlichen Widgets mit denselben Schritten hinzuf&uuml;gen und konfigurieren, die in den vorherigen Abschnitten behandelt wurden.<\/p><h2 class=\"wp-block-heading\" id=\"h-bewaehrte-methoden-fuer-die-nutzung-von-wordpress-widgets\">Bew&auml;hrte Methoden f&uuml;r die Nutzung von WordPress-Widgets<\/h2><p>Widgets k&ouml;nnen Ihre Website verbessern, wenn sie gezielt eingesetzt werden. Wenn sie &uuml;berm&auml;&szlig;ig eingesetzt oder schlecht konfiguriert werden, k&ouml;nnen sie Ihr Layout &uuml;berladen und die Leistung Ihrer WordPress-Website negativ beeinflussen.<\/p><p>Die folgenden Tipps helfen Ihnen, Widgets strategisch einzusetzen und h&auml;ufige Fallstricke zu vermeiden.<\/p><h3 class=\"wp-block-heading\">Priorisieren Sie Relevanz und Minimalismus<\/h3><p>Jedes Widget sollte f&uuml;r den Besucher einen klaren Zweck erf&uuml;llen. Wenn es die Navigation nicht verbessert, wichtige Inhalte nicht hervorhebt oder Conversions nicht unterst&uuml;tzt, geh&ouml;rt es dort wahrscheinlich nicht hin.<\/p><p>Beispielsweise bietet eine Seitenleiste mit einer <strong>Suchleiste<\/strong>, einem kurzen <strong>&Uuml;ber-uns-Text<\/strong> und einer <strong>Kategorienliste<\/strong> eine hilfreiche Navigation. Ein blo&szlig;es Aneinanderreihen dieser Elemente wirkt jedoch schnell &uuml;berladen und die meisten Besucher werden nicht alles durchscrollen.<\/p><p>Am besten w&auml;hlen Sie einen minimalistischen Ansatz:<\/p><ul class=\"wp-block-list\">\n<li>Konzentrieren Sie sich auf den Nutzen, nicht auf die Dekoration.<\/li>\n\n\n\n<li>Begrenzen Sie Widgets auf drei bis f&uuml;nf pro Bereich.<\/li>\n\n\n\n<li>Halten Sie die visuelle Konsistenz bei Abst&auml;nden, Ausrichtung und Typografie ein, damit Widgets nicht wie losgel&ouml;ste Add-ons wirken.<\/li>\n<\/ul><p>Gut platzierte Widgets sollten Ihre Inhalte unterst&uuml;tzen und nicht mit ihnen konkurrieren.<\/p><h3 class=\"wp-block-heading\">Ber&uuml;cksichtigen Sie die Leistungsauswirkungen<\/h3><p>Jedes Widget f&uuml;gt Markup, Skripte oder externe Anfragen hinzu. Widgets, die Social-Media-Feeds, eingebettete Karten oder Anzeigenskripte von Drittanbietern laden, verursachen bei jedem Laden einer Seite zus&auml;tzliche Serveranfragen. Dies wirkt sich direkt auf die Leistung von WordPress-Websites aus, insbesondere auf Mobilger&auml;ten.<\/p><p>Um zu erkennen, welche Elemente die Ladezeit erh&ouml;hen, testen Sie die Geschwindigkeit Ihrer Website mit Tools wie Google PageSpeed Insights oder GTmetrix vor und nach dem Hinzuf&uuml;gen von Widgets.<\/p><p>Widgets, die externe Ressourcen laden, geh&ouml;ren zu den ersten Bereichen, die bei schlechter Website-Performance gepr&uuml;ft werden sollten, da sie zu den h&auml;ufigsten Gr&uuml;nden z&auml;hlen, warum Ihre WordPress-Website langsam ist.<\/p><p>Bedenken Sie, dass einige Widgets, wie etwa <strong>&Auml;hnliche Produkte<\/strong>, dynamische Inhalte anzeigen, die eventuell Cache-Ausschl&uuml;sse erfordern, um korrekt zu funktionieren. Eine fehlerhafte Caching-Konfiguration kann entweder die Funktionalit&auml;t beeintr&auml;chtigen oder Ihre Website verlangsamen.<\/p><h3 class=\"wp-block-heading\">Pr&uuml;fen Sie die Kompatibilit&auml;t vor der Ver&ouml;ffentlichung<\/h3><p>Nicht jedes Widget funktioniert nahtlos mit jedem Theme oder in jedem Widget-Bereich.<\/p><p>Zum Beispiel k&ouml;nnen Widgets, die f&uuml;r breite Fu&szlig;zeilenbereiche entwickelt wurden, in schmalen Seitenleisten unpassend wirken, und Widgets von Drittanbietern k&ouml;nnen mit dem CSS oder JavaScript Ihres Themes in Konflikt geraten.<\/p><p>Nutzen Sie f&uuml;r eine Vorschau Ihrer Widgets stets den Customizer, den Website-Editor oder eine <strong><a href=\"\/de\/tutorials\/wordpress-staging-site-erstellen\">Staging-Umgebung<\/a><\/strong>, bevor Sie &Auml;nderungen ver&ouml;ffentlichen. So k&ouml;nnen Sie Layout-Probleme, Design-Konflikte oder unerwartetes Verhalten erkennen, bevor diese Ihre Live-Website beeintr&auml;chtigen.<\/p><h3 class=\"wp-block-heading\">Denken Sie &bdquo;Mobile First&rdquo;<\/h3><p>Viele Themes verschieben Sidebar&#8209;Widgets auf kleineren Bildschirmen unterhalb des Hauptinhalts. Das bedeutet, dass Nutzer von Smartphones oder Tablets m&ouml;glicherweise den gesamten Artikel scrollen m&uuml;ssen, bevor sie Inhalte der Seitenleiste sehen.<\/p><p>Fragen Sie sich:<\/p><ul class=\"wp-block-list\">\n<li>Soll dieses Widget auf Mobilger&auml;ten angezeigt werden?<\/li>\n\n\n\n<li>Ist es immer noch n&uuml;tzlich, wenn es unterhalb des Inhalts platziert wird?<\/li>\n<\/ul><p>Verwenden Sie bei Bedarf die Sichtbarkeitseinstellungen, um bestimmte Widgets auf bestimmten Ger&auml;ten auszublenden.<\/p><h2 class=\"wp-block-heading\" id=\"h-haeufige-fehler-bei-der-verwendung-von-wordpress-widgets-die-es-zu-vermeiden-gilt\">H&auml;ufige Fehler bei der Verwendung von WordPress-Widgets, die es zu vermeiden gilt<\/h2><p>Achten Sie auf diese h&auml;ufigen Fehler, damit Ihre Widgets Ihre Website verbessern und ihr nicht schaden:<\/p><ul class=\"wp-block-list\">\n<li><strong>&Uuml;berladene Widget-Bereiche.<\/strong> Zu viele Widgets verursachen optische Unruhe und verlangsamen die Ladezeiten.<\/li>\n\n\n\n<li><strong>Schlechte Sortierung.<\/strong> Platzieren Sie die wichtigsten Widgets ganz oben. Nutzer scrollen selten bis zum Ende einer Sidebar.<\/li>\n\n\n\n<li><strong>Vernachl&auml;ssigung der mobilen Darstellung.<\/strong> Testen Sie Widgets immer auf Smartphones und Tablets, nicht nur auf Desktop-Bildschirmen.<\/li>\n\n\n\n<li><strong>Nutzung veralteter Plugins.<\/strong> Pr&uuml;fen Sie das Datum der letzten Aktualisierung und die Anzahl der aktiven Installationen, bevor Sie ein Widget-Plugin installieren.<\/li>\n\n\n\n<li><strong>Fehlende Performance-Checks.<\/strong> Analysieren Sie stets, wie sich neue Widgets auf die Leistung Ihrer WordPress-Website auswirken.<\/li>\n\n\n\n<li><strong>Falsch konfiguriertes Caching.<\/strong> Stellen Sie sicher, dass dynamische Widgets bei Bedarf ordnungsgem&auml;&szlig; vom Cache ausgeschlossen werden<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-naechster-schritt-ein-benutzerdefiniertes-wordpress-widget-erstellen\">N&auml;chster Schritt: Ein benutzerdefiniertes WordPress-Widget erstellen<\/h2><p>Standard-Widgets und Plugin-gest&uuml;tzte Widgets decken die meisten g&auml;ngigen Anforderungen ab. Doch wenn Sie etwas ben&ouml;tigen, das genauer auf Ihre Website zugeschnitten ist, erm&ouml;glicht Ihnen das Erstellen eines benutzerdefinierten Widgets, genau die Funktionalit&auml;t hinzuzuf&uuml;gen, die Sie ben&ouml;tigen.<\/p><p>Sie m&ouml;chten beispielsweise &Ouml;ffnungszeiten, eine dynamische Liste auf Grundlage benutzerdefinierter Beitragstypen oder eine wiederverwendbare, auf Ihre Marke zugeschnittene Call-to-Action anzeigen. Mit einem benutzerdefinierten Widget haben Sie die volle Kontrolle &uuml;ber Ausgabe, Layout und Verhalten.<\/p><p>Das Erstellen eines benutzerdefinierten Widgets erfordert praktische Kenntnisse in PHP, da WordPress darauf basiert. Sie m&uuml;ssen au&szlig;erdem verstehen, wie die<strong> WP_Widget<\/strong> -Klasse funktioniert, sowie grundlegendes HTML und CSS, um die Ausgabe des Widgets zu strukturieren und zu gestalten.<\/p><p>Wenn Sie wissen, wie Themes und Plugins in WordPress zusammenwirken, verl&auml;uft der Prozess reibungsloser, aber Sie m&uuml;ssen kein fortgeschrittener Entwickler sein, um loszulegen.<\/p><p>Wenn Sie daran interessiert sind, selbst eines zu erstellen, folgen Sie unserer Schritt-f&uuml;r-Schritt-Anleitung zum Erstellen eines benutzerdefinierten Widgets in WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/de\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-4104\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress-Widgets sind eigenst&auml;ndige, modulare Elemente &ndash; Suchleisten, Listen der neuesten Beitr&auml;ge, Social-Media-Feeds &ndash; die Sie in Bereiche wie Sidebars, Footer und Header einf&uuml;gen k&ouml;nnen, ohne Code zu schreiben. Ihr Hauptzweck besteht darin, die Funktionalit&auml;t und das Layout von Websites zu erweitern und zu verbessern. Wie Widgets funktionieren, h&auml;ngt von Ihrem Theme ab. Klassische Themes verwenden [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/wordpress-widgets\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":392,"featured_media":10766,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"WordPress-Widgets verstehen und richtig einsetzen","rank_math_description":"WordPress-Widgets helfen, Inhalte flexibel zu platzieren. Erfahren Sie, wie Sie Widgets effektiv einsetzen.","rank_math_focus_keyword":"WordPress Widgets","footnotes":""},"categories":[1,20],"tags":[],"class_list":["post-10775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-erstellung","category-wordpress"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/10775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/392"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=10775"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/10775\/revisions"}],"predecessor-version":[{"id":11113,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/10775\/revisions\/11113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/10766"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=10775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=10775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=10775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}