Eigenes Template in Wordpress Theme umwandeln

Guten Tag,

ich habe mehrere Monate damit verbracht mir ein eigenes Template zu erstellen. Dafür habe ich html und css gelernt. Ich bin in beiden Bereichen immer noch Anfänger, habe es aber geschafft mit Hilfe von google, viel lesen und ausprobieren ein Template zu erstellen, dass genau meinen Vorstellungen entspricht.

Ich habe dies in der Abischt erstellt, damit meinen eigenen Blog zu starten. Was ich nicht bedacht habe ist, dass ich einen Wordpress Blog starten wollte. Ich möchte gerne die Funktionen wie Widgets und Plugins von Wordpress nutzen und habe keine Ahnung was ich als nächstes tun könnte, damit das Design erhalten bleibt, aber eben für einen Wordpress Blog.

Ich habe also eine html und eine css Seite. Soweit ich weiß benötige ich aber eine php Seite. PHP kenne ich noch nicht, werde aber auch hier die nötigen Grundlagen erlernen, wenn dies erforderlich ist. Ich habe bisher viel Zeit und Energie und bin gewillt auch weitere Zeit und Energie zu investieren. Allerdings wäre ich wirklich sehr dankbar für nützliche Tipps oder eine Art Leitfaden, was ich jetzt machen könnte, um mein Template/Design auch für meinen Blog zu realisieren.

Ich habe schon etwas über Widget Areas gelesen, muss mich aber noch mehr mit der Materie auseinander setzen.

Meine Fragen an euch sind:

- Was ist der Unterschied zwischen einer html und einer php Datei?
- Muss ich zwingend php lernen, um meinen Wunsch zu realisieren? Wenn ja, reichen Grundlagen, wie fange ich am Besten an?
- Wie realisiere ich letzt endlich, dass ich auf alle Funktionen (Widgets, Plugins) von wordpress zugreifen kann und dabei mein eigenes Design erhalten bleibt?

Grüße aus Berlin

Danke euch zwei für die Antworten!

danielgoehr Wenn ich eine Standard Theme nehme und diese dann so anpasse, dass es wie mein Design aussieht, dann wäre das absolut in Ordnung. Dann war die Erstellung dees Templates halt ein Lernprozess für html und css.

Ich werde mir die beiden genannten Standard Themes mal genauer anschauen und versuchen sie an meine Vorstellungen anzupassen.

Ich werde mit ziemlicher Sicherheit nochmal hier reinschreiben und wäre über eure Hilfe sehr dankbar.

Ok also ich habe jetzt twenty twelve mal aktiviert. Aber der stylesheet Text hat soviele Begriffe bzw. Befehle, die mir gar nichts sagen :(.

Vielleicht könntet ihr mir ganz kurz zum Einstieg helfen: Als erstes würde ich gerne die Suchleiste von der sidebar rechts oben in den Header rechts einfügen. Bei widgets kann ich im header aber nur ein Bild zufügen, sonst stehen keine Optionen zu Verfügung. Wenn ihr mir sagen könntet, wie ich die Suchleiste im stylesheets Text/Code ändere, um sie von der sidebar in den header zu bekommen, dann hilft mir das vielleicht schon sehr viel weiter.

Ich will nicht nerven, ich merke dass ich mich einfach mehr mit der Materie auseinander setzen muss.

Aber eine letzte Frage bevor ich Tutorials lese/anschaue: Kann ich nicht einfach meine Werte aus meiner css Datei auf die Elemente einer wordpress Theme (z.B. twenty twelve oder twenty seventeen) anwenden/übernehmen. Wenn ich jetzt z.B. die Werte height, color, width usw. von einem div Element meines Templates einfach übertrage auf die div Elemente im Theme z.B. vom header, müsste das nicht funktionieren?

Also ich konnte einige Sachen mit css definieren. Komm jetzt gerade aber nicht weiter...

Ich würde gerne die weißen Ränder rechts und links weg haben. Außerdem soll mein Blog nicht zentriert sein und die gesamte verfügbare Breite nutzen. In meinem template habe ich einfach body margin und padding auf 0 gesetzt. Bei twenty twelve sind aber ebenfalls alle body Werte bei margin und padding auf 0. Weiß jemand woran das liegt und kann mir helfen?

Ja ich nutze Chrome. Hab die Ursache aber bisher nicht rausfinden können.

Und Danke für den Code!

Offtopic: Wie kann ich meine Beiträge editieren? Finde den Button nicht.

Auf jeden Fall habe ich es hinbekommen: Hinter margin: 0 und padding: 0 habe ich jeweils ein !important angefügt. Damit funktioniert es.

Jetzt mache ich erstmal weiter... Danke nochmals für eure Antworten, dass hilft mir echt weiter.

Ich würde gerne ein weiteres div Element einbauen. Das Element soll neben dem Hauptfenster platziert werden. Könnt ihr mir da weiter helfen?

Danke dir, in der header.php hats geklappt.

Hallo nochmal,

ich bin jetzt schon sehr weit vor ran gekommen. Ich konnte das Theme twenty twelve so anpassen, dass fast alles so aussieht, wie in meinem Design. Jetzt habe ich aber das Problem, dass um den body ein Rahmen oder Schatten ist. Seit 3 Stunden habe ich alles versucht, um den weg zu kriegen.

Ich habe es mit border:none und box-shadow:none in der style.css Datei versucht unter body, site, wrapper aber ich finde einfach nicht den Grund warum dort dieser Rahmen/Schatten ist. Die Sache ist, man sieht diesen gar nicht, wenn der Browser die gesamte Breite nutzt. Weil ich aber die max-width begrenzen möchte, ist es so, dass auf der Rechten Seite immer dieser "Rahmen/Schatten" da ist, wenn die Auflösung höher als die Limitierung ist. Als Beispiel: Ich stelle max-width auf 1680px (ist nur ein Beispiel) und meine Auflösung (Breite) ist auf 1900, dann ist immer dieser Rahmen/Schatten vorhanden.

Ich würde wirklich nicht hier schreiben, wenn ich nicht selbst lange gesucht und gegoogelt hätte. Ich finde die Ursache einfach nicht