Webzettel über Film, Internet, Literatur, Technik, Leben

Mehrere Sidebars mit eigenen WordPress-Widgets

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

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 ;-)

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

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

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

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

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

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

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

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 ;-)

Webteufel am Werk?

Weiss der Teufel, was ich angerichtet habe, aber plötzlich funktioniert die Layoutwahl nicht mehr. Seltsam dabei: Local funktioniert sie, online nicht. Was geht da ab? Silver Note funzt, Application und Dark Tab verweigern den Dienst, browserunabhängig. Ideen, die mir auf die Sprünge helfen könnten?

Voten für das Iconset von WordPress 2.7

48 Stunden haben Wordpress Freunde rund um den Globus nun Zeit, um aus fünf Iconsets von verschiedenen Icondesignern das neue WordPress 2.7 Iconset zu wählen. Und ich freue mich, dass Verena es bis in die Endrunde geschafft hat. Ich kann Euch sagen, sie ist sehr gespannt und wartet seit zwei Tagen auf das Voting (grad ist sie bei einer Freundin, sie weiss also noch nichts davon ;-). Welches Set aus 13 Icons sie erstellt hat, wird nicht verraten, denn das Voting läuft anonymisiert, was eine gute Entscheidung ist. Direktlink zum Voting.

Update: Und es wird bereits fleissig diskutiert über die Iconsets : Vote for the new WordPress icons. Einer der Kommentaren sieht btw nur Amatuere am Werk. ;)

Layout Ratatatam

Neu im Weblog-Layout-Angebot ist das Theme Ratatatam, eine in dezentem schwarz und weiß gehaltene Leseumgebung, die mir auch für längere Texte sehr gut geeignet scheint und zudem den neuen Blogtitel prägnant betont. Texte über Filme aus den 60er und 70er Jahren würden zum Beispiel zu diesem Layout sehr gut passen, so scheint es mir.

Feed aufgehübscht (gepimpt, getunt, oha)

Welcher aktive Webworker, Blogger und dienstesüchtiger Sauger hat es nicht schon oft erlebt? Er hätte, er sucht, er findet. So ging es mir bei dem Gedanken, die spartanische RSS-Datei von Wordpress etwas diensteifriger zu machen. So kam es, dass ich lobte: Der Herr segne das Plugin! Denn der führte mich zum Softwärchen RSS Footer. Das bietet eine simple Extra-Line für mein Mitteilungsbedürfnis. Wer die Optionen sucht, greift da sicher eher auf RSSupplement zurück, da er damit soziale Lesezeichen verbreiten, einen Link zu den Kommentaren und “mehr” in das RSS-Feed unterbringen kann. Und das ist nicht alles, um wahre RSS-Kultur mit unser aller Wordpress zu befriedigen, das weiss Sean P. Aune unter dem Titel The Top 12 RSS Plugins for WordPress zu berichten. Better Feed.

Icondesign für den Ruhm

Als ich im WordPress Blog las, dass für das sexy Interface von Wordpress 2.7 Icondesigner gesucht werden, die in kurzer Zeit 13 Icons umzusetzen wagen, habe ich sofort an Verenas schöne Arbeiten gedacht und sie gleich an den Rechner gelockt, damit sie in der kurzen Frist eine freundliche Email an die Wordpress-Leute schreibt. Nun ist sie bereits in der engeren Wahl und wir sind gespannt, wie ihre Probe-Icons ankommen.

Dark Tab ;)

Ich biete Silver Note und Dark Tab, damit sollte der Wunsch nach dunkler Bloganmutung gut bedient sein. Es folgt bald Tschichold, hell und freundlich. Schönes Wochenende.

Style Switcher Reloaded

Style Switcher scheinen aus der Mode gekommen zu sein. Ich weiss gar nicht warum. Weil sie eh nicht genutzt werden? Kommt vielleicht drauf an. Wer es hier zum Beispiel lieber dunkel mag, kann sich das jetzt oben im Hauptmenü dauerhaft einstellen. Bitte einfach “Silver Note” wählen. ;-) Weitere Themes folgen, denn das ist eine schöne Art, um zu zeigen, welche Freude ich an schönen Weblog-Layouts habe. Unterstützt werde ich dabei vom Plugin Theme Switcher Reloaded, das sich problemlos einbinden und aktivieren ließ. Tja, guter Service erzeugt wiederum woanders guten Service, so ist das im Web. ;)

WordPress 2.7 und die Sicherheit

Nachdem ich unter WordPress 2.7 Zielsetzungen gelesen hatte, was sich mit der neuen WordPress-Version alles ändern wird, nämlich auch das Admin-Interface, habe ich die Erstellung der Videos für meine Anleitung Mit WordPress per Du vorerst eingestellt, um das Update abzuwarten. Derweil bleibt Zeit, um auch kritische Ansichten über die WordPress-Neuerungen zu lesen, wie z.B. den Weblog-Artikel Freud’ und Leid mit dem Plugin-Installer in WP 2.7.

Eierlegende WordPress-Sau

Blogvernarrte Leute wie ich, die auf WordPress setzen, haben mit jedem Update immer ein wenig zu tun. Um aber gar nicht erst die Erfahrung eines gehackten Weblogs mit Trojanerfalle zu machen, habe ich mir schnelle Updates auch alter Weblogs angewöhnt. Was WordPress 2.6 angeht, so mag zum Beispiel die Versionierung der Beiträge schön und gut sein, meinem Wunschprofil entspricht das aber nicht. Keineswegs erwarte ich eine eierlegende WordPress-Sau, doch möchte ich folgend einmal mein Wunschprogramm loswerden. ;-)

• Für alte Weblogs eine schöne Sache: Kommentar- und Pingfunktion für alle Postings mit einem Klick deaktivieren.
• Email-Warnung, wenn Beiträge von nicht eingeloggten Autoren geändert werden.
• WordPress-Update über das Internet, so wie das Plugin-Update, btw, ne klasse Sache.
• Obercool: Ein stillgelegtes WordPress-Blog per Mausklick komplett in eine statische Seite ohne Datenbank umwandeln.
• Später fällt mir bestimmt noch mehr ein. ;)

WordPress-Plugin für den Admin-Bereich

WordPress-Usern, die das überladene Dashboard entschlacken oder Kunden ein “klassisches CMS” anbieten möchten, stellt Perun ein interessantes Plugin namens WPlite vor: Admin-Bereich von WordPress anpassen.

Wordpress 2.5.1 und Firefox 3 Beta 5 im Einsatz

Ich habe nun stillgelegte und aktuelle Weblogs auf den neuesten Softwarestand gebracht und Wordpress 2.5.1 installiert. Es gab weder irgendein Problem mit der Installation noch mit meiner bescheidenen Auswahl bewährter Plug-Ins. Und da ich grad bei Software bin. Ich surfe – auch im Zusammenhang mit dem Update von Mit Firefox per Du, das nur darauf wartet, online gestellt zu werden und zudem gestalterisch aufgewertet wurde – ich surfe also in letzter Zeit fast nur noch mit der Beta 5 von Firefox 3 und habe bisher keine Probleme feststellen können. Auch die Plug-Ins arbeiten mittlerweile mit der 3er-Version (ausser das geschätzte Fire-FTP), so dass mein Fazit lautet: Firefox 3 lohnt sich schon jetzt, zumal es mir eine Ecke fixer erscheint.