Eine thematische Kopfzeile bearbeiten

December 20

Eine thematische Kopfzeile bearbeiten

Thematische ist eines der am weitesten verbreitete Thema Frameworks für die WordPress-publishing-Plattform wegen seiner sauberen Code und einfache Anpassung durch die thematische Admin-Panel. Gleichzeitig können Entwickler, die den Rahmen für ihre eigenen Designs ändern möchten in einige schwierige Hürden angesichts der thematischen Codestruktur ausführen. Der thematische Header kann wie jede andere Thema-Datei durch die WordPress "Darstellung > Editor" Seite in den Administrations-Bereich, aber die Datei enthält den HTML-Code im Header erwartet, anstatt nur thematische Haken bearbeitet werden. Um den tatsächlichen Header-Inhalt zu ändern, benötigen Sie Zugriff auf den Rest der Theme-Dateien.

Anweisungen

1 Starten Sie Ihren bevorzugten HTML oder Text-Editor und klicken auf "Datei > öffnen." Suchen Sie Ihre thematische Thema Ordner und öffnen Sie den Ordner "Library" und "Erweiterungen". Wählen Sie die Datei "Header-extensions.php" und klicken Sie auf "Öffnen". Diese Datei enthält den eigentlichen Header-Code zwischen Thema Function-Anweisungen.

2 Bearbeiten Sie die Codezeilen innerhalb der einfachen Anführungszeichen nach jedem "$content =" Anweisung. Es ist äußerst wichtig, dass Sie die Apostrophe unverändert beibehalten und nur den Code innerhalb der Anführungszeichen verlassen und alle anderen Elemente alleine zu bearbeiten. Beispielsweise um den Dokumenttyp aus XHTML 1.0 in HTML5 zu ändern, ändern Sie diese Zeile:

$content = "<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "als http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ". "\n";

Entfernen Sie den Code innerhalb der einfachen Anführungszeichen:

$content = ' '. "\n";

Ersetzen Sie durch die HTML5 Dokumenttyp-Deklaration:

$content = "<! DOCTYPE html >'. "\n";

3 Bewerten Sie den Rest des Dokuments für die Code-Bereiche, die Sie ändern müssen. Jede Überschrift des Abschnitts angibt, was die Funktion bezieht sich auf. Eine gemeinsame Bearbeitung kann die CSS-Klassen, um Linien 336 bis 390 ändern oder deaktivieren einen Abschnitt oder eine Codezeile werden. Beispielsweise wenn Sie das Menü durch ein anderes Skript ersetzen geplant und wollte nicht, dass die Superfish-Skripte nicht mehr ausführen, kommentieren Sie die Skripts mit einem "/"und"/" vor und nach der Zeile wie folgt:

/ * $scripts. = $scriptdir_start. 'hoverIntent.js'. $scriptdir_end. "\n";

$scripts .= $scriptdir_start . 'superfish.js' . $scriptdir_end . "\n";

$scripts .= $scriptdir_start . 'supersubs.js' . $scriptdir_end . "\n";

$dropdown_options = $scriptdir_start . 'thematic-dropdowns.js' . $scriptdir_end . "\n";*/4

Speichern Sie Ihre Änderungen, wenn fertig. Ändern Sie den Namen der Datei "Header-extensions.php" auf Ihrem Webserver vor dem Hochladen der geänderten Version. Dadurch entsteht ein Fail-Safe, im Falle eines Ihre Bearbeitungen führt dazu, dass ein Problem mit der Website ordnungsgemäß geladen. Laden Sie Ihre bearbeitete Datei und laden Sie Ihre Website, um die Änderungen zu überprüfen.

5 Zurück zu Ihrem Administrationsbereich von WordPress und klicken Sie auf "Darstellung > Editor." Fügen Sie zusätzliche JavaScript link zu zusätzliche CSS-Dateien oder anderen Code in der Kopfzeile enthalten, fügen Sie den Code in die Datei "header.php" durch Auswahl aus der Liste der Dateien auf der rechten Seite. Fügen Sie zuerst die Ergänzungen oberhalb der "< / head >" Tag-Midway durch das Dokument, mit CSS Links und JavaScript-Code oder Datei links zuletzt.

6 Bearbeiten Sie den Rest der header.php Datei unten das < / Head > tag wie Sie andere Theme-Datei würden. Sie können hinzufügen oder Entfernen von DIV-Elementen, Klassennamen zu ändern oder Hinzufügen von anderen beliebigen HTML, die Sie auf jeder Seite vor dem Inhalt laden möchten.

Tipps & Warnungen

  • Verwenden Sie einen HTML-Editor, der jede Zeile nummeriert und färbt den Code zum Bearbeiten der Header-extensions.php-Datei leichter zu machen. Die Codezeilen, die Sie bearbeiten können, sind in der Regel in rot.
  • Bauen Sie ein Kind Thema statt dem Kern des Frameworks zu bearbeiten. Child-Themes können Sie erstellen eine Vorlage mit beliebigen Code und Struktur, die Sie mögen, dann mit thematische Vorlage Haken in thematische Thema Funktionen zu ziehen.
  • Wenn etwas schief geht, überprüfen Sie Ihre Header-extensions.php um sicherzustellen, dass Sie nicht alles, was außerhalb der einfachen Anführungszeichen entfernen und jede HTML-Zeile befindet sich innerhalb der einfachen Anführungszeichen. Entfernen Sie alle Leerzeichen zwischen den Anführungszeichen und der Code innerhalb sie, sofern vorhanden.