Themes sind ein großer Teil dessen, was WordPress so beliebt macht, wie es ist. In dieser dreiteiligen Serie werden wir Sie Schritt für Schritt durch den Prozess führen, der zu einem vollständig funktionierenden WordPress-Theme führt. In Teil drei werden wir das Kommentarsystem implementieren, Sidebar-Widgets hinzufügen und alles zusammenfassen!
Auf der Suche nach einemkostenloses WordPress-Themeum schnell anzufangen? Wir haben einige tolle für Sie zur Auswahl!
Willkommen zum abschließenden Teil dieser dreiteiligen Serie zur Entwicklung eines WordPress-Themes von Grund auf. Letztes Mal haben wir die Grundstruktur eines Themas erstellt. In dieser Woche fügen wir die fehlenden Teile hinzu und beenden unser erstes Thema.
Letztes Mal haben wir unser Standard-HTML / CSS-Design in ein funktionierendes WordPress-Design umgewandelt, das im Dashboard ausgewählt werden kann. Das Thema hat eine Frontseite, kann einzelne Beiträge / Seiten und die Navigation anzeigen. Das erste, was wir uns ansehen werden, ist die Seitenleiste und wie Widgets in sie integriert werden.
Bevor wir beginnen, erstellen wir ein einfaches Text-Widget in WordPress, damit wir leicht sehen können, wann die Widgets funktionieren. Dazu wechseln wir zu Widgets unter der Dropdown-Liste Aussehen im Dashboard.
Wie Sie sehen, hat WordPress festgestellt, dass in unserem Design keine Bereiche für die Anzeige von Widgets eingerichtet sind. Damit WordPress die Verwendung von Widgets zulässt, müssen wir einige Bereiche in unserem Design registrieren, in denen Widgets angezeigt werden können. Die zwei häufigsten sind die Seitenleiste oder die Fußzeile.
Natürlich sind Widgets nicht auf diese beiden Standorte beschränkt, sie können überall hingehen - sie können sogar aufgelöst werden. Es ist üblich, einen Ort mit dem Namen "Sidebar Top" und einen weiteren als "Sidebar Bottom" zu erstellen. Zwischen diesen beiden Standorten können Websites Anzeigen anzeigen oder haben andere Gestaltungsmöglichkeiten im Design. Natürlich können Anzeigen auch Widgets sein, aber einige Designs haben unterschiedliche Möglichkeiten, mit Dingen umzugehen.
In unserem Thema haben wir einfach einen Bereich - die Sidebar. Dazu müssen wir unsere derzeit leere Datei "functions.php" öffnen. Fügen Sie in dieser Datei den folgenden Code ein.
'sidebar', 'before_widget' => '',' after_widget '=>'',' before_title '=>'',' after_title '=>'',)); ?>
Wenn wir nun zum Dashboard zurückkehren und zu Widgets unter Appearance wechseln, sollte die Seite ein bisschen mehr aussehen (obwohl wir das Text-Widget ohne das Widget jetzt hinzufügen werden).
WordPress weiß jetzt, dass unsere Seitenleiste vorhanden ist, und wir können Widgets aus dem Bereich "Verfügbare Widgets" in unsere Seitenleiste ziehen. Ziehen Sie zunächst über ein einfaches Text-Widget. Setzen Sie den Titel auf "Unser erstes Widget". und den Text zu allem, was Sie möchten. Stellen Sie sicher, dass Sie die Automatisierung von Absätzen aktivieren.
Wenn dies erledigt ist, müssen wir nun unserem Theme etwas Code hinzufügen, um wissen zu lassen, wo sich diese spezielle Widgetposition befindet. Öffnen Sie daher sidebar.php. Da der Inhalt der Seitenleiste jetzt automatisch generiert wird, können Sie den Code in dieser Datei durch Folgendes ersetzen: