{"id":10579,"date":"2016-06-20T13:17:48","date_gmt":"2016-06-20T11:17:48","guid":{"rendered":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?p=10579"},"modified":"2020-11-13T10:58:28","modified_gmt":"2020-11-13T09:58:28","slug":"wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/","title":{"rendered":"WordPress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets"},"content":{"rendered":"

Wie kleine Bausteine gestalten Widgets in Deinem WordPress-Theme die Bereiche um Deine eigentlichen Blogbeitr\u00e4ge herum. Der Workshop zeigt, welche M\u00f6glichkeiten Widgets bieten und wie Du sie ganz einfach in Dein WordPress-Blog<\/a> einf\u00fcgst.<\/p>\n

<\/p>\n

Ein besonderer Teil in jedem WordPress-Theme sind die Widget-Bereiche. Das sind Standard-Bereiche im Layout, die in der Regel auf jeder Seite des Blogs angezeigt werden. Beispiele hierf\u00fcr sind ein oder zwei Randspalten oder K\u00e4sten unterhalb von Beitr\u00e4gen. Kurz gesagt: alles, was Du auf dem Blog neben den Beitr\u00e4gen noch findest.<\/p>\n

Innerhalb eines Widget-Bereichs kannst Du mehrere einzelne Widgets platzieren. Die sind nichts anderes als kleine Elemente mit definierbarem Inhalt. Ein Widget zeigt beispielweise die drei aktuellsten Kommentare, zuf\u00e4llig ausgew\u00e4hlte Fotos, ein einfaches Such-Formular oder einen Kalender zum Auffinden \u00e4lterer Beitr\u00e4ge. Fertige Widgets sind entweder bereits in Deinem Theme enthalten oder Du kannst sie per Plugin zus\u00e4tzlich installieren.<\/p>\n

Die Widget-Bereiche machen einen wesentlichen Teil der optischen Gestaltung des Themes aus und unterscheiden sich stark von Theme zu Theme.<\/p>\n

\"Manche
Manche Themes haben nur einen einzigen Widget-Bereich (links), andere bieten mehrere, bis hin zu einer fast un\u00fcberschaubaren Vielfalt (rechts).<\/figcaption><\/figure>\n

In den folgenden zwei Beispielen sind die Widget-Bereiche des jeweiligen Themes mit einem roten Rahmen markiert. Die Beispiele zeigen, wie unterschiedlich Widgets das Layout eines Blog-Themes bestimmen k\u00f6nnen:<\/p>\n

\"Beispiel-Theme
Beispiel-Theme mit drei gruppierten Widget-Bereichen rechts von den Blog-Beitr\u00e4gen.<\/figcaption><\/figure>\n
\"Beispiel-Theme
Beispiel-Theme mit Widget-Bereichen auf der Homepage<\/figcaption><\/figure>\n

Nach der Installation eines Themes musst Du also auch diese Widget-Bereiche nach Deinen W\u00fcnschen einrichten, sprich: Die Bereiche mit Inhalt f\u00fcllen. Der Einfachheit halber arbeiten wir im Beispiel mit einem Theme, das nur einen Widget-Bereich hat, der als Randspalte links neben den Blogbeitr\u00e4gen auftaucht.<\/p>\n

\"Beispiel
Beispiel f\u00fcr ein Widget, wie es der Besucher Deines Blogs sieht.<\/figcaption><\/figure>\n

Nach dem gleichen Prinzip bef\u00fcllst Du aber auch mehrere Widget-Bereiche: Widget ausw\u00e4hlen, per Drag-and-Drop in den entsprechenden Widget-Bereich hineinziehen und dort gegebenenfalls noch konfigurieren.<\/p>\n

\"Konfiguration
Konfiguration eines Widgets, in diesem Beispiel mit Titel (\u201eMeine Kategorien\u201c) und drei m\u00f6glichen Optionen.<\/figcaption><\/figure>\n

Widgets einem Widget-Bereiche zuordnen<\/h2>\n

Um Widgets einzurichten, gehst Du im Men\u00fc Design<\/em> auf den Unterpunkt Widgets.<\/em> Dort siehst Du in einer zweigeteilten Ansicht links verf\u00fcgbaren Widget-Typen und rechts die Bereiche, in denen Du Widgets platzieren kannst.<\/p>\n

Mit der Maus kannst Du nun per Drag-and-Drop ein Widget nach dem anderen in den Widget-Bereich ziehen und dort ablegen.<\/p>\n

\"Widget-Bereiche:
Widget-Bereiche: einfach per Drag-and-Drop zusammenstellen<\/figcaption><\/figure>\n

Ab diesem Moment ist das Widget \u2013 in unserem Beispiel eine Liste der Beitrags-Kategorien \u2013 sofort f\u00fcr Deine Blogleser sichtbar. Probiere die vorhandenen Widgets einfach aus um herauszufinden, was sie genau leisten und welche Du davon verwenden willst.<\/p>\n

\"Das
Das im Beispiel eingerichtete Kategorien-Widget taucht sofort in der Randspalte des Blog auf.<\/figcaption><\/figure>\n

So einfach, wie Du Widgets in WordPress einrichtest, kannst Du sie \u00fcbrigens auch wieder entfernen: Falls das jeweilige Widget nicht in aufgeklapptem Zustand angezeigt wird, klickst Du zun\u00e4chst auf den kleinen Pfeil rechts, dann auf L\u00f6schen<\/em>. Oder Du ziehst das Widget per Drag-and-Drop aus dem Widget-Bereich heraus und l\u00e4sst es au\u00dferhalb los.<\/p>\n

Widgets einrichten<\/h2>\n

Die meisten Widgets musst Du jetzt noch konfigurieren, beispielsweise eine \u00dcberschrift festlegen, wie im Kategorien-Widget-Beispiel. Viele Widgets haben auch Optionen, die Du mit einem H\u00e4kchen aktivieren oder deaktivieren kannst, oder bei denen Du einen bestimmten Wert eintragen musst. Bei einem Widget zum Anzeigen der aktuellsten Kommentare zum Beispiel w\u00e4re das  die Anzahl der maximal anzuzeigenden Kommentare. Mit Klick auf Speichern<\/em> schlie\u00dft Du die Konfiguration ab.<\/p>\n

Das \u201eText\u201c-Widget ist in jedem Theme vorhanden. Seine Besonderheit: Es hat keine spezielle Funktion, sondern besteht nur aus \u00dcberschrift und Textbereich. So kannst Du einen beliebigen Text in einem Widget-Bereich anzeigen lassen. Innerhalb des Textes ist auch HTML-Code erlaubt, sodass Du den Inhalt individuell formatieren kannst.<\/p>\n

\"Beispiel
Beispiel f\u00fcr ein Text-Widget: links im Widget-Editor von WordPress, rechts wie es auf Deinem Blog aussieht.<\/figcaption><\/figure>\n

Reihenfolge \u00e4ndern, Widgets verschieben oder deaktivieren<\/h2>\n

Die Reihenfolge der Widgets in einem Bereich \u00e4nderst Du einfach per Drag-and-Drop. Genau so verschiebst Du auch ein Widget von einem in einen anderen Bereich.<\/p>\n

\"Inaktive
Inaktive Widgets: Lagerplatz f\u00fcr vor\u00fcbergehend nicht benutzte Widgets<\/figcaption><\/figure>\n

Und wenn Du ein Widget einmal vor\u00fcbergehend nicht verwenden m\u00f6chtest, aber den Inhalt oder die Konfiguration nicht gleich komplett l\u00f6schen willst, verschiebst Du das Widget nach links unten in den Bereich Inaktive Widgets.<\/em> Dort kannst Du die Widgets dann jederzeit wieder reaktivieren, ohne Einstellungen und Inhalte neu erstellen zu m\u00fcssen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Wie kleine Bausteine gestalten Widgets in Deinem WordPress-Theme die Bereiche um Deine eigentlichen Blogbeitr\u00e4ge herum. Der Workshop zeigt, welche M\u00f6glichkeiten Widgets bieten und wie Du sie ganz einfach in Dein WordPress-Blog einf\u00fcgst.<\/p>\n","protected":false},"author":20,"featured_media":10596,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,490],"tags":[149,55],"acf":[],"yoast_head":"\nWordpress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets<\/title>\n<meta name=\"description\" content=\"Schritt-f\u00fcr-Schritt-Workshop: So einfach richtest Du Content-Widgets in Dein Wordpress-Blog ein.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wordpress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets\" \/>\n<meta property=\"og:description\" content=\"Schritt-f\u00fcr-Schritt-Workshop: So einfach richtest Du Content-Widgets in Dein Wordpress-Blog ein.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-20T11:17:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-13T09:58:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/05\/STRATO-Wordpress-Widgets-728x410.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/\",\"name\":\"Wordpress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2016-06-20T11:17:48+00:00\",\"dateModified\":\"2020-11-13T09:58:28+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\"},\"description\":\"Schritt-f\u00fcr-Schritt-Workshop: So einfach richtest Du Content-Widgets in Dein Wordpress-Blog ein.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"caption\":\"xxxxxxxx\"},\"description\":\"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wordpress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets","description":"Schritt-f\u00fcr-Schritt-Workshop: So einfach richtest Du Content-Widgets in Dein Wordpress-Blog ein.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Wordpress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets","og_description":"Schritt-f\u00fcr-Schritt-Workshop: So einfach richtest Du Content-Widgets in Dein Wordpress-Blog ein.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2016-06-20T11:17:48+00:00","article_modified_time":"2020-11-13T09:58:28+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/05\/STRATO-Wordpress-Widgets-728x410.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"4 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/","name":"Wordpress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2016-06-20T11:17:48+00:00","dateModified":"2020-11-13T09:58:28+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1"},"description":"Schritt-f\u00fcr-Schritt-Workshop: So einfach richtest Du Content-Widgets in Dein Wordpress-Blog ein.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-individuelle-inhalte-mit-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress f\u00fcr Einsteiger: individuelle Inhalte mit Widgets"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","caption":"xxxxxxxx"},"description":"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/10579"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=10579"}],"version-history":[{"count":6,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/10579\/revisions"}],"predecessor-version":[{"id":74915,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/10579\/revisions\/74915"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/10596"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=10579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=10579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=10579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}