Wordpress Custom Theme Development
-
Upload
daniela-wibbeke -
Category
Design
-
view
425 -
download
3
Transcript of Wordpress Custom Theme Development
Warum?
l mehr Erfahrung in CSS, HTML und PHP
l eigenes individuelles Wordpress Theme
l Änderungen am Design unkompliziert selbst tätigen
l man kann sein eigenes Theme auf Wordpress hochladen und trägt etwas zur Community bei
Vorraussetzungen
l funktionierende Wordpress Installationen
l aktiviertes Theme z.B. TwentyFifteen
l HTML Seite mit index.html und style.css
header.php
l enthält alle Elemente, die im oberen Bereich der Website angezeigt werden z.B. Navigation oder Logo
l Bereich ist immer gleich z.B. auf allen Seiten, Beiträgen, Archiven usw.
Ausgabe SeitentitelVerlinkung Stylesheet
z.B. Laden von Scripten
Ausgabe der Seiteninfos
Ausgabe des Menüs
footer.php
l enthält alle Elemente die im unteren Bereich der Website angezeigt werden z.B. Copyright, Quicklinks oder Kontaktdaten
index.php
l Die wichtigste Datei des Themes
l enthält Code des Contentbereichs und legt fest wo andere Dateien eingebunden werden
l Ausgabe von Beiträgen auf der Startseite im Loop durch die index.php
Der Loop
l Ausgabe von Beiträgen überall im Theme
l dafür ist die Wordpress Funktion „The Loop“ zu ständig
l wichtiger Bestandteil, da ohne sie keine Inhalte angezeigt werden
<?php the_post_thumbnail(); ?>Beitragsbild:
<?php the_time(‘j. F Y’); ?>
<?php the_title(); ?>
Datum:
Überschrift
<?php the_content(); ?>Content
Kategorie <?php the_category(); ?>
<?php the_permalink(); ?>Verlinkung
functions.php
l nützlich um Eigenschaften und Funktionen des Themes zu erweiteren
l z.B. Aktivierung von Post Thumbnails, Sidebars oder Menüs
l Wichtig: gilt nur für das aktivierte Theme
style.css
l Theme Layout ist in der style.css hinterlegt
l style.css liegt im Theme Hauptverzeichnis
l vorhandene Datei muss mit Wordpress Style Kommentar ergänzt werden
Custom Page Template
l Page Template kann von mehreren Seiten genutzt werden
l Template Name steht als PHP Kommentar in Datei
l nach Datei-Upload erscheint Template Name in der „Seite bearbeiten“-Ansicht im Adminbereich
l einfache Methode zur Page Template Erstellung:
l Kopie von page.php um vorgegeben Strukturen zu übernehmen
l Dateiname: template-ueber-mich.php
l Templatename: „Über Mich Seite“
Custom Page Template
Custom Fields
l Custom Fields geben Möglichkeit Meta-Daten jedem Beitrag oder jeder Seite zuzuweisen
l Meta Daten haben immer ein „Key“ Feld und ein „Value“ Feld
l Key ist der Name des Custom Fields der „Value“ der ausgegebene Wert im Theme