Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

WordPress-Themes mit Bootstrap

Design von einzelnen Seiten bearbeiten

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Das Design von einzelnen Seiten innerhalb eines WordPress-Themes wird von einer eigens hierfür zu erstellenden PHP-Datei gesteuert.
03:06

Transkript

Ich bin hier auf der Startseite meines Blogs und möchte mir jetzt mal die Ausrüstung für's Klettern anschauen, eine einzelne Seite. Und wenn ich diese Seite aufrufe, dann schaut die exakt genauso aus, wie die Startseite, obwohl sich hier oben die Adresse verändert hat. Warum ist das so? Eine einzelne Seite von einem WordPress-Theme wird normalerweise von einer entsprechenden Datei beliefert, diese Datei heißt page.php, die gibt es noch gar nicht und immer dann, wenn WordPress eine Datei nicht findet, dann greift automatisch diese index.php und der Inhalt dieser index.php wird angezeigt. Wenn ich also einzelne Seiten in meinem WordPress-Theme haben möchte, dann muss ich eine neue Datei anlegen und diese Datei hat den festgelegten Namen page.php. Und hier kann ich mal einen Inhalt reingeben. Mit get_header hole ich mir den header meines Themes. Mit get_footer hole ich mir den unteren Bereich und dann kann ich hier mir den Inhalt ausgeben. The_content, the_title, also die Überschrift einer Seite und mit the_post bereite ich den Inhalt einer Seite erst einmal vor. Das ganze speichere ich jetzt ab. Und überprüfe das ganze mal. Wenn ich jetzt hier auf die Wanderausrüstung gehe. Was passiert? Dann habe ich hier den Inhalt meiner Seite, der wird angezeigt, aber offensichtlich ist hier irgendwo die Überschrift verloren gegangen. Schauen wir uns das ganze mal im Quelltext an. Nein, ich habe hier h1 Wanderausrüstung, aber Sie sehen am oberen Bildschirmrand diese Überschrift, die ist unterhalb meines Menüs gerutscht, also muss ich das noch ein bisschen verschieben. Sie sehen hier in meiner page.php mache ich auch ein div container auf, der heißt class=container content, aber diesen div container mache ich hier innerhalb meiner page nicht zu. Es liegt daran, dass, wenn Sie hier mal in den footer reingehen, dann sehen Sie, erst innerhalb von footer.php wird dieser div container wieder geschloßen. Deswegen muss ich ihn hier am Anfang auch aufmachen. Dieser div container hat auch die Klasse content und jetzt kann ich innerhalb z. B. meiner carousel.css dieses content angeben und kann bspw. sagen, ich möchte das ganze etwas nach unten schieben und sage padding-top 90px. Wenn ich jetzt das ganze hier abspeichere und mir hier nochmal anschaue, dann ist das ganze hier nach unten gewandert und ich habe hier den Inhalt für die Wanderausrüstung und wenn ich jetzt die Kletterausrüstung mir anschaue, dann hat sich natürlich hier der Inhalt entsprechend verändert. Das heißt, wenn Sie eine einzelne Seite in Ihrem Wordpress-Blog ausgeben möchten von Ihrem Theme, dann brauchen Sie die Datei mit dem Namen page.php. Sie kennen vielleicht schon die Datei single.php, die macht etwas ähnliches, allerdings für einzelne Beiträge für einzelne Artikel, das heißt, es gibt die page.php für Seiten und die single.php für Artikel.

WordPress-Themes mit Bootstrap

Verwirklichen Sie Ihre eigenen Designvorstellungen bei Ihrem Webauftritt und sehen Sie, wie Sie WordPress-Seiten über Plug-ins und Themes wie z.B. Bootstrap erweitern können.

2 Std. 33 min (39 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!