HTML-Themes in Wordpress integrieren
Um das Rad nicht neu erfinden zu müssen, empfiehlt es sich, ein bestehendes Wordpress-Theme als Ausgangsbasis für die eigene Kreation zu verwenden. Die Standard-Themes sind allerdings sehr komplex und verlangen viel Einarbeitungszeit. Einfacher geht es mit speziell für Entwickler konzipierte Themes, wie zum Beispiel Toolbox, die sich auf wesentliche Funktionen beschränken. Um das Rad nicht neu erfinden zu müssen, empfiehlt es sich, ein bestehendes Wordpress-Theme als Ausgangsbasis für die eigene Kreation zu verwenden. Die Standard-Themes sind allerdings sehr komplex und verlangen viel Einarbeitungszeit. Einfacher geht es mit speziell für Entwickler konzipierte Themes, wie zum Beispiel Toolbox, die sich auf wesentliche Funktionen beschränken. Da es bei der Integration des HTML-Themes hauptsächlich darum geht, Codes aus der Vorlage an die richtige Stelle in den Wordpress-Dateien zu kopieren, ist es wichtig, sich zunächst einen Überblick zu verschaffen.Aufbau eines Wordpress-Themes
Wordpress-Themes sind hierarchisch aufgebaut. Die Seitenstruktur wird in der index.php im Ordner /wp-content/themes/Name-des-Themes festgelegt, von der aus alle andere relevanten Dateien referenziert werden; beispielsweise header.php und footer.php für Kopf- und Fußbereich der Internetseite und sidebar.php für die Wordpress-Navigation und Widgets. Das Layout eines Themes wird im wesentlichen von der CSS-Datei - meist style.css oder stylesheet.css - bestimmt. Es lohnt sich, diese Handvoll Dateien genau zu studieren und sich gegebenenfalls Notizen zu machen, welche Stylesheet-Angaben für das eigene Projekt relevant sind.Analyse und Zusammenführung
Hat man sich einmal mit dem Aufbau eines Wordpress-Themes vertraut gemacht, wird man schnell die entsprechenden Bereiche in der HTML-Vorlage identifizieren. Meist genügt es schon, die Stylesheet-Angaben aus der Vorlage in das Wordpress-Theme zu kopieren und den Selektor anzupassen. Dabei ist zu beachten, dass man keine Inhalte wie Überschriften oder ganze Menüs in den Wordpress-Code kopiert, sondern nur die Formatangaben. Die Inhalte soll das CMS später dynamisch generieren und in das Layout einfügen.
Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.
Über uns
Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project