Verwenden von Filtern mit thematischen

Als WordPress Thema Rahmen ist die thematische am besten mit einem Kind Thema für optimale Leistung und Anpassung kombiniert. Kind-Designs können Sie ein individuelles Webdesign, mit standard-HTML und CSS erstellen und integrieren Sie thematische und WordPress-Funktionalität mit "Haken" und "Filter." Diese Haken oder "Template-Tags," ziehen Sie im Code und HTML erstellt von WordPress oder thematische, das Layout und die Funktionalität des Designs zu produzieren. Jeder von diesen Haken hat einen Filternamen. Wenn Sie eine untergeordnetes Thema zu erstellen, erstellen Sie eigene Funktionen die diese Filter-Hooks mitteilen, was zu Ihrem fertigen Thema ausgeben. Der Vorteil ist die Möglichkeit, ein benutzerdefiniertes Layout zu erstellen, das die thematische Funktionalität verwendet ohne jede Template-Dateien zu ändern.

Anweisungen

1 Erstellen Sie einen neuen Ordner auf dem Desktop namens "FilterTest." Dies wird Ihr Kind Theme-Dateien enthalten. Öffnen Sie einen Text- oder HTML-Editor und erstellen Sie eine neue Datei namens "style.css." Dieses Stylesheet beherbergt Sie zu erstellen, wählen Sie benutzerdefinierten Formatvorlagen und WordPress zu erkennen und aktivieren Ihr neue Thema erforderlich ist. Die "style.css" wird auch erklären, welche Vorlage um zu verwenden, legen Sie in diesem Fall ist die thematische. Dazu kopieren Sie Folgendes in Ihre "style.css" und bearbeiten Sie den Namen des Autors mit Ihren eigenen:

/*

Themenname: FilterTest

Autorname: Ihr Name

Vorlage: thematische

*/

2 Laden Sie eine Kopie der thematischen und öffnen Sie das Thema Ordner. Öffnen Sie die Datei "header.php" in Ihrem Text oder HTML-Editor. Sie werden feststellen, dass diese Datei eine Reihe von Template-Tags und Thema Haken verwendet, statt mit einer statischen HTML-Layout. Diesen Haken können Designer erstellen ihre eigenen Layouts durch das Kind-Thema, sondern Thematische Thema Framework verwenden, um die administrativen Aspekte des Themas zu verwalten. Notieren Sie sich die "thematic_create_stylesheet()"; Haken. Normalerweise müssten Sie Stile aus der thematischen verschiedene Stylesheets in Ihrem Kind Thema "style.css" kopieren, aber Sie können "thematic_create_stylesheet();" Filtern um sie stattdessen an den Header verknüpfen, so dass Sie ausschließlich benutzerdefinierte Formatvorlagen in Ihrem Kind Thema Stylesheet verwalten.

3 Eine zweite neue Datei namens "functions.php." Diese Datei enthält Ihre benutzerdefinierte Funktionen und Filter, die WordPress verwenden wird, um den definierten Haken in thematische mit benutzerdefiniertem Code zu ersetzen, die Sie erstellen.

4 Kopieren Sie die folgende benutzerdefinierte Funktion in Ihrer Datei "functions.php":

<? Php

Funktion childtheme_create_stylesheet() {}

$templatedir = get_bloginfo('template_directory');

$stylesheetdir = get_bloginfo('stylesheet_directory');

?>

<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/reset.css" />

<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/typography.css" />

<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/images.css" />

<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/layouts/2c-l-fixed.css" />

<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/18px.css" />

<link rel="stylesheet" type="text/css" href="<?php echo $stylesheetdir ?>/style.css" />

<? Php

}

Add_filter ('Thematic_create_stylesheet', 'Childtheme_create_stylesheet');

? >

Im obigen Beispiel haben Sie eine benutzerdefinierte Funktion namens "Childtheme_create_stylesheet." erstellt. Sie erstellt dann zwei benutzerdefinierte Variablen, "$templatedir" und "$stylesheetdir" als "Verknüpfungen" anstatt zu wiederholen das gleiche WordPress-Template-Tag immer und immer wieder verwenden. Ihre benutzerdefinierte HTML geht's weiter. Dieser Code wird angezeigt, wo die "thematic_create_stylesheet();" Haken oder Template-Tag verwendet wird. Die letzte Zeile sagt WordPress "filtern" dieser Haken mit der benutzerdefinierten Funktion, dies geschehen zu erhalten.

5 Verwenden Sie einen Filter, um den Dokumenttyp der generierten HTML-Seiten ändern. Standardmäßig werden thematische Seiten als XHTML 1.0 Transitional ausgeben. Um dies in HTML5 zu ändern, kopieren und fügen Sie den folgenden Filter, die in Ihrer Datei "functions.php" direkt über dem schließenden PHP-Tag gesetzt (? >) am unteren Rand des Dokuments:

Funktion childtheme_create_doctype($content) {}

$content = "<! DOCTYPE html >';

$content. = "\n";

Rückkehr $content;

}

Add_filter ('Thematic_create_doctype', 'Childtheme_create_doctype');

Dieser Filter wird "thematic_create_doctype();" ersetzen im thematischen Header mit einem HTML5 "Doctype" Erklärung, wo zuvor die folgende Zeile generiert:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

6 Erstellen Sie Ihre eigenen Filter und legen Sie sie vor dem schließenden PHP-Tag, und verwenden Sie die korrekte Syntax, um zu vermeiden, dass Fehler in Ihrem Browser. Speichern Sie beide Ihr Kind Theme-Dateien zum Ordner "FilterTest". Laden Sie sie auf Ihrem Webserver unter "wp-Content/Themes" und aktivieren Sie Ihr neue Thema in den Administrationsbereich von WordPress um die Ergebnisse anzuzeigen. Weiterhin Filter hinzufügen und bearbeiten Ihre Kind-Theme-Dateien mit dem WordPress-Thema-Editor für weitere sofortige Ergebnisse.

Tipps & Warnungen

• Jede thematische Vorlagendatei in Ihr Kind Thema kopieren und dann das Layout anpassen, entfernen oder hinzufügen Haken oder Stile. Dies ist manchmal einfacher für Designer, die das Thema Layout drastisch ändern möchten.
• Vermeiden Sie die Designvorlagen selbst, zu viel HTML hinzufügen, da dies von der Leistungsfähigkeit und Flexibilität wegnimmt von thematischen als Rahmen verwenden. Wickeln Sie immer Ihre Code-Ergänzungen in Haken und filtern das Thema Funktionalität intakt zu halten.