Wie erstelle ich ein neues Thema mit thematischen

May 2

Wie erstelle ich ein neues Thema mit thematischen

Das thematische Thema Framework für WordPress bietet eine saubere und leistungsfähige Grundlage für die Erstellung von Website-Designs. Die Systemsteuerung ermöglicht Benutzern leicht konfigurieren und Anpassen von Aspekte des Themas Layout und Farben, wodurch es eine populäre Wahl unter Designern für ihre Kunden. Thematische basiert auf benutzerdefinierte Funktionen und Vorlage "Haken", und "Child Themes" ermöglichen Designern, um unterschiedliche Blicke beschäftigt. Ein Child-Theme kann ähnlich wie bei einer normalen Webseite gestaltet werden. Platz WordPress und thematische Vorlagen-Tags innerhalb von bestimmten Bereichen des HTML-Dokuments, die sie mit dem thematischen System verwendet werden können.

Anweisungen

1 Erstellen Sie einen neuen Ordner und nennen sie nach Ihr neues Thema. Öffnen Sie Ihre thematische Designordner und kopieren Sie den Inhalt des Ordners "Thematicsamplechildtheme" in den neuen Theme-Ordner. Dies ist die Grundlage für das neue Kind-Design.

2 Starten Sie Ihren bevorzugten HTML oder Text-Editor, und öffnen Sie die Datei "style.css" in Ihrem Kind Theme-Ordner gefunden. Diese Datei enthält die primäre Layout-Informationen für Ihr Thema. Zunächst den Wert "Themennamens" mit Ihrem gewünschten Namen ersetzen. Fügen Sie Ihre "Theme-URL" die Adresse Ihrer Website sein kann. Bearbeiten der Beschreibung, Autor und Fotograf-URL, aber lassen Sie die "Vorlage: thematische" Eintrag als-ist. Dieser Eintrag weist WordPress, thematische als Rahmen für Ihr Thema zu verwenden.

3 Entfernen Sie die folgende Zeile in die thematische "default.css" Datei verknüpfen:

@import URL('.. / thematic/library/styles/default.css');

Sie wollen für Ihr Kind-Thema eigene Stile erstellen, und die einfachste Möglichkeit dafür ist die Standardstile in Ihrem neuen Stylesheet kopieren.

4 Öffnen Sie die Datei "default.css" thematische Vorlage im Verzeichnis unter "Bibliothek > Stile." Kopieren Sie den Inhalt der Seite und den vorhandenen Inhalt in Ihrem Child-Theme style.css Dokument einfügen. Bearbeiten Sie die Stile wie gewünscht, dann speichern Sie die Änderungen. Wenn Sie eigene Stile für Schriftarten und Text erstellen möchten, wiederholen Sie diese Schritte zum Entfernen der Anschlussstrecke zum "typography.css" und kopieren Sie den Inhalt in das style.css-Dokument bearbeitet werden.

5 Öffnen Sie die Datei "functions.php" in Ihrem Kind Theme-Ordner. Diese Datei steuert, welche Informationen von einzelnen thematischen gezogen werden wird, Haken in die Rahmen-Vorlagen oder eigene Vorlagen Ersatz. Bearbeiten, die die bestehenden Funktionen, wenn gewünscht. Sie können auch Erstellen Ihrer eigenen "Aktion Hooks" oder benutzerdefinierten Designs Filter hinzufügen, um dieses Dokument. Die thematische Website enthält eine umfangreiche Bibliothek von Dokumentation für beide.

Z. B. Wenn Sie Ihr neues Kind Thema für die Verwendung des HTML5-Standards erstellen, können Sie den folgenden Filter zwischen Einfügen der "}"und"? >" am Ende des Dokuments:

Funktion childtheme_create_doctype($content) {}

$content = "<! DOCTYPE html >';

$content. = "\n";

$content. = "<!--[Wenn (Gte IE 9) |! (IE)] ><!--> < html Klasse = "Nein-Js" Lang = "de" ><!--<! [Endif]--> "';

Rückkehr $content;

}

Add_filter ('Thematic_create_doctype', 'Childtheme_create_doctype');

6 Öffnen Sie die Dateien in den Ordner "Systemerweiterungen" innerhalb der thematischen Vorlagen-Ordner. Jede dieser Dateien enthält Funktionen, die im Zusammenhang mit bestimmten Teile des Codes, die das Gesamtkonzept bilden. Wenn Sie eine Layout in HTML erstellt haben, kopieren Sie die Funktionen in Ihre Child-Theme functions.php Datei und bearbeiten die "$content =" Werte mit dem benutzerdefinierten Code. Nur eine Zeile Code in jede Content-Anweisung gehen sollte, und Sie können hinzufügen, mehr wenn nötig durch Eingabe einer neuen Zeile wie:

$content = ' '. "\n";

7 Hochladen Sie Ihr neues Kind Thema in Ihrem Hauptverzeichnis "wp-Content/Themes" und aktivieren Sie es in Ihrem Administrationsbereich von WordPress. Sie können weiterhin Ihre Stile bearbeiten und optimieren Sie Ihre Funktion Inhalte im Erscheinungsbild-Editor während Sie Ihre Änderungen im Browser anzeigen.

Tipps & Warnungen

  • Verwenden Sie Operas "Inspect Element" Option aus dem Kontextmenü auf einfache Weise ermitteln, welche Formatvorlagen auf ein Element in der Vorlage angewendet werden und bei Bedarf bearbeiten. Eine ähnliche Funktion steht in Firefox durch das Add-on "Firebug" herunterladen.
  • Bearbeiten Sie die Datei functions.php mit Sorgfalt und stellen Sie sicher, dass Sie die Syntax verstehen. Wenn Sie einen leeren weißen Bildschirm erhalten, überprüfen Sie den Code für die fehlende Semikolons oder einfache Anführungszeichen und wieder lesen Sie das Thema Haken-Referenzhandbuch, bei Bedarf.