{"id":1049,"date":"2018-04-01T16:22:10","date_gmt":"2018-04-01T14:22:10","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=1049"},"modified":"2018-04-01T18:10:12","modified_gmt":"2018-04-01T16:10:12","slug":"ein-eigenes-wordpress-theme-2-widget-faehige-zweite-sidebar-einbinden","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2018\/04\/01\/ein-eigenes-wordpress-theme-2-widget-faehige-zweite-sidebar-einbinden\/","title":{"rendered":"Ein eigenes WordPress-Theme 2: Widget-f\u00e4hige zweite Sidebar einbinden"},"content":{"rendered":"

Also, das war jetzt einfacher als ich dachte, deswegen kommts hier heute noch rein. Ich hatte ja in meinem dreispaltigen Template urspr\u00fcnglich eine statische linke Seitenleiste definiert, und mit einer eigenen kleinen Funktion zur Anzeige der 10 neuesten Rezepte gef\u00fcllt, das sah in der index.php so aus:<\/p>\n

<div id = \"sidebar-left\">\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0<h2>Die neuesten Rezepte<\/h2>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<ul>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<?php $liste = wp_get_recent_posts();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0foreach($liste as $item){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo '<li><a href=\"' . get_permalink($item[\"ID\"]) . '\">' . $item[\"post_title\"].'<\/a> <\/li>';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0?>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0<\/ul> \r\n\u00a0\r\n\u00a0 <\/div> <!-- sidebar-left--><\/pre>\n
Nat\u00fcrlich gibts aber das Widget „Neueste Beitr\u00e4ge“ schon, und das wollen wir auch nutzen, indem wir die linke Sidebar widgetf\u00e4hig machen.<\/p>\n
Eine neue Datei f\u00fcr die linke Sidebar anlegen<\/h2>\n
Die hei\u00dft sidebar-<\/strong>links.php (oder sidebar-<\/strong>xy.php) und enth\u00e4lt folgenden Code:<\/p>\n
<div id=\"sidebar\" class=\"widget-area\">\r\n<?php dynamic_sidebar( 'sidebar-2' ); ?>\r\n\r\n<\/div><!-- #sidebar .widget-area --><\/pre>\n
Damit WordPress nun auch eine dynamische Sidebar namens sidebar-2 kennt, kommt folgender Eintrag in die functions.php, dabei passt man den name, die id und die description an:<\/p>\n
register_sidebar( array (\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'name' => __( 'Linke Sidebar<\/strong>'),\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'id' => 'sidebar-2<\/strong>',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'description' => __( 'Widgets in der linken Sidebar anordnen.<\/strong>'),\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'before_widget' => '<aside id=\"%1$s\" class=\"widget %2$s\">',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'after_widget' => \"<\/aside>\",\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'before_title' => '<h3 class=\"widget-title\">',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'after_title' => '<\/h3>',\r\n\u00a0\u00a0 \u00a0) );<\/pre>\n
In der index.php ersetzt man nun den gesamten Code der statischen Sidebar durch den Aufruf:<\/p>\n
<div id = \"sidebar-left\">\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0<?php get_sidebar('links'); ?><\/strong>\r\n\u00a0\r\n\u00a0 <\/div> <!-- sidebar-left--><\/pre>\n
T\u00fcckisch ist hier das kleine W\u00f6rtchen „links“, das muss genauso heissen wie man es oben im Namen der sidebar-links<\/strong>.php (oder sidebar-xy<\/strong>.php) definiert hat.<\/p>\n
Das wars aber auch schon, unsere linke Sidebar taucht jetzt in der Widget-Verwaltung auf und kann best\u00fcckt werden:<\/p>\n
\"widgets_linke_sidebar\"
widgets_linke_sidebar<\/p><\/div>\n
Ein eigenes Widget erstellen: kurz und knackig<\/h2>\n
Ich habe hier bei blog.unkonsorten.com<\/a> die ultimative Kurzanleitung zum Erstellen eines eigenen Widgets gefunden, die m\u00f6chte ich euch nicht vorenthalten( Beim Code kopieren auf die „“ und “ aufpassen, die muss man korrigieren).<\/p>\n
Damit es etwas Interessanteres ausgibt als „Hallo Welt“ habe ich mal die Anzahl der ver\u00f6ffentlichten Rezepte eingebaut, die kriegt man so :<\/p>\n
function widget_sidebar() {\r\n\/\/ Hier kann man eigenen Code einfuegen\r\necho \"<h3>Rezepte insgesamt: \".wp_count_posts()->publish.\"<\/h3>\";\r\n}<\/pre>\n
Das wars auch schon – Have fun with Widgets!<\/p>\n","protected":false},"excerpt":{"rendered":"
Also, das war jetzt einfacher als ich dachte, deswegen kommts hier heute noch rein. Ich hatte ja in meinem dreispaltigen Template urspr\u00fcnglich eine statische linke Seitenleiste definiert, und mit einer eigenen kleinen Funktion zur Anzeige der 10 neuesten Rezepte gef\u00fcllt, das sah in der index.php so aus: <div id = „sidebar-left“> \u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0<h2>Die […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,45,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1049"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=1049"}],"version-history":[{"count":6,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1049\/revisions"}],"predecessor-version":[{"id":1056,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1049\/revisions\/1056"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=1049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=1049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}