Worpress Theme erstellen..

    Hallo liebe Community,

    ich habe eine kleine Frage.. bzw. große :-D:mrgreen:

    Ich möchte auch anfangen mir meine eigenen WP Themes zu erstellen. Jedoch weiss ich überhaupt nicht wie ich starten soll..

    1. Ich erstelle eine PSD Datei mit meinem Layout.

    2. Dann muss ich aus dem PSD eine HTML Seit mit CSS erstellen.

    3. Und dann erst Wordpress kompatibel machen??

    Ich habe Ahnung von CSS, mit Positionierung etc. Ich weiss nur nicht ganz wie ich es jetzt anfangen soll, das PSD in CSS umzuwandeln..

    Kennt vielleicht jemand ein paar gute Howtos für mich? Hab schon unzählige gelesen... aber irgendwie bringen die mich alle nicht weiter.

    Ich habe nun ein fertiges PSD. Nur wie gehts nun weiter? Gibt es gute editoren mit denen man PSD auf CSS bringt???

    Please Help :( :(

    Ein kleiner verzweifelter 7...

    Danke euch!

    • 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

    Moin,

    eine psd.Datei in CSS umzuwandeln, wie du schreibst ist imho ein ganz schlechter Weg.
    Wenn du Ahnung von CSS hast (wie du schreibst), machst du dir die Photoshop-Datei als Bild, dann schreibst du das Markup und formatierst entsprechend, damit es hinterher so aussieht wie dein Bildentwurf.

    Um ein eigenes Theme zu erstellen brauchst du meiner Erfahrung nach vor allem gute XHTML/CSS-Kenntnisse.

    Erst die index.htm mit allen Formatierungen erstellen.

    Diese Datei zerschneide ich dann praktisch und frickel sie in die header.php, footer.php, etc rein.

    Hier kannst du was dazu nachlesen, auch den Links folgen.

    Hier noch eine andere Quelle.
    Die finde ich didaktisch aber nicht so toll.
    Vor allem auf absol. posit. Layouts zu setzen finde ich nicht so optimal.

    Einmal editiert, zuletzt von koslowski (2. Oktober 2009 um 08:20)

    Zitat von koslowski

    Moin,

    machst du dir die Photoshop-Datei als Bild, dann schreibst du das Markup und formatierst entsprechend, damit es hinterher so aussieht wie dein Bildentwurf.

    Danke erstmal für die Antwort :) Da komm ich doch schon um einiges näher.. jedoch versteh ich diesen Satz nicht so ganz

    Was hat das mit dem Markup aufsich.. womit mach ich das am besten? hat ja nichts mit slicen zu tun oder???

    Hmm :) So ein kleiner ablaufplan, welche programme dafür benutzt werden wäre was schönes :mrgreen:

    aber das wohl ein bisschen viel aufwand.. :(

    Hi,

    Zitat von 7lifes


    Was hat das mit dem Markup aufsich.. womit mach ich das am besten? hat ja nichts mit slicen zu tun oder???

    Markup ist der Quelltext. :)

    Beim Firefox: Rechtsklick ins Browserfenster - Seitenquelltext anzeigen.

    Das ist u.a. wichtig weil du in deinen Template-Dateien öfter mal Template Tags einfügst, die ganz bestimmte Aufgaben übernehmen.

    Du kannst z.B. deine Seiten, die du im Backend erzeugt hast, mit wp_list_pages als Navigation ausgeben lassen.

    Dazu bildet WP automatisch verschiedene Klassen.
    Diese Klassen kannst du per CSS ansprechen.
    Um herauszufinden welche Klassen das sind, läßt du dir den Seitenquelltext anzeigen.

    Du bräuchtest auch noch Firebug (Deutsches Tut dazu).

    Mit Firebug kannst du ein bißchen mit den Formatierungen rumspielen und das Ergebnis sofort im Browser sehen.

    notepad++ als Editor ist ein guter Tip!

    Aber wie schon gesagt ohne gute XHTML/CSS-Kenntnisse halte ich das Unternehmen "Eigenes Theme" für...., äh.., sehr ambitioniert.

    http://www.texto.de/how-to-design-…ress-theme-265/

    gibts auch in Deutsch und auch das Englische ist verständlich, weil ich eh kein Shakespeare bin in der Sprach ;)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden