Eine volle Breite Seitenvorlage für WordPress erstellen

December 2

Eine volle Breite Seitenvorlage für WordPress erstellen

Obwohl WordPress in erster Linie eine Blogging-Plattform ist, nutzen viele Menschen als ein Content Management System (CMS). Wenn WordPress verwenden, um eine vollständige Website zu bauen, macht Seitenvorlagen erstellen die Website flexibler, so dass mehrere Layouts für Inhalte. Um eine volle Breite Seitenvorlage erstellen, müssen Sie erstellen eine neue Vorlagendatei mit einer speziellen Codezeile Kommentar oben. Erhalten Sie einen schnellen Start Erstellen der Vorlage mithilfe von Code in Ihre Seite-Vorlagendatei "page.php" bereits vorhanden, und dann sollten Sie diese Datei bearbeiten, indem den Seitenleisten herausnehmen.

Anweisungen

1 Erstellen Sie eine neue leere Datei im nur-Text oder Code-Editor Ihrer Wahl. Öffnen Sie Ihre Datei "page.php" von der folgenden Position:

/yoursite/wp-content/themes/Name-of-Theme /

"Yoursite" ist das Verzeichnis, wo Sie installiert WordPress und "Name-des-Theme" ist der Name des Themas, die Sie bearbeiten möchten. Kopieren Sie den Inhalt von "page.php" und fügen Sie ihn in die leere Datei. Speichern Sie die leere Datei als "ur-Vorlage-name.php," ist, wo "your-Vorlage-Name" welchem Namen auch immer Sie wollen die Datei geben.

2 Fügen Sie die folgende Codezeile am Anfang Ihrer neuen Vorlage-Datei:

<? Php / Template Name: Ihr Name hier /? >

WordPress liest diesen Code, und wenn es "Template Name" sieht, sie weiß, dass "Ihr Name hier" ist eine Vorlage, die sie beim Erstellen von Seiten im Dashboard anbieten sollte. Geben sie einen beschreibenden Namen, z. B. "Voller Breite Seite." Speichern Sie die Datei.

3 Durchlesen der PHP-Datei, die Sie gerade erstellt haben, und für diesen Codeeintrag aussehen:

<? Php get_sidebar();? >

Im Falle mehrerer Seitenleisten möglicherweise Code für andere Seitenleisten, die ähnlich der folgenden angezeigt:

<? Php-include TEMPLATEPATH. ' / sidebar2.php';? >

Entfernen Sie Codes für Seitenleisten, wo Sie sie sehen. Speichern Sie die Datei erneut.

4 Öffnen Sie Ihre Datei "header.php", und überprüfen Sie, ob das < Body >-Tag die folgende Codezeile enthält:

<? Php body_class();? >

Wenn Sie es dort nicht angezeigt werden, fügen Sie das-Tag im < Body >-Tag. Speichern Sie die Datei "header.php". Jetzt gehen wieder auf voller Breite Vorlagendatei und stellen Sie sicher das < Div > oder < Abschnitt >-Tag, das Ihre Seiteninhalt umfließt hat seiner Klasse setzen auf <? Php post_class();? > wie folgt:

< Div Class = "<? Php post_class();? >" >

5 Öffnen Sie Ihre Datei "style.css" und fügen Sie Folgendes hinzu:

.Page-Template-Layout-full-width-php .page {}

Breite: 100 %;

}

Ändern Sie ".page-template-layout-full-width-php" entsprechend den Namen gab Sie Ihre Vorlage-Datei. Eine Datei namens "mein-neues-page.php" wird ".page-template-my-new-page-php" sein. Dieser CSS-Code sorgt dafür, dass jede Seite legen auf die volle Breite Vorlage verwenden dessen Inhalt über die gesamte Breite des Bildschirms angezeigt wird.

6 Melden Sie sich das WordPress-Dashboard, und erstellen Sie eine neue Seite. Finden Sie nach der Editor Ihre Inhalte hinzufügen den Dropdown-Pfeil unter Vorlage im Feld Seitenattribute auf der rechten Seite des Bildschirms. Klicken Sie auf den Dropdown-Pfeil und wählen Sie Ihre neue Vorlage. Klicken Sie auf blau Update im Feld oben auf die Seite veröffentlichen.

Tipps & Warnungen

  • Bei der Codierung eigene WordPress-Theme verwenden Sie ein CSS-Framework wie 960. gs oder Blueprint CSS. Statt die Breite einer Spalte in CSS bearbeiten, können Sie dann Spaltenklassen zu Ihren HTML-Tags definieren der Breite hinzufügen.
  • Nicht benennen Sie Ihre Vorlage Datei "home.php" oder "Front-page.php," weil WordPress behandelt diese Dateien als Alternativen für "index.php."