Design an Wordpress anpassen

    Hallo!

    Ich habe mir vor kurzem Wordpress heruntergeladen und installiert (V. 2.6) und ein Design in Photoshop erstellt, welches ich als JPEG angehängt habe.
    Jetzt würde ich gerne das Design so umsetzen, dass ich es als Theme in Wordpress verwenden kann. Vorkenntnisse in HTML und PHP habe ich schon.

    Vielleicht könnte mir jemand weiterhelfen, wie ich am Besten damit anfange.

    Viele Grüße und schonmal Vielen Dank im Vorraus
    Max

    Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wenn du Vorkenntnisse in HTML und CSS hast, dann bau dir erstmal ne HTML-Seite, die das Design darstellt. Ohne PHP und mit Blindtexten. Wen ndu das hast, dann kannst du anfangen, WP-Template-Tags einzustreuen.

    für das design einer seite nutzt man heute auf keinen fall mehr tabellen!

    such dir jetzt ein theme aus, was so ähnlich aufgebaut ist wie dein bild und versuche, deine grafiken da mittels css und xhtml einzubauen, das wäre der einfachste weg, denke ich.

    Einmal editiert, zuletzt von SuMu (20. Juli 2008 um 17:51)

    Danke für eure Antworten!

    Ich würde aber doch gerne die richtige Art und Weise lernen, wie Themes erstellt werden und mich nicht immer an anderen Themes orientieren müssen.

    Wie es weiter geht steht in der Doku sehr schön beschrieben:

    Templates « WordPress Codex
    Theme Development « WordPress Codex
    Designing Themes for Public Release « WordPress Codex

    Die wichtigsten Funktion für die Templates findest du hier:
    Template Tags « WordPress Codex
    und alle anderen (nicht nur für Themes, auch für Plugin-Entwicklung) hier:
    Function Reference « WordPress Codex

    Achja, noch ne ganz wichtige Anlaufstelle ist diese hier:
    The W3C Markup Validation Service
    The W3C CSS Validation Service

    [size=8]Ich hoffe es baut hier niiieeee jemand nen Link-Spam-Filter ein... :mrgreen:[/size]

    Vielen Dank für deine Links, MarX!

    Kann jetzt schon den Inhalt ausgeben lassen.

    Eine Frage hätte ich aber noch:
    Wie Ihr vielleicht in meinem Design gesehen habt, besteht die Navigation aus bildern. Das Problem besteht also darin, dass ja nicht immer neue Bilder gemacht werden können, wenn einen neue Seite erstellt wird. Jetzt habe ich mir überlegt, dass pro Navigationspunkt immer ein DIV erzeugt wird, indessen Hintergrund sich dann der Farbverlauf als GIF befindet. In dieses DIV wird dann einfach der Navigationspunkt über Text ausgegeben.
    Jetzt brauche ich eure Hilfe:
    Wie kann ich es anstellen, dass immer pro Navigationspunkt ein DIV mit diesem Hintergrundbild erzeugt wird? Desweiteren sollte der Rollover Effekt noch mit einbezogen werden.
    Die Navigationspunkte kann ich schon über

    PHP
    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>

    ausgeben, aber wie ich die Navigation hinbekomme weiß ich nicht.

    Vielen Dank für Eure Unterstützung!

    Oder auch die <a>-Elemente, dann klappts mit dem Rollover (Stichwort ":hover"> auch in älteren IEs ohne JavaScript. Ist zwar etwas Gebastel an den Stylesheets, aber eigentlich nix aufregendes. Tutorials dazu gibts zuhauf im Netz. ;-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden