Eine eigene Seitenvorlage oder wie lege ich ein neues Page-Template in WordPress an - Guru 2.0
Eine eigene Seitenvorlage oder wie lege ich ein neues Page-Template in WordPress an

Eine eigene Seitenvorlage oder wie lege ich ein neues Page-Template in WordPress an

Sonnenuntergang in Salzburg, Foto: microble.eu

Sonnenuntergang in Salzburg, Foto: microble.eu

Gerade wieder im Netz auf eine Frage gestoßen, die für viele ein Mysterium ist, aber für WordPress-Profis so selbstverständlich.

Kann mir hier vielleicht jemand sagen, ob ich in WordPress auch Seiten erstellen kann, deren Titel NICHT angezeigt wird?

Und auch die Antwort ist dann so was von klar:

Könnte man doch aber wohl über ein Childtheme ganz rausnehmen oder per CSS ausblenden.

Aber gerade mit dem (CSS? PHP? Page?), haben dann die meisten Blogger Probleme. Doch es kann ja so einfach sein.

Also wie man ein Child-Theme erstellt habe ich vor ein paar Tagen bereits erklärt,du kannst dir ja vorher den passenden Post durchlesen. Dann kommt auch schon der nächste und sehr einfache Schritt.

1. Die ursprüngliche Seite kopieren

Datei mit FileZilla umbenennen (Kontextmenü)

Datei mit FileZilla umbenennen (Kontextmenü)

Suche dir im Eltern-Theme die Datei page.php und kopiere sie 1:1 in dein Child-Theme. Erstens bist du dann sicher, dass die Originaldatei nicht verändert wird und auch weiter zur Verfügung steht. Zweitens kannst du dann jederzeit Updates durchführen, ohne dass deine Änderungen gelöscht werden. Dazu lädst Du sie mit einem FTP-Programm vom Eltern-Theme auf deinen Computer und danach sofort wieder auf den Server. Aber beim Hochladen achtest du darauf, dass sie im Child-Theme landet und nicht dort wo du sie heruntergeladen hast.

Nun musst du der Datei einen neuen Namen geben. Bei FileZilla klickst du mit der rechten Maustaste auf die Datei und wählst den Befehl Umbenennen.

Dateinamen in FileZilla eingeben

Dateinamen in FileZilla eingeben

Nun zeigt dir FileZilla den Dateinamen editierbar an. Gib jetzt einen passenden Namen ein. Aber er darf keine Leer- oder Sonderzeichen enthalten. Am besten verwendest du nur die Buchstaben von A – Z oder a – Z, die Ziffern 0 – 9 und den Binde- oder Unterstrich (-, _) für den Dateinamen, dann bist du auf der sicheren Seite.

2. Dem Template einen Namen geben

Dazu musst du jetzt direkt den Code deiner neuen Seitenvorlage ändern. Dazu klickst du wieder mit der rechten Maustaste auf den Dateiname. Aber dieses Mal verwendest du den Befehl Ansehen/Bearbeiten aus dem Kontextmenü. Jetzt sollte sich irgendein Editor deines Computers öffnen. Meistens wird das auf Windows NotePad und auf Mac TextEdit sein. Beide können dir Sorgen bereiten (sie könnten formatierten Text speichern), daher empfehle ich dir Sublime Text 3. Lade den Editor schnell herunter und verwende ihn für die folgenden Änderungen.

Du siehst jetzt den gesamten Quellcode der Datei vor dir. Der schaut natürlich von Theme zu Theme unterschiedlich aus. Aber meistens findest du, wie hier gezeigt, eine Bemerkung am Anfang der Datei (Ich habe dir mal die vom Standardtheme Twenty Thirteen kopiert).

Ganz am Anfang siehst du <?php. Das steht immer am Anfang der Datei, denn damit kann der WebServer erkennen, dass hier PHP-Code kommt. Danach siehst du /*. Das ist der Anfang einer mehrzeiligen Bemerkung. Der folgende Text wird einfach ignoriert und hilft nur dir als Mensch, da hier Erklärungen stehen. Jede neue Bemerkungszeile beginnt wieder mit einem Stern (*) und ganz am Ende steht dann */ um die mehrzeilige Bemerkung abzuschließen. Ich erkläre dir das so genau, weil wir genau hier etwas ändern müssen.

Falls Du in deinem Template keine Bemerkung hast musst du Sie direkt nach dem <?php erzeugen und fügst diesen Code ein.

Ist bei dir der Bemerkungsblock vorhanden, kannst du direkt nach /* die Zeile 2 und 3 einfügen. Wichtig ist der Teil nach Template Name: Denn dies ist der Name der Vorlage, wie du ihn später im DashBoard angezeigt bekommst. Er sollte nicht zu lange sein, aber trotzdem klar sagen, was das Template macht.

3. Den Titel der Seite entfernen

Damit du nun auch keinen Titel mehr siehst, musst du eine bestimmte Zeile im Code finden.

Sie wird so oder so ähnlich aussehen. Auf jeden Fall wird der WordPress-Befehl the_title() zu finden sein. Lösche einfach die Zeile mit dem beiden HTML-Tags (<h2 ...> und </h2>) weg. Natürlich kannst du hier auch alles andere ändern. Aber wenn du nicht so gut in PHP bist, sei vorsichtig. Am Besten änderst du immer nur eine Zeile, speicherst die Datei ab und probierst die Änderungen in deinem Blog aus. Sobald du eine weiße Seite bekommst, hast du etwas falsch gemacht. Dann machst du einfach den letzten Arbeitsschritt rückgängig, speicherst und alles klappt wieder.

4. Die Datei speichern

Page Template auf dem WebServer speichern

Page Template auf dem WebServer speichern

Das ist eigentlich das Einfachste an der ganzen Übung: Du speicherst wie üblich deine Datei, dein Page-Template ab, aber eine Kleinigkeit gibt es danach zu beachten. Du musst nach dem Speichern FileZilla aktivieren. Du bemerkst sofort ein Fenster, welches dich warnt, dass eine Datei auf den WebServer übertragen und auch überschrieben wird. Bestätige die Aufforderung mit Ja damit du danach das Template auf dem Server speicherst.

5. Das Template verwenden

Jetzt, da du alles erledigt hast, kannst du die neue Vorlage auch aktivieren. Dazu gehst du im DashBoard auf Seite bearbeiten um eine bestehende Seite zu ändern oder neu erstellen um eine neue Seite anzulegen. Eigentlich solltest du in der rechten Seitenleiste ein Widget mit dem Namen Attribute finden. Falls es nicht da ist, findest du am oberen Bildschirmrand die Optionen und kannst dort die Attribute mit einem Häkchen aktivieren.

Vorlage für eine Seite auswählen

Vorlage für eine Seite auswählen

Nun kannst du auch deine Vorlage aktivieren. Klappe dazu die Liste unter Template auf und wähle die Seite ohne Titel aus, oder was du nach dem Template Name: eingegeben hast. Sobald du nun deine Seite speicherst, wird sie im FrontEnd deine neue Vorlage verwenden.

Du siehst, eigentlich ist es gar nicht so schwierig, sich ein neues Page-Template anzulegen. Falls Du Fragen hast, dir etwas unklar ist oder auch einen Tipp für den Guru 2.0 hast: Da links unten ist ein Link zu den Kommentaren und ich freue mich über jede Reaktion.

Blogheim.at Logo
Diese Website verwendet Cookies - nähere Informationen dazu finden Sie in unserer „Datenschutzerklärung“. Klicken Sie auf „Ich stimme zu“, um Cookies zu akzeptieren und unsere Webseite zu besuchen, oder klicken Sie auf „Cookie-Einstellungen“, um Ihre Cookies selbst zu verwalten.