Das ganz normale Chaos

Artikel-Schlagworte: „Wordpress Theme“

Da ich ja derzeit Miauinfo umbaue, ist mir natürlich auch ein Bild aus den Anfangszeiten meines Blogblumen Bloggings auf den Schirm gekommen. Irgendwie kam mir dann die Idee, dass man daraus auch ein Stöckchen machen könnte. Worum gehts? Wie die Überschrift schon vermuten lässt geht es um euer erstes Theme, mit dem ihr begonnen habt zu bloggen. Zeigt einen Sceenshot des Themes und sagt ein paar Sätze dazu, wieso ihr es genutzt habt, wieso ihr es gewechselt habt oder, falls es noch zutrifft, wieso ihr es noch nutzt. Sollte es sich dabei um ein frei verfügliches Theme handeln, dann setzt doch einen Link unter euren Artikel, damit interessiere WordPressbenutzer es herunterladen können.

Mein erstes WordPress-Theme: Rose Garden

Mein erstes Theme auf Blogblume war das Theme “Rose Garden”. Dabei handelt es sich um das erste von mir per Hand gecodete Theme welches eigentlich nur als Übung gedacht war. Mir gefiel es dann aber so gut, dass ich ein neues Blog (dieses) gestartet habe um es dann einzusetzen. Das Theme ist also eigentlich schuld daran, dass es Blogblume gibt Ich habs dann auch eine recht lange Zeit eingesetzt aber austauschen müssen, weil es doch einige Programmierfehler gab, die ich nicht ausmerzen konnte und die das Nutzen des Themes für mich leider unmöglich machten. Optisch liebe ich das Theme immer noch. Ich finds total harmonisch und es ist irgendwie schade, dass ichs nicht mehr nutzen kann, aber so ändern sich die Zeiten.

Jetzt seid ihr dran. Ich werfe das Stöcken mal an: Gilly, Mrs.Steph, Berlin Citylife, Teppichtorpedos, MyCampbell 

Wer es auch haben möchte darf es sich einfach nehmen. Ich mach auch keine Vorgaben, an wie viele es weiter gegeben werden soll. Lasst es entweder liegen oder gebt es an denjenigen weiter, von dem es euch interessiert, wie er oder sie angefangen hat.

Passenderweise zum bald kommenden Sommer und der Erinnerung an die schönen intensiv duftenden Sommerblumenwiesen habe ich mal wieder ein kostenloses WordPress Theme für euch zum Download gestellt.

Es ist schlicht in weiß und grün gehalten und hat eine Sidebar rechts.

Das Headerbild habe ich selbst geknipst und es handelt sich dabei um eine Kleewiese. Über dem Header befindet sich ein Menü in dem die statischen Seiten angezeigt werden können.

Wie bei allen meinen Themes, dürft ihr sie nach euren Wünschen anpassen und verändern aber bitte lasst den Link im Footer. Näheres auch in der Read Me Datei.

Jetzt wünsche ich euch damit noch viel Spaß!

Immer wenn ich mal wieder eine Nacht durchmache und irgendetwas schönes bastel, bin ich dafür den nächsten Tag total neben der Spur. Ich glaub ich werde wirklich alt (hatte es die letzten Posts ja schon oft genug erwähnt oder?).

Was ich letzte Nacht gemacht habe? Ich habe an einem neuen Design geschraubt. Nicht fürs Blogblümchen oder die Katzenseite, sondern einfach so. Einfach meinen Ideen freien Lauf lassen. Herausgekommen ist bislang ein dreispaltiges Theme in Schwarz-Silber.

Das Design der Indexseite ist soweit fertig, jetzt muss ich nur noch die anderen Seiten designen und mir überlegen, ob ich noch einige Spielereien oder grafische Highlights einbaue.

Danach werde ich noch das CSS für den Text anpassen. Also für die verschiedenen Formatierungen. Ganz zum Schluss räume ich dann die CSS Datei auf. Ich weiß, ich könnte natürlich auch alles von Anfang an aufgeräumt schreiben, aber ich bin ein kreativer Kopf und da kann das dann schon mal chaotisch werden. Solang ich während der Entstehung durchblicke, reichts ja

Als nächstes Projekt werde ich mal ein grafisch etwas aufwändigeres starten, auch wenn ichs persönlich ja schon schlicht mag. Mal gucken wie mir das so gelingt.

Wenn man seinen Blog gern individuell gestalten möchte ohne von freien WordPress-Themes abhängig zu sein, kommt man um ein paar Grundlagen zum Thema nicht vorbei. Viele Tutorials im Netz waren für mich viel zu kompliziert und nach zwei Stunden, wo ich dann gerade mal geschafft hatte es hinzubekommen, dass Inhalte in die Sidebar geladen werden, hatte ich schon gar keine Lust mehr.

Bevor ich anfange kommen erstmal ein paar Programmtipps, ohne die ich gar nicht weiterkommen würde. Als erstes einen unkomplizierten Editor.

[singlepic=32,320,240,,left] Notepad 2 ist ein simpler Editor, der an Notepad von Windows erinnert, aber durch die wertvolle Funktion des Syntax-highlighting viel übersichtlicher ist. Es gibt sicherlich viele ähnliche Editoren, aber das ist der, den ich benutze.

Als nächstes fehlt ein gutes FTP Programm, mit dem man auf die Dateien, die auf dem Server liegen, zugreifen kann.  Ich benutze hierfür das Firefox-Plugin FireFTP. Toll hieran ist, dass sich das FTP Fenster in einem Tab des Browsers öffnet, was meiner Meinung nach praktischer ist, als ein separates Programmfenster. Ich habe auf meinem Server eine zweite leere WordPress Installation an der ich alles teste. Natürlich könnte ich auch sowas wie XAMPP einsetzen, aber ich sehe lieber direkt, was mein Server mit dem, [singlepic=33,320,240,,right]was ich mache anstellt, als hinterher flicken zu müssen.

Später nützlich kann auch die Firefox-Erweiterung Firebug sein.

Wenn man für seine Seite Grafiken erstellen möchte, dann braucht man ein Grafik-Programm. Wer nicht das nötige Kleingeld hat, um Photoshop zu kaufen, der kann auch den kostenlosen Photoshopklon Gimp benutzen

So hat man schon mal eine schöne Basis um zu arbeiten.

Je nach Vorkenntnissen kann es nötig sein, sich ein bisschen in das Thema CSS einzulesen. Hilfreich und einfach erklärt ist hier die deutsche Seite CSS4you. Ich habe sie nebenbei eigentlich immer auf um mal kurz “reinzuschauen”, wenn ich mir bei etwas unsicher bin. Nach einiger Zeit der Übung, ist man dann aber oft sicher genug, dass man die Kürzel beherrscht und anwenden kann.

Um ein Theme zu gestalten, reicht es wenn man ein leeres Theme (ohne jegliches Design) im Blog installiert und es dann anpasst. Viele leere Designs haben trotzdem immer noch minimales CSS was zur Anwendung kommt. Da ich das nicht möchte, benutze ich Starkers. Es bietet lediglich das WordPress Grundgerüst und man kann direkt loslegen.

Grundlegend für meine Arbeiten sind die Videos von Cris Coyer. Ich kann Dinge besser und schneller begreifen, wenn ich sehe, dass sie mir jemand vormacht, anstelle, dass ich sie einfach lese und dann nur ??? im Kopf habe. Chris’ Videos sind zwar in Englisch, aber oftmals reicht es zu sehen was er macht um zu begreifen wie es funktioniert.

Ausschlaggebend sind hier die Videos 25, 26 und 27.

Nehmt euch am besten ein bisschen Zeit um sie ein- oder auch mehrmals zu schauen, manchmal übersieht man Dinge beim ersten Mal.

Ich habe den Fehler gefunden

Kurz im Internet Explorer die Developer Toolbar installiert, div-Boxen anzeigen lassen und dann geschaut wo es hakt. Der Fehler war simpel und logisch.

[singlepic=9,320,240,,center]

Ich habe eine Box, die um die komplette Seite herumläuft, dann eine Box für den Header, darunter eine Box, in der sich Sidebar und Postings befinden und dann unter dieser Box eine für den Footer.

Nun hat sich aber aus irgendeinem Grund (ich war sicher übermüdet ) das Fehlerchen eingeschlichen, dass der get_sidebar Befehl vor dem div was den Inhalt (also Sidebar und Posting) einschließt, aufgerufen wurde. Das heißt, erst wurde die Sidebar verlangt und dann erst das div geöffnet wo sie eigentlich rein sollte.

Die Änderungen dauerten knapp 40 Sekunden und meine Grübelei darf nun endlich ein Ende haben. Manchmal sieht man eben vor lauter Wald keine Bäume mehr *g*

Link