WordPress 3.0 mehrsprachig einrichten
Letztens habe ich auf einer Schulung einigen Mitgliedern eines Kulturvereins das Wesentliche im Backend von WordPress gezeigt. Dabei ist mir erneut bewusst geworden, wie schnell auch eher unerfahrene Menschen sich mit WordPress anfreunden können. Nach den Erfahrungen mit ExpressionEngine und Contao (früher TYPOlight) ist WordPress für kleine bis mittelgroße Websites, die nicht jeden Tag aktualisiert werden, mittlerweile mein bevorzugtes CMS. Zumal die Multisite-Fähigkeit von WordPress 3.0 nun auch mehrsprachige Websites ohne Hängen und Würgen zulassen soll. Heinz Duschanek zeigt in seiner Anleitung WordPress 3.0 und Mehrsprachigkeit wie einfach das in Grunde zu realisieren ist.
___
Ralphs am 22.08.10 Anleitung Software Wordpress [ Kein Kommentar ]
125 WordPress-Templates für ein Redesign
Was geschieht, wenn eine Agentur für “Integriertes Kommunikationsdesign” einen Website-Entwurf macht, ich diesen dann webgerecht umsetzen darf, um danach alles auf WordPress zum Laufen zu bringen? Man arbeitet länger als erwartet und darf sich ausgiebig üben in problemlösendes Denken. ;-) Gemeint ist hier das bereits zweite Redesign unseres Kunden Brinkmann_Dewert. Mein erstes Redesign war mittlerweile fast 7 Jahre alt und es bestand das Bedürfnis nach etwas ganz Neuem.
Zuerst habe ich den Layout-Entwurf webkompatibel gemacht. Er brauchte eine dauerhafte Hauptnavigation und einen Footer, die im ursprünglichen Entwurf nicht vorgesehen waren. Zudem galt es, den Entwurf schmaler anzulegen, damit er unter 1024 Pixeln ohne horizontales Scrollen sichtbar sei. Dazu musste ich das Layoutraster durchschauen und die Elemente und Abstände neu berechnen. Eine halbe Seite Additionen von Kästen, Buttons und Abständen standen da als Selbstbriefing geschrieben, bevor ich auch nur eine Klasse CSS schrieb. ;-) .
Die zweite Herausforderung: In den Buttons und Kästen sollte die neue Schrift des Logos erscheinen. So musste ich also einen Großteil der zahlreichen Layoutelemente als Grafiken anlegen. So entstanden fast 200 Grafiken allein für das Layout – die über 40 Fotos, die ich teilweise recherchiert und ausgewählt habe, nicht mitgezählt (die Portraits und Fotos auf der Startseite hat ein echter Profi gemacht). CSS-technisch galt es, diese Grafik-Armada geschickt in den Hintergrund zu verbannen und gleichzeitig möglichst viel Editierbares in WordPress zu belassen. Deutlich macht das die Seite der Mitarbeiter. Dort kann der WP-Admin die in Hover-Bereichen liegenden Daten der Mitarbeiter ändern, ohne ins Template zu müssen, das gleiche gilt für die fachbezogenen Team-Seiten, die übrigens eine sehr schöne und zugleich nützliche Navigationsidee aus dem Büro Rempen zeigen.
Wie man sich beim Durchklicken der Site wird denken können, gab es einige CSS-Lösungen zu finden, die auch noch vom IE 6 verstanden werden wollten. So sollte sich zum Beispiel die Box mit den Home- und Zurück-Buttons nicht nur unabhängig von den eingepflegten Inhalten der Seite immer schön rechts unten anordnen (gut zu sehen auf der Seite Fachgebiete), sondern auch vertikal und bündig mitwachsen auf Seiten, die längere Texte haben. Das ging nicht ohne valide Tricks und einigen Conditional Comments, aber – wie alles im Layout – ohne Javascript.
Desweiteren war bei der WordPress-Integration darauf zu achten, die weit über 2500 rechtsrelevanten Artikel, die das fleissige Anwaltsteam seit 2003 gepostet hat, mit ins neue Layout zu übernehmen oder andersherum, die Layoutvorlage behutsam und stimmig zu erweitern und unter Aktuelles erreich- und navigierbar zu machen. Webdesigner, die alltäglich mit WordPress zu tun haben, werden sicher eine Ahnung davon bekommen, welche Aufgabe es im Hinblick auf die unterschiedlichen Contentbereiche war, das Search-Template in den Griff zu bekommen. :-)
Ich möchte mich an dieser Stelle herzlichst bei Heinz Klein bedanken, der sich für mich und segert.net stark gemacht hat bei der Vergabe des Auftrags. Zudem hat er mich bei der Arbeit mit zahlreichen Anregungen begleitet und fleissig und erfolgreich den Großteil der Inhalte eingeflegt.
___
Ralphs am 19.08.10 Redesign Webdesign Wordpress [ 1 Kommentar ]
Schönes Webdesign für kleines Content Management
Während Verena die Kunst des kleinen Icons ausübt, backe ich kleinere Brötchen und mache Redesigns mit Fotorecherche für den Kopfbereich und kundenfreundlicher WordPress-Implentierung, geschehen für das Seniorenheim der Verbandsgemeinde Linz. Schön war an der Arbeit, dass Perun mir den entscheidenden Tipp für ein PlugIn geben konnte, das dafür sorgt, dass eine Navigation mit Untermenüpunkten nicht dauerhaft geöffnet ist. Stattdessen soll nur das Submenü zu sehen sein, das der aktuell Besucher geöffnet hat. Vielen Dank an Perun und seine schnelle Hilfe. Ich hatte zuvor vieles ausprobiert und auch zahlreiche PlugIns getestet, aber keines arbeitete wirklich im gewünschten Sinne. Aber auf das PlugIn Fold Page Menus bin ich nicht gestossen. Sachen gibts!
___
Ralphs am 20.03.10 Redesign Webdesign Wordpress [ ]
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
___
Ralphs am 28.09.09 Webdesign Wordpress [ ]
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. ;)
___
Ralphs am 27.09.09 Freiberufler Webdesign Wordpress [ 2 Kommentare ]
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.
___
Ralphs am 2.04.09 ExpressionEngine Software Wordpress [ 1 Kommentar ]
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.
___
Ralphs am 10.12.08 Wordpress [ 4 Kommentare ]
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?
___
Ralphs am 9.12.08 Wordpress [ 5 Kommentare ]
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.
___
Ralphs am 6.12.08 Webdesign Wordpress [ ]
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.
___
Ralphs am 29.11.08 Icondesign Wordpress [ 10 Kommentare ]
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.
___
Ralphs am 24.11.08 Wordpress [ 5 Kommentare ]
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.
___
Ralphs am 18.11.08 Wordpress [ ]
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 ;-)
___
Ralphs am 17.11.08 Icondesign Wordpress [ 12 Kommentare ]
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?
___
Ralphs am 16.11.08 Teufel Wordpress [ 3 Kommentare ]
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. ;)
___
Ralphs am 13.11.08 Icondesign Wordpress [ 7 Kommentare ]
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.
___
Ralphs am 11.11.08 Layout Webdesign Wordpress [ 8 Kommentare ]
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.
___
Ralphs am 2.11.08 Software Wordpress [ 1 Kommentar ]
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.
___
Ralphs am 1.11.08 Icondesign Wordpress [ 2 Kommentare ]
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.
___
Ralphs am 31.10.08 Layout Webdesign Wordpress [ ]
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. ;)
___
Ralphs am 28.10.08 Layout Webdesign Wordpress [ 2 Kommentare ]
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.