{"id":27,"date":"2006-07-26T07:37:34","date_gmt":"2006-07-26T05:37:34","guid":{"rendered":"http:\/\/beetroot.de\/wordpress\/2006\/07\/26\/mygallerywidget\/"},"modified":"2007-09-24T06:55:08","modified_gmt":"2007-09-24T04:55:08","slug":"mygallerywidget","status":"publish","type":"post","link":"https:\/\/beetroot.de\/wordpress\/2006\/07\/26\/mygallerywidget\/","title":{"rendered":"Sidebar-Widgets in WordPress"},"content":{"rendered":"<p>Ich versuche mich gerade aus Entwicklersicht mit WordPress vertraut zu machen und bin schwer begeistert, wie einfach es ist ein <a href=\"http:\/\/automattic.com\/code\/widgets\/\">Sidebar-Widget<\/a> zu schreiben.<\/p>\n<p>Ich habe auf der Seite <a href=\"http:\/\/www.beetroot.de\/spectaculum-geocachium\/\">Spectaculum-Geocachium<\/a> ein paar Bilder mit <a href=\"http:\/\/www.wildbits.de\/mygallery\/\">myGallery<\/a> in eine Bildergalerie gepackt. myGallery bietet unter anderem auch die M\u00c3\u00b6glichkeit zuf\u00c3\u00a4llig ausgew\u00c3\u00a4hlte Bilder z.B. in der Sidebar anzuzeigen.<\/p>\n<p>Hierzu muss man einfach folgenden Code an die richtige Stelle in die sidebar.php packen (wobei n die Anzahl darzustellender Bilder ist):<\/p>\n<p>[php]<br \/>\nif (function_exists(\u00e2\u20ac\u02dcmyrandompic\u00e2\u20ac\u2122))<br \/>\nmyrandompic(n);<br \/>\n[\/php]Nun ist aber die manuelle Anpassung der Sidebar nicht das schickste, wenn man Widgets nutzen m\u00c3\u00b6chte. Also habe ich mir die <a href=\"http:\/\/automattic.com\/code\/widgets\/plugins\/\">Anleitung<\/a> f\u00c3\u00bcr das widgetisieren von Plugins geschnappt und das <a href=\"http:\/\/robm.me.uk\/projects\/plugins\/wordpress\/now-reading\/\">Now-Reading<\/a>-Widget von <a href=\"http:\/\/robm.me.uk\/\">Rob Miller<\/a> als Vorlage genommen und losgelegt.<\/p>\n<p>Herausgekommen ist eine einzelne PHP-Datei mit dem <a href=\"http:\/\/beetroot.de\/wordpress\/wp-content\/2006\/07\/myGallery.php.zip\" title=\"myGalleryWidget\" id=\"p28\">myGalleryWidget<\/a>.<\/p>\n<p>Folgende Voraussetzungen m\u00c3\u00bcssen erf\u00c3\u00bcllt sein:<\/p>\n<ul>\n<li>das Widget-Plugin <a href=\"http:\/\/automattic.com\/code\/widgets\/use\/\">installiert<\/a> sein.<\/li>\n<li>Das Theme des Blogs muss &#8222;<a href=\"http:\/\/automattic.com\/code\/widgets\/themes\/\">widgetized<\/a>&#8220; sein (z.B. Kubrick).<\/li>\n<li>Das Galerie-Plugin muss installiert sein (Zur Installation des Galerie-Plugins einfach entlang der <a href=\"http:\/\/www.wildbits.de\/usr_files\/myGallery_doku.pdf\">Dokumentation<\/a> von myGallery vorgehen &#8211; oder das <a href=\"http:\/\/www.diekadens.de\/2006\/04\/23\/mygallery-die-deutsche-installationsbeschreibung-teil-1\/\">Howto<\/a> der Familie Kaden verwenden).<\/li>\n<\/ul>\n<p>Zur Installation:<\/p>\n<ol>\n<li><a href=\"http:\/\/beetroot.de\/wordpress\/wp-content\/2006\/07\/myGallery.php.zip\" title=\"myGalleryWidget\" id=\"p28\">myGalleryWidget<\/a> herunterladen und irgendwo hin auspacken.<a href=\"http:\/\/beetroot.de\/myGallery.php.zip\" title=\"myGalleryWidget\" id=\"p28\"><br \/>\n<\/a><\/li>\n<li>Die ausgepackte Datei myGalleryWidget.php in den Ordner <code>&lt;YourWordPressPath&gt;\/wp-content\/plugins\/widgets<br \/>\n<\/code> auf dem Server schieben.<\/li>\n<li>Das Plugin &#8222;myGallery widget&#8220; aktivieren.<\/li>\n<li>Das Widget in den &#8222;Sidebar Widgets&#8220; konfigurieren.<\/li>\n<\/ol>\n<p>Konfiguration:<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" src=\"http:\/\/beetroot.de\/wordpress\/wp-content\/2006\/07\/myGalleryWidget.png\" id=\"image29\" alt=\"Screenshot des Konfigurations-Dialogs\" \/><\/p>\n<p>In der Konfiguration kann die \u00c3\u0153berschrift \u00c3\u00bcber dem Widget, sowie die Anzahl der Bilder, die dargestellt werden soll, eingestellt werden.<\/p>\n<p><strong>[Update]<\/strong><\/p>\n<p>Wer das Bild in der Sidebar anders formatieren m\u00c3\u00b6chte, macht dazu einfach \u00c3\u201enderungen in seiner CSS-Datei:<\/p>\n<p class=\"code\">.\/wp-content\/themes\/DEINTHEME\/style.css<\/p>\n<p>Dort wird (am besten am Ende, da findet es sich leicht wieder) die Formatanweisung f\u00c3\u00bcr das Zufallsbild eingetragen. Das Zufallsbild hat die Klasse &#8222;myrandompic&#8220;. Wer sich nicht sicher ist, was er tut, macht vor der \u00c3\u201enderung eine Kopie der CSS-Datei.<\/p>\n<p>Um zum Beispiel das Zufallsbild zentriert auszugeben tr\u00c3\u00a4gt man folgende Zeile in die CSS-Datei ein:<\/p>\n<p class=\"code\">.myrandompic { text-align: center; }<\/p>\n<p>Wenn Ihr das Widget einsetzt, k\u00c3\u00b6nnt Ihr ja einen kurzen Kommentar hinterlassen. Viel Spa\u00c3\u0178!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ich versuche mich gerade aus Entwicklersicht mit WordPress vertraut zu machen und bin schwer begeistert, wie einfach es ist ein Sidebar-Widget zu schreiben. Ich habe auf der Seite Spectaculum-Geocachium ein paar Bilder mit myGallery in eine Bildergalerie gepackt. myGallery bietet unter anderem auch die M\u00c3\u00b6glichkeit zuf\u00c3\u00a4llig ausgew\u00c3\u00a4hlte Bilder z.B. in der Sidebar anzuzeigen. Hierzu muss [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-27","post","type-post","status-publish","format-standard","hentry","category-rechnerisches"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9k0JZ-r","_links":{"self":[{"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/posts\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":0,"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"wp:attachment":[{"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beetroot.de\/wordpress\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}