Gewusst wie: Erstellen einer benutzerdefinierten Vorlage in WordPress

April 20

Gewusst wie: Erstellen einer benutzerdefinierten Vorlage in WordPress

WordPress Vorlagen sind Dateien, die der Code, den Stil und die Grafiken von einer angetrieben von WordPress Blog oder eine Website enthalten. WordPress Themen enthalten eine header.php, index.php, comments.php, sidebar.php, footer.php und einer style.css. Stil und Funktionalität jeder Vorlage-Datei können angepasst werden, um eine bestimmte Website zu entsprechen. Designer können beliebig viele benutzerdefinierte Vorlagendateien sie für jedes Thema wünschen.

Anweisungen

1 Öffnen Sie ein leeres Dokument in einem Texteditor und geben Sie der Datei einen Namen. WordPress benötigt Template-Dateien mit der Erweiterung ".php" gespeichert werden. Speichern Sie es als "custom_page.php" für jetzt. Die WordPress-Codex enthält eine Liste der reservierte Dateinamen, die nicht für benutzerdefinierte Vorlage Dateinamen verwendet werden können. Diese Namen werden für vordefinierte Template-Dateien gespeichert.

2 Fügen Sie folgenden Code in die Seite:

<? Php

/*

Vorlagenname: Custom Page

*/

? >

"Benutzerdefinierte Seite" ist der Name der Datei, und WordPress nennt es in den Administrationsbereich Seite mit diesem Namen und definiert sie als eine Vorlage. Ändern Sie, um den Namen der gewünschten Vorlage.

3 Fügen Sie <? Php get_header();? > unter die ersten fünf Zeilen Code. Dies erfordert die < Head > Informationen in die Datei "header.php".

4 Geben Sie den HTML-Code zum Anzeigen der Seiteninformationen und Stil. Die Behälter sind in der style.css definiert und können von anderen Template-Dateien kopiert werden. Laut der WordPress Codex sollte die Vorlagendateien nach "index.php" modelliert werden. Im folgenden finden grundlegende HTML-Code in das Standard-WordPress-Theme, "20:10" verwendet:

< Div Id = "Container" >

&lt;div id="content">

<? Php get_template_part('loop');? >

&lt;/div>&lt;!---content -- >

< / Div ><--Container-->

Das div-Tag "Container" definiert das Layout der Seite und das "Inhalt" Div definiert wo WordPress Inhalt der Seite aufruft. Die Schleife und die index.php heißen mit "get_template_part();" Tag. Die Schleife ist der Code, den WordPress verwendet die PHP anzeigen, nutzergenerierten Inhalten und "index.php" fügt das Standarddesign angezeigt, auf der Titelseite der Website. Fügen Sie zusätzliche IDs, Klassen und PHP zwischen der öffnenden und schließenden div "Inhalt". Diese Informationen ist abhängig von der Art der Seite; beispielsweise ein "Autoren" Seite oder die Seite "Kontakt".

5 Einfügen <? Php get_footer()? > unterhalb des Tags schließen "Container". Dies erfordert die "footer.php" enthält das schließende < / body > und < / html > Informationen für die Seite.

6 Speichern Sie die Datei und laden Sie sie auf das WordPress Thema Ordner auf dem Webserver. Das Thema Ordner befindet sich in "/ wp-Content/Themes."

Tipps & Warnungen

  • Verwenden Sie das Standard-WordPress-Theme "20:10" als Leitfaden für Ideen zur benutzerdefinierten Vorlagendateien.
  • Speichern Sie das Dokument nach jeder Änderung zu verhindern, dass Arbeit verloren.
  • Verwende keine Textverarbeitungsprogramme wie Microsoft Word und OpenOffice, um Theme-Dateien zu bearbeiten.