Wie ich es von Zeit zu Zeit tue, habe ich meine persönliche Website neu gestaltet (Notizen zum Redesign). Ich wollte, dass die Website ein besseres Gefäß zum Schreiben ist, daher hat die Hülle der Website eine viel schönere Struktur dafür. Es ist natürlich zu 100 % WordPress. Eine wichtige Regel habe ich gebrochen: Das Design ist eine komplette Überarbeitung der vorherigen Website und kein evolutionärer Schritt. Ich hatte einfach das Gefühl, dass eine Evolution diesmal nicht ausreichen würde. Außerdem ist dies eine Website mit geringem Traffic und persönlichem Charakter, kein großes Nachrichtenportal oder eine Webanwendung, bei der das „Wer hat meine Käse bewegt?“-Phänomen viel stärker ist.
Im typischen Webdesign wird eine generische Vorlage für Artikel verwendet. Bilder können hinzugefügt werden, aber im Großen und Ganzen folgt jeder Artikel derselben Struktur. Wenn Sie mit WordPress vertraut sind, denken Sie an die Datei single.php, die als Vorlage für alle Blog-Artikel auf der gesamten Website dient. Das mag für viele Websites in Ordnung sein. Diese Website ist im Großen und Ganzen ähnlich.
Natürlich haben Sie alle von Jason Santa Maria und seiner Website gehört. Jasons Idee ist, dass Webdesign nicht so sein muss (selbst bei CMS-gesteuerten Websites). Er sagt, dass Webdesign viel vom Printdesign lernen kann, von der Sorgfalt und Handwerkskunst, die in die Veröffentlichung von Inhalten in diesem Medium fließt (z. B. einer Zeitschrift). Artikel in einer Zeitschrift können ähnliche Merkmale aufweisen, aber jeder einzelne wird auch Designentscheidungen haben, die dem Inhalt dienen, den er präsentiert. Vielleicht große Grafiken, Text, der Bilder umfließt, mehrere Spalten, unterschiedliche Farben und Titelstile, was auch immer es sein mag.
Die Idee wird als „Art Directing im Web“ bekannt. Jason ist ein großartiges Beispiel, aber schauen Sie sich auch Dustin Curtis an. Das ist keine bloße Modeerscheinung, das ist einfach gutes, zeitloses Design. Ich werde versuchen, selbst mit dem neuen Blog an Bord zu kommen. Nicht jeder einzelne Artikel wird eine komplette Umgestaltung sein, und einige werden gar keine haben. Meine Basisvorlage gefällt mir gut und sie eignet sich auch für schnelle Schreibereien. Aber wenn ich Zeit und Lust habe, wird diese neue Website eine gute Grundlage zum Aufbauen sein.
Hier sind einige aktuelle Beiträge, mit denen ich ein wenig gespielt habe.
Liste postapokalyptischer Filme
Grooveshark auf dem iPhone
10 Jahre Simutronics
Wie wird das gemacht?
Nun, wenn Sie kein CMS verwenden, ist es einfach, gestalten Sie einfach drauf los. Wenn Sie ein CMS verwenden, ist bereits eine Vorlage vorhanden, was bedeutet, dass Sie gegen das vorhandene CSS „kämpfen“ müssen. Ich verwende WordPress und denke, der einfachste Weg, dies auf dieser Plattform zu erreichen, ist über das Art Direction Plugin.
Dieses Plugin fügt dem Beitragseditor eine Box mit zwei Feldern hinzu. Eines für Code, der auf jeder Seite, auf der der Beitrag erscheint, eingefügt wird, und das andere für Code, der nur eingefügt wird, wenn die Seite in ihrer Einzelansicht angezeigt wird.
Mit diesem Code im richtigen Feld wird dieser Code in den
der Seite eingefügt, wenn sie geladen wird.
Da dies nach der CSS-Datei kommt, werden identische Selektoren dadurch überschrieben. Kein schickes !important-Zeug nötig. Wichtig ist hier zu beachten, dass alles, was in diese Felder eingegeben wird, auch eingefügt wird. Es muss kein