{"id":706,"date":"2013-12-03T09:56:09","date_gmt":"2013-12-03T09:56:09","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/blogschulung\/?p=706"},"modified":"2018-07-31T10:01:04","modified_gmt":"2018-07-31T10:01:04","slug":"widgets-einrichten","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/blogschulung\/2013\/12\/03\/widgets-einrichten\/","title":{"rendered":"Design: Widgets einrichten"},"content":{"rendered":"<p><a href=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/sidebar-e1471527411570.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-710 \" style=\"border: 1px solid black\" title=\"Die Sidebar\" src=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/sidebar-e1471527411570.jpg\" alt=\"\" width=\"319\" height=\"198\" srcset=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/sidebar-e1471527411570.jpg 759w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/sidebar-e1471527411570-300x187.jpg 300w\" sizes=\"auto, (max-width: 319px) 85vw, 319px\" \/><\/a>Die Navigation in Ihrem Blog erfolgt \u00fcber unterschiedliche Navigationselemente. Neben der horizontalen Navigation, die grds. die Seitenstruktur Ihres Blogs darstellt, kann \u00fcber die sogenannte &#8222;Sidebar&#8220; ein stark individualisierter Navigationsbereich erstellt werden. Die Men\u00fcelemente der Sidebar k\u00f6nnen ein- und ausgeblendet oder in der Reihenfolge ver\u00e4ndert werden. Die Gestaltung der Sidebar erfolgt \u00fcber sogenannte &#8222;<strong>Widgets<\/strong>&#8222;. Widgets sind vordefinierte Layoutelemente, die es Ihnen erlauben per Drag&amp;Drop den Navigationsbereich Ihres Blogs anzupassen. Typische Widgets sind &#8222;<strong>Kategorien<\/strong>&#8222;, &#8222;Archiv&#8220;, &#8222;<strong>Kalender<\/strong>&#8220; oder &#8222;<strong>Suche<\/strong>&#8222;.<\/p>\n<p><strong>Hinweis<\/strong>: Sofern Sie ein anderes Theme als das FU Standard Theme im Corporate Design verwenden, kann die Sidebar alternativ links oder rechts vom Hauptinhalt Ihres Blogs erscheinen.<\/p>\n<p>Um die Navigationselemente Ihrer Sidebar anzupassen w\u00e4hlen Sie: &#8222;<strong>Design &#8211; Widgets<\/strong>&#8220;<\/p>\n<p><a href=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1748 size-full\" src=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget1.jpg\" alt=\"\" width=\"125\" height=\"163\" \/><\/a><\/p>\n<p>Im Widgetbereich w\u00e4hlen Sie Ihr gew\u00fcnschtes Widget mit der Maus aus und ziehen das Element (z.B. &#8222;<strong>Suchen<\/strong>&#8222;) bei gedr\u00fcckter Maustaste (Drag&amp;Drop) in den Bereich Sidebar. Sie k\u00f6nnen das Widgets an einer beliebigen Stelle ablegen und somit die Reihenfolge der Navigationselemente in der Sidebar festlegen.\u00a0Sofern Sie die Reihenfolge nachtr\u00e4glich ver\u00e4ndern m\u00f6chten, w\u00e4hlen Sie bei gedr\u00fcckter Maustaste das entsprechende Element in der Sidebar aus und verschieben es an die gew\u00fcnschte Position.<\/p>\n<p><a href=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1750 \" src=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2.jpg\" alt=\"\" width=\"412\" height=\"375\" srcset=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2.jpg 1111w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-300x273.jpg 300w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-768x700.jpg 768w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-1024x933.jpg 1024w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-250x228.jpg 250w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-550x501.jpg 550w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-800x729.jpg 800w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-198x180.jpg 198w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-329x300.jpg 329w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/widget-2-549x500.jpg 549w\" sizes=\"auto, (max-width: 412px) 85vw, 412px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/schlagworte.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-714\" style=\"border: 1px solid black\" title=\"Schlagworte\" src=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/schlagworte.jpg\" alt=\"\" width=\"106\" height=\"244\" srcset=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/schlagworte.jpg 177w, https:\/\/blogs.fu-berlin.de\/blogschulung\/files\/2013\/12\/schlagworte-130x300.jpg 130w\" sizes=\"auto, (max-width: 106px) 85vw, 106px\" \/><\/a><\/p>\n<p><strong>Tipp<\/strong>: Ein interessantes Widget ist das Widget &#8222;<strong>Schlagw\u00f6rter Wolke<\/strong>&#8222;.<\/p>\n<p>Sofern Sie dieses Element in Ihrer Sidebar-Navigation positionieren, wird zuk\u00fcnftig eine &#8222;Begriffswolke&#8220; in der Navigation angezeigt, die alle verwendeten Schlagw\u00f6rter sammelt und solche Schlagworte gro\u00df darstellt, die h\u00e4ufig verwendet werden. Weniger h\u00e4ufig verwendete Schlagw\u00f6rter werden kleiner angezeigt.<\/p>\n<p>Leserinnen und Leser erhalten so &#8211; auch visuell &#8211; einen schnellen \u00dcberblick \u00fcber die Themen Ihres Blogs und k\u00f6nnen mit einem Klick auf ein Schlagwort gezielt Themen ausw\u00e4hlen. Neben der Navigation \u00fcber das Kategorien-Widget ist das Element Schlagw\u00f6rter-Wolke ein geeignetes Designelement, Ihren Leserinnen und Lesern einen strukturierten Zugriff auf die Inhalte und Themenschwerpunkte in Ihrem Blog zu erm\u00f6glichen.<br \/>\nNutzen Sie diese M\u00f6glichkeit.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#595959\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fblogs.fu-berlin.de%2Fblogschulung%2F2013%2F12%2F03%2Fwidgets-einrichten%2F&text=Design%3A%20Widgets%20einrichten\" title=\"Bei X teilen\" aria-label=\"Bei X teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fblogs.fu-berlin.de%2Fblogschulung%2F2013%2F12%2F03%2Fwidgets-einrichten%2F\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button whatsapp shariff-nocustomcolor\" style=\"background-color:#5cbe4a\"><a href=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fblogs.fu-berlin.de%2Fblogschulung%2F2013%2F12%2F03%2Fwidgets-einrichten%2F%20Design%3A%20Widgets%20einrichten\" title=\"Bei Whatsapp teilen\" aria-label=\"Bei Whatsapp teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#34af23; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#34af23\" d=\"M17.6 17.4q0.2 0 1.7 0.8t1.6 0.9q0 0.1 0 0.3 0 0.6-0.3 1.4-0.3 0.7-1.3 1.2t-1.8 0.5q-1 0-3.4-1.1-1.7-0.8-3-2.1t-2.6-3.3q-1.3-1.9-1.3-3.5v-0.1q0.1-1.6 1.3-2.8 0.4-0.4 0.9-0.4 0.1 0 0.3 0t0.3 0q0.3 0 0.5 0.1t0.3 0.5q0.1 0.4 0.6 1.6t0.4 1.3q0 0.4-0.6 1t-0.6 0.8q0 0.1 0.1 0.3 0.6 1.3 1.8 2.4 1 0.9 2.7 1.8 0.2 0.1 0.4 0.1 0.3 0 1-0.9t0.9-0.9zM14 26.9q2.3 0 4.3-0.9t3.6-2.4 2.4-3.6 0.9-4.3-0.9-4.3-2.4-3.6-3.6-2.4-4.3-0.9-4.3 0.9-3.6 2.4-2.4 3.6-0.9 4.3q0 3.6 2.1 6.6l-1.4 4.2 4.3-1.4q2.8 1.9 6.2 1.9zM14 2.2q2.7 0 5.2 1.1t4.3 2.9 2.9 4.3 1.1 5.2-1.1 5.2-2.9 4.3-4.3 2.9-5.2 1.1q-3.5 0-6.5-1.7l-7.4 2.4 2.4-7.2q-1.9-3.2-1.9-6.9 0-2.7 1.1-5.2t2.9-4.3 4.3-2.9 5.2-1.1z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button threema shariff-nocustomcolor shariff-mobile\" style=\"background-color:#4fbc24\"><a href=\"threema:\/\/compose?text=Design%3A%20Widgets%20einrichten%20https%3A%2F%2Fblogs.fu-berlin.de%2Fblogschulung%2F2013%2F12%2F03%2Fwidgets-einrichten%2F\" title=\"Bei Threema teilen\" aria-label=\"Bei Threema teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#1f1f1f; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#1f1f1f\" d=\"M30.8 10.9c-0.3-1.4-0.9-2.6-1.8-3.8-2-2.6-5.5-4.5-9.4-5.2-1.3-0.2-1.9-0.3-3.5-0.3s-2.2 0-3.5 0.3c-4 0.7-7.4 2.6-9.4 5.2-0.9 1.2-1.5 2.4-1.8 3.8-0.1 0.5-0.2 1.2-0.2 1.6 0 0.4 0.1 1.1 0.2 1.6 0.4 1.9 1.3 3.4 2.9 5 0.8 0.8 0.8 0.8 0.7 1.3 0 0.6-0.5 1.6-1.7 3.6-0.3 0.5-0.5 0.9-0.5 0.9 0 0.1 0.1 0.1 0.5 0 0.8-0.2 2.3-0.6 5.6-1.6 1.1-0.3 1.3-0.4 2.3-0.4 0.8 0 1.1 0 2.3 0.2 1.5 0.2 3.5 0.2 4.9 0 5.1-0.6 9.3-2.9 11.4-6.3 0.5-0.9 0.9-1.8 1.1-2.8 0.1-0.5 0.2-1.1 0.2-1.6 0-0.7-0.1-1.1-0.2-1.6-0.3-1.4 0.1 0.5 0 0zM20.6 17.3c0 0.4-0.4 0.8-0.8 0.8h-7.7c-0.4 0-0.8-0.4-0.8-0.8v-4.6c0-0.4 0.4-0.8 0.8-0.8h0.2l0-1.6c0-0.9 0-1.8 0.1-2 0.1-0.6 0.6-1.2 1.1-1.7s1.1-0.7 1.9-0.8c1.8-0.3 3.7 0.7 4.2 2.2 0.1 0.3 0.1 0.7 0.1 2.1v0 1.7h0.1c0.4 0 0.8 0.4 0.8 0.8v4.6zM15.6 7.3c-0.5 0.1-0.8 0.3-1.2 0.6s-0.6 0.8-0.7 1.3c0 0.2 0 0.8 0 1.5l0 1.2h4.6v-1.3c0-1 0-1.4-0.1-1.6-0.3-1.1-1.5-1.9-2.6-1.7zM25.8 28.2c0 1.2-1 2.2-2.1 2.2s-2.1-1-2.1-2.1c0-1.2 1-2.1 2.2-2.1s2.2 1 2.2 2.2zM18.1 28.2c0 1.2-1 2.2-2.1 2.2s-2.1-1-2.1-2.1c0-1.2 1-2.1 2.2-2.1s2.2 1 2.2 2.2zM10.4 28.2c0 1.2-1 2.2-2.1 2.2s-2.1-1-2.1-2.1c0-1.2 1-2.1 2.2-2.1s2.2 1 2.2 2.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button printer shariff-nocustomcolor\" style=\"background-color:#a8a8a8\"><a href=\"javascript:window.print()\" title=\"drucken\" aria-label=\"drucken\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#999; color:#fff\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 30 32\"><path fill=\"#999\" d=\"M6.8 27.4h16v-4.6h-16v4.6zM6.8 16h16v-6.8h-2.8q-0.7 0-1.2-0.5t-0.5-1.2v-2.8h-11.4v11.4zM27.4 17.2q0-0.5-0.3-0.8t-0.8-0.4-0.8 0.4-0.3 0.8 0.3 0.8 0.8 0.3 0.8-0.3 0.3-0.8zM29.7 17.2v7.4q0 0.2-0.2 0.4t-0.4 0.2h-4v2.8q0 0.7-0.5 1.2t-1.2 0.5h-17.2q-0.7 0-1.2-0.5t-0.5-1.2v-2.8h-4q-0.2 0-0.4-0.2t-0.2-0.4v-7.4q0-1.4 1-2.4t2.4-1h1.2v-9.7q0-0.7 0.5-1.2t1.2-0.5h12q0.7 0 1.6 0.4t1.3 0.8l2.7 2.7q0.5 0.5 0.9 1.4t0.4 1.6v4.6h1.1q1.4 0 2.4 1t1 2.4z\"\/><\/svg><\/span><span class=\"shariff-text\">drucken<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button info shariff-nocustomcolor\" style=\"background-color:#eee\"><a href=\"http:\/\/ct.de\/-2467514\" title=\"Weitere Informationen\" aria-label=\"Weitere Informationen\" role=\"button\" rel=\"noopener \" class=\"shariff-link\" style=\"; background-color:#fff; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 11 32\"><path fill=\"#999\" d=\"M11.4 24v2.3q0 0.5-0.3 0.8t-0.8 0.4h-9.1q-0.5 0-0.8-0.4t-0.4-0.8v-2.3q0-0.5 0.4-0.8t0.8-0.4h1.1v-6.8h-1.1q-0.5 0-0.8-0.4t-0.4-0.8v-2.3q0-0.5 0.4-0.8t0.8-0.4h6.8q0.5 0 0.8 0.4t0.4 0.8v10.3h1.1q0.5 0 0.8 0.4t0.3 0.8zM9.2 3.4v3.4q0 0.5-0.4 0.8t-0.8 0.4h-4.6q-0.4 0-0.8-0.4t-0.4-0.8v-3.4q0-0.4 0.4-0.8t0.8-0.4h4.6q0.5 0 0.8 0.4t0.4 0.8z\"\/><\/svg><\/span><\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Die Navigation in Ihrem Blog erfolgt \u00fcber unterschiedliche Navigationselemente. Neben der horizontalen Navigation, die grds. die Seitenstruktur Ihres Blogs darstellt, kann \u00fcber die sogenannte &#8222;Sidebar&#8220; ein stark individualisierter Navigationsbereich erstellt werden. Die Men\u00fcelemente der Sidebar k\u00f6nnen ein- und ausgeblendet oder in der Reihenfolge ver\u00e4ndert werden. Die Gestaltung der Sidebar erfolgt \u00fcber sogenannte &#8222;Widgets&#8222;. Widgets sind &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/blogschulung\/2013\/12\/03\/widgets-einrichten\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eDesign: Widgets einrichten\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1569],"tags":[857,11005,17147,17169,17168],"class_list":["post-706","post","type-post","status-publish","format-standard","hentry","category-design","tag-layout","tag-navigation","tag-schlagworte","tag-widget","tag-wolke"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/posts\/706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/comments?post=706"}],"version-history":[{"count":21,"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/posts\/706\/revisions"}],"predecessor-version":[{"id":1805,"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/posts\/706\/revisions\/1805"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/media?parent=706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/categories?post=706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/blogschulung\/wp-json\/wp\/v2\/tags?post=706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}