Wie fangt Ihr an?

Ich arbeite derzeit an einem neuen Theme für WordBlog.
Seit einiger Zeit habe ich je nachdem wie es mir möglich war den Entwurf in Photoshop so gestaltet wie ich ihn haben will. Photoshop klingt hoch gegriffen, aber ich habe kein anderes Programm ;)
Sollte ich mit dem Entwurf zufrieden sein, entschließe ich mich das ganze zu "coden". Da ich schon länger mit den WordPress Templates arbeite fange ich gewissermaßen mit leeren Dateien an. Auf einer lokalen WP Installation wird das dann alles zusammengefriemelt. Erst das Gerüst, die Startseite, feintuning der Startseite, die Beitragsansicht, statische Seiten, usw. usf. Zu Schluß werden noch kleine Fehler ausgebügelt und fertig ist das Theme.

Wenn man die Grundlagen versteht, also HTML, CSS, etc. und sich ein bisschen mit den WP Templates auseinandergesetzt hat ist das alles ein Kinderspiel.

Wenn du das Kubrick Theme lediglich anpassen möchtest brauchst du nicht viel "neu" zu machen. Du musst ein paar CSS Einträge ändern und hier und da ein bisschen Code in den einzelnen Template-Dateien nach deinen Wünschen anpassen, verschieben, entwerfen oder dergleichen.

Ich hoffe ich konnte dir irgendwie ein bisschen helfen. Bedenke: es ist halb 2 in der Früh :)

Ich starte meistens ganz von vorne, in einer leeren HTML-Datei. Skizzen (mit Bleistift) hab ich dann meistens schon und schreibe eben alles um.

Sid

Für Wordpress-Themes
Normalerweise gestalte ich erst mal einen Entwurf mit Paint Shop Pro, meinem Bildbearbeitungsprogramm. Die Struktur ist ja schon durch Wordpress ansich vorgegeben.
Dann lege ich mit einer "nackten" css los. Zuerst die Basis, also Kopf, Naviagation und Fuß als Container. Und dann kommt eines zum anderen, da habe ich keine feste Reihenfolge.
Mein BLOGhäuschen-Layout habe ich nachgebaut, es sollte genauso aussehen wie mein vorheriger Blog bei myblog.de. Und da viele meiner Blogfreunde wenig Web-Kenntnisse und ihre Blogs bei BlueLion gehostet haben, habe ich das Layout noch ein wenig an das typische BLW-Layout angepaßt.

Wenn ich eine"normale" Webseite erstelle, mache ich auch einen grafischen Entwurf, fange dann aber erst mal mit der Struktur, also dem HTML-Code an. Danach geht's ans css.

1. Entwurf auf Papier, erst Freihandskizze, dann mit Lineal.
2. erstmal wegwerfen der entstandenen Skizzen.
3. Nochmal Entwurf, diesmal mit mehr Denkarbeit.
4. Photoshop anschmeißen und den Entwurf nachbaun.
5. siehe 2. und 3.
6. HTML coden. Komplett, mit allem was reingehört.
7. CSS einrichten (diverse Grundlagen, etc)
8. Layout mit CSS
9. Grafische Sachen, Feintuning der CSS
10. PHP/Wordpress-Tags einsetzen.
11. die vergessenen »"« und »{« einbaun.
12. Nochmal Feintunning und Optimierung.

Fertig.

also ich nehm mir ein design wa smir geäfllt und ändere es. natürlich baue ich noch einige css verweise ein und baue sie dann ins template. gbit es eigentlich ein tutorial wo alle php tags aufgelistet sind mit beschreiung oder so..

gibt es nicht auch die möglichkeit, von Adobe Indesign aus (in xhtml) zu exportieren??

entweder ich finde es im Moment nicht, oder ich habe mich geirrt....
:rolleyes:

Zitat von Xara

also ich nehm mir ein design wa smir geäfllt und ändere es. natürlich baue ich noch einige css verweise ein und baue sie dann ins template. gbit es eigentlich ein tutorial wo alle php tags aufgelistet sind mit beschreiung oder so..

http://www.php.net ;)