Ratatatam - Netzleben, Webdesign, Ruhrgebiet ... » Wordpress

Mehrere Sidebars mit eigenen WordPress-Widgets

Ralphs — Mon, 28 Sep 2009 16:59:06 +0000

Das Blogdesign für Kunden hat mich endlich dazu gebracht, meine WordPress-Templates auf den neuesten Stand zu bringen. Das hieß vor allem, Widgets zu ermöglichen, denn die sind überaus praktisch für Kunden, die ihre Sidebars frei einrichten wollen. Bei der Arbeit habe ich gleich einen Weg gesucht, um Widgets an mehreren Stellen des Layouts platzieren zu können. So sollte das Widget für “Seiten” in einer Spalte im Footer stehen und die Tag-Cloud direkt daneben.

Um dies zu erreichen, ist es nötig, die Datei funktions.php etwas zu erweitern. Dort stehen ganz oben folgende Zeilen:

Diese Zeilen habe ich um folgende erweitert, bitte auf die gelbe Markierung achten.

Nun wird an die Stelle im Template (sidebar.php oder footer.php z.B.), in der Widgets eingefügt werden sollen, der blau markierte Code für die Sidebar 2 eingesetzt. Bitte darauf achten, dass in !dynamic_sidebar('sidebar2') die entsprechende Sidebar angegeben wird:

Falls nun keine Überschrift erwünscht ist, kann in diesem Code noch folgende CSS-Anweisung hineingeschreiben werden (blau markiert):

Bleibt die Frage, wie nun die neuen Sidebars mit den Widgets individuell gestaltet werden können. Dazu einfach in den Quellcode einer im Browser geöffnet WordPress-Site schauen und die entsprechenden CSS-Klassen in Erfahrung bringen (die werden von der Software automatisch eingefügt). Will man das Widget für Links anpassen, so passt man schlicht die Klasse .widget_links mit eigenen Werten an:

#sidebar .widget_links li { font-size: 11px; padding: 8px 30px 0 1px; }

Bleibt es bei einem Widget in einer Extra-Sidebar, reicht die Formatierung von a und ul und li. So habe ich im Footer des Singleblogs das Widget für “Seiten” folgendermassen mit Schaltflächen formatiert:

#sidebar2 a { text-align: center; display: block; padding: 8px 0 5px 0px; width: 273px; height: 28px; color: #e8c59e; border-bottom: 0; text-decoration: none; background: url(images/footer-button.gif) no-repeat 0 0; }
#sidebar2 a:hover { color: #f93; border-bottom: 0; text-decoration: none; background: url(images/footer-button-aktiv.gif) no-repeat 0 0; }

#sidebar2 ul { list-style: none; margin: 20px 10px 50px 0px; }

#sidebar2 li { letter-spacing: 1px; line-height: 21px; margin-bottom: -1px; }

Links zum Thema WordPress-Widgets

WordPress FAQ – Oft gestellte Fragen: Was sind Widgets?
Dr. Web: Was sind Widgets und wofür setzt man sie ein?
Datenschmutz: Ein Widget in mehreren WordPress Sidebars verwenden
WordPress Forum: Using sidebar widgets in multiple sidebars

Blogdesign und ein behutsames Redesign

Ralphs — Sun, 27 Sep 2009 17:30:56 +0000

Für unsere kleine Agentur schöner Websites und Icons ;) war es in den letzten Monaten besonders erfreulich, dass alte Webfreude und Bekannte auf mich zukamen, um mich als Webdesigner zu engagieren. So beauftragte mich Julian von Heyl, den ich seit Anfang 1997 kenne (als das Web noch übersichtlich war), um sein erfolgreiches Projekt korrekturen.de css-technisch und an den Webstandards orientiert auf den neuesten Stand zu bringen. Ich sollte es behutsam redesignen. Die folgenden Screenshots zeigen das Vor- und Nachher:

Silvio Fritsche haben wir um 2000 im Zusammenhang mit unserer Lomo-Leidenschaft im Netz kennengelernt. Er beauftragte mich, sein Blog Yogabasics umzugestalten. Neben den Wordpress-Templates kommen auch einige Grafiken in der Sidebar von mir. Auch hier zeigt das Vor- und Nachher, dass sich die Beauftragung durchaus gelohnt hat. ;-). Silvio ist zufrieden mit meiner Arbeit und gab mir kurz danach noch einen kleinen Folgeauftrag. So erstelle ich zur Zeit für sein nächstes Blog Yogatraumreisen eine Variante des Wordpress-Themes von Yogabasics. Dass ich für Freunde und engagierte Freiberufler sehr faire Preise mache, brauche wohl nicht näher ausführen. :-)

Lange habe ich Blogdesigns vorwiegend für private Projekte erstellt. Dass in letzter Zeit auch echte Aufträge hinzukamen, ist sehr erfreulich. Aktuell habe ich gestern das Redesign für das Singleblog fertiggestellt. Eine gewisse Ähnlichkeit des Footers von Yogabasics ist nicht zu leugnen, aber der des Singleblogs sieht anders aus und darauf kommt es an. Man muss ja das Rad nicht immer neu erfinden. ;)

Camtasia Studio, WordPress-Anleitung, ExpressionEngine ;-)

Ralphs — Thu, 02 Apr 2009 13:31:12 +0000

Endlich gibt es das Upgrade von Camtasia Studio 6 auch auf deutsch, was mich zu neuen Taten anregt. Wenn dann in Kürze noch WordPress 2.8 fertiggestellt ist, werde ich – ich werde ;-) – zügig die Video-Anleitung Mit WordPress per Du erstellen. Dazu will ich noch das komplette Hauptmenü anpassen, da es sich noch an WordPress 2.6 anlehnt. Die neue Navigation soll sich an das Hauptmenü im Adminbreich von WordPress orientieren. Zur Zeit suche ich ein Script, das ein solches vertikales DropDown-Menü zur Arbeit zwingt. Ähnlich arbeitende Menüs gibt es wie Sand am Meer, so scheint es mir. Nur habe ich bisher keines gefunden, mit dem man Unternemüs auf Mausklick unabhängig von der Seite, auf der man grad ist, öffnen kann; und die auch geöffnet bleiben; wie es im Adminbereich von WordPress 2.7 funktioniert. Aber das wird sich bestimmt finden lassen.

Manchmal bedaure ich in meinem Unabhängigskeitsdrang, dass ich nicht Javascript und PHP gelernt habe. Aber ich weiss, dass hier meine Talentgrenzen sind, da kann ich ein noch so erfahrener Autodidakt sein.

Zum Thema Video-Anleitungen fällt mir grad noch die Site ExpressionEngine Screencast ein. Dort bietet Ryan Irelan seinen Video-Kurs Building a Dynamic Website with ExpressionEngine für 5 Dollar pro Videoeinheit an. Eine interessante Idee für engagierte Screencaster.

Edit: RC 2 sorgt für Wordpress-Spannung

Ralphs — Wed, 10 Dec 2008 13:27:12 +0000

Jetzt gibt es also vor dem Release noch einen Release Candidate Two für Wordpress 2.7. Der erste lief auf meinem Testblog schon richtig gut. Das neue Interface macht richtig Spaß. Wahrscheinlich werde ich über das neue Wordpress-Feeling einen Screencast machen. Ich wette, der macht hier und dort das Updaten leichter. ;) – So, jetzt gleich zum ersten Mal den Updater von Wordpress ausprobieren, auf den Herr Matt vorsichtshalber hinweist. Nicht das dies jemand noch von Hand macht!

Edit: Dieser RC 2 ist nicht alt geworden, denn die neue Generation der freien Blogsoftware ist nun offiziell am Start. Und auf der Blumenstraße freut man sich über Verenas alternative Wordpress-Icons. ;) –

Irre, wieviele Leute am Code von Coltrane mitgearbeitet haben und zudem fix wie immer: WordPress 2.7 DE-Edition.

Eine Frage an den Wordpress-Kenner

Ralphs — Tue, 09 Dec 2008 19:51:30 +0000

Wie unschwer zu erkennen ist, bevorzuge ich einen einzigen Blogbeitrag auf der Startseite. Für das Archiv oder die Suche ist das aber ein Nachteil, da zuviel geklickt werden muss. Leider bietet Wordpress aber keine Option an (auch 2.7 nicht), die es mir erlaubt, die Anzahl der Beiträge pro Seite für das Archiv und die Suchergebnis-Seite frei einzustellen. Gibt es eine Möglichkeit, mit Hilfe eines Codeschnipsels die entsprechenden Templates gefügig zu machen?

Das große Meckern

Ralphs — Sat, 06 Dec 2008 12:15:49 +0000

Zum Thema New Dashboard Design für WordPress 2.7 kommentiert jemand radikal unzufrieden mit langer Leitung: “fifteen minutes with it and i hate it already. Von wegen, das große Meckern wäre eine besondere Eigenschaft der Deutschen! Das täuscht.

Finale WP-Iconsets sind fertig

Ralphs — Sat, 29 Nov 2008 19:20:54 +0000

Nach Verenas Erfolg mit dem Iconset für Wordpress 2.7 ging die Arbeit fleissig weiter. Es sollten einige Alternativ-Icons erstellt werden. Bevorzugt wurden Metaphern, die die User beim Voting favorisiert hatten. Zudem war eine farbliche Variante für den aktiven Status gefragt. Danach gab es die Icons im Format 32 x 32 Pixel zu erstellen. Die werden neben den Headlines innerhalb der Hauptbereiche stehen. Das alles wurde in einem engen Zeitfenster realisiert. Beide Icondesigner waren dem augenscheinlich gewachsen. ;)

Das finale Set von Verena gefällt mir sehr gut. Beim kritischen Betrachten der Zwischenstände hatte ich nur wenig auszusetzen. Verenas Hartnäckigkeit hilft ihr eh allein weiter. Nicht selten sind wir aber einig unzufrieden, wenn eine Arbeit noch nicht rockt. Ansonsten bewundere ich Verenas Fähigkeit, einen einmal gewählten Stil auch in größeren Iconsets durchzuhalten. Das ist eine der schwierigsten Aufgaben im Icondesign, wie ich finde. Ihr ist es wieder gelungen, sie wird bestimmt noch mal berühmt. ;)

Edit: Sahanya hat sich die Mühe gemacht, uns ausführlich über die Neuerungen von WordPress 2.7 zu informieren. Sein Text macht Lust aufs Update: WordPress steht vor der Tür.

Starke WordPress-Gemeinde

Ralphs — Mon, 24 Nov 2008 13:37:29 +0000

WordPress Deutschland verändert sich. Ein Text zur Geschichte des Projekts mit Zahlen des Erfolgs und der Antwort auf die Frage, warum man zur GmbH wird.

Trackbacks ab ins Eckchen

Ralphs — Tue, 18 Nov 2008 13:11:44 +0000

Ich habe es tätsächlich geschafft, noch vor 2020 im Kommentarbereich die Kommentare von den Trackbacks zu trennen. Schleppte ich doch bis dahin ein Comment-Template aus der Steinzeit von Blog zu Blog, das zudem mit Codeschnipseln diverser Plugins gefüttet war. Entsprechend vorsichtig mußte ich als PHP-Laie ans Werk gehen. Geholfen hat dabei eine bereits in die Jahre gekommene Anleitung namens WordPress Track- und Pingbacks seperat listen, ohne Plugin von Frank Bültge. Jetzt können auch die großartigen Jungs wiederkommen, die das ganz böse finden, wenn Tracks und Pings zwischen Kommentaren nerven. ;)

Update: Vielleicht kann mir jemand in dieser Runde behilfreich sein bei einer Lösung für folgende Wünsche: Getrennte Zählung von Kommentaren und Trackbacks sowie ein Wenn-Dann-Schnipsel unter dem Motto: Wenn Tracksback vorhanden, wird die Überschrift “Trackbacks” mit Anzahl der Trackbacks angezeigt, wenn nicht, bleibt sie verborgen.

Verenas Icons in WordPress 2.7

Ralphs — Mon, 17 Nov 2008 17:23:22 +0000

Wir wissen es bereits ein paar Tage, aber nun ist es offziell bekanntgegeben: Verena hat beim Icon-Voting den zweiten Platz gemacht. Aber ihre blaue Variante des Sets kam so gut an, dass es nun als alternatives Iconset in WordPress 2.7 eingebunden wird. Da freut sich doch das Herz und die schnelle intensive Arbeit hat sich gelohnt. Alles Konkrete dazu und alle Sets im Überblick im WordPress Blog: The Results of Project Icon. — Edit: Das fertige Iconset, welches wir natürlich stolz in unser Iconset-Portfolio aufnehmen ;-)