Inhalt
In der WordPress-Welt beziehen sich Frameworks in der Regel auf eine Art Starter- oder Boilerplate-Code. Durch das Starten neuer Themenerstellungsprojekte mit einem Framework sparen Sie Entwicklungszeit, reduzieren sich wiederholende Aufgaben und verschaffen sich im Allgemeinen einen Vorsprung bei Projekten. Während all dies für Genesis gilt, kann das Wort "Rahmen" in diesem Fall etwas irreführend sein.
Die Arbeit von StudioPress, das Genesis Framework, ist einfach ein übergeordnetes Thema, wenn auch ein ziemlich aufgemotztes. Es handelt sich um eine Toolbox zum Erstellen untergeordneter Themen, mit der Sie eine konsistente Ausgabe von HTML-Markups und ein grundlegendes CSS-Stylesheet erhalten, das Sie als Ausgangspunkt für Ihre Anpassungen verwenden können. Es ist leicht anzunehmen, dass ein so robustes Thema aufgebläht oder voller unnötigen Codes ist, aber Genesis ist überraschend leicht (der gesamte Reißverschluss ist etwas mehr als 400 KB groß). Es ist sehr gut codiert (und dokumentiert), äußerst sicher und integriert schema.org in sein HTML5-Markup, wodurch Benutzer von Anfang an einen SEO-Vorteil erhalten.
Genesis enthält vorgefertigte Komponenten für alle Ihre Standard-Weblayouts - Navigationsmenüs, Kopfzeilen, Seitenleisten, Fußzeilen usw. Es ist wie ein Lego-Set - dank seines modularen Aufbaus können Sie alles hinzufügen, verschieben oder entfernen.
Bausteine
Hier unterscheidet sich Genesis von anderen übergeordneten Themen, anstatt sich stark auf Vorlagen zu verlassen. Beim untergeordneten Thema mit Genesis geht es in erster Linie darum, mit Aktions-Hooks und -Filtern zu arbeiten. Genesis bietet eine Basis, von der aus alle Ihre Lego-Blöcke verschoben, ersetzt oder geändert werden können, ohne jemals eine Vorlagendatei zu berühren (obwohl Sie sicherlich Vorlagen verwenden können). Für das grundlegendste untergeordnete Thema sind nur ein Stylesheet und eine Datei "functions.php" erforderlich.
Kurz gesagt, Genesis ist unglaublich flexibel und schränkt die Entwicklung nicht ein. Wenn es mit WordPress gemacht werden kann, kann es in Genesis gemacht werden.
Dateistruktur
Selbst wenn Sie sich nicht selbst als Entwickler bezeichnen, möchten Sie Ihr Thema irgendwann anpassen. Wenn Sie einen Code-Ausschnitt einfügen oder eine eigene Funktion schreiben müssen, läuft Ihre Arbeit reibungsloser, wenn Sie einen konzeptionellen Überblick über das Framework haben.
Wenn Sie Genesis entpacken und sich die Dateistruktur ansehen, werden Sie feststellen, dass sich die Stammdateien nicht von denen unterscheiden, die Sie in einem WordPress-Design erwarten: Es gibt ungefähr ein Dutzend Standardvorlagendateien und ein Stylesheet. Von dort aus enthalten verschiedene Ordner Dateien für bestimmte Funktionen.Die magische Datei befindet sich im Ordner "/ lib /": "framework.php":
Funktionsgenese () {get_header (); do_action (’genesis_before_content_sidebar_wrap’); genesis_markup (Array ('html5' => 'div% s>', 'xhtml' => 'div id = "content-sidebar-wrap">', 'context' => 'content-sidebar-wrap',)) ;; do_action (’genesis_before_content’); genesis_markup (Array ("html5" => "main% s>", "xhtml" => "div id =" content ">", "context" => "content",)); do_action (’genesis_before_loop’); do_action (’genesis_loop’); do_action (’genesis_after_loop’); genesis_markup (Array (’html5’ => ’/ main>’, // * end .content ’xhtml’ => ’/ div>’, // * end #content)); do_action (’genesis_after_content’); echo ’/ div>’; // * end .content-sidebar-wrap oder # content-sidebar-wrap do_action (’genesis_after_content_sidebar_wrap’); get_footer (); }}
Diese Datei ist das Herzstück des Genesis Frameworks und der einzige Teil, der nicht geändert werden kann. Es ist das Fundament, auf dem alles andere aufgebaut ist. Die hier deklarierte Funktion genesis () wird aus nahezu jeder Standardvorlagendatei aufgerufen. Wenn diese Funktion aufgerufen wird, wird "framework.php" geladen und der gesamte Code in dieser Funktion verarbeitet.
Wenn Sie in WordPress Themen oder Anpassungen vorgenommen haben, kommen Ihnen die Funktionen get_header () und get_footer () wahrscheinlich bekannt vor. Diese rufen die Dateien "header.php" und "footer.php" auf. Zwischen diesen Funktionen befindet sich die Grundstruktur jeder Seite, einschließlich der Schleife (die den aktuellen Beitrag oder die aktuelle Seite anzeigt), einiger grundlegender HTML-Markups und sieben Aktions-Hooks. Wenn Sie neugierig sind und dem Kaninchenbau folgen möchten, führen Sie eine universelle Suche in den Framework-Dateien für jeden dieser Hooks durch, und Sie können sehen, welche Aktionen (oder sogar zusätzliche Hooks) mit ihnen verbunden sind.
Insgesamt gibt es im Genesis Framework über 50 Hooks, mit denen Sie benutzerdefinierten Code fast überall auf der Seite einfügen können. StudioPress hat hier eine detaillierte Dokumentation zu jedem dieser Hooks sowie Anwendungsbeispiele zusammengestellt (nur für Mitglieder verfügbar).
Anpassungen vornehmen
Genau wie beim WordPress-Kern sollten Sie niemals Dateien direkt aus dem Genesis Framework heraus bearbeiten. Nehmen Sie Ihre Anpassungen immer über ein untergeordnetes Thema vor (wir werden gleich mehr darüber sprechen). Wenn Sie Änderungen am eigentlichen Framework vornehmen, gehen diese beim nächsten Anwenden eines Updates verloren. Wenn Sie sich an die Arbeit mit einem untergeordneten Thema halten, können Ihre Anpassungen nicht überschrieben werden, und Sie können Genesis jederzeit aktualisieren, wenn ein Update verfügbar ist.
Wenn Sie an Code-Anpassungen basteln, erledigen Sie den größten Teil Ihrer Arbeit in der Datei "functions.php" des untergeordneten Themas. Von dort aus können Sie universell Code anwenden (z. B. Post-Meta auf der gesamten Website entfernen) oder Ihre Funktionen mit bedingten WordPress-Anweisungen kombinieren, um auf bestimmte Inhalte abzuzielen (z. B. Post-Meta für Posts in der Kategorie "Comedy" entfernen). Sie können auch alle Standardfunktionen von Genesis überschreiben, indem Sie bestimmte Vorlagendateien erstellen. Wenn Sie beispielsweise einen benutzerdefinierten Beitragstyp für "Filme" haben, können Sie mithilfe der Standard-WordPress-Vorlagenhierarchie ein Archiv oder eine einzelne Vorlagendatei erstellen, um Ihre Filme anzuzeigen.
Meine Faustregel für die Verwendung von "functions.php" oder einer benutzerdefinierten Vorlagendatei lautet, wie viele Anpassungen ich vornehmen werde. Wenn ich zum Beispiel eine Handvoll Funktionen schreiben kann, um das zu tun, was ich brauche, füge ich diese einfach zu "functions.php" hinzu. Wenn es komplexer ist, werde ich eine benutzerdefinierte Vorlage verwenden.
Für Stiländerungen empfehle ich, direkt zu "style.css" zu wechseln. Da Sie untergeordnete Themen nie aktualisieren müssen (das ist der Punkt, an dem Sie sie verwenden), können Sie das Stylesheet oder eine andere Datei direkt bearbeiten und zu Ihrem machen. Es gibt wirklich keinen richtigen oder falschen Weg, um Ihre Anpassungen hinzuzufügen. Es geht mehr darum, den effizientesten Weg zu finden, um die gewünschten Ergebnisse zu erzielen, und dabei gute Codierungsprinzipien zu befolgen.
Untergeordnete Themen
Bisher haben wir über die Grundlagen von Genesis und Anpassungen gesprochen. Schauen wir uns nun die untergeordneten Themen an. Zunächst einmal können untergeordnete Genesis-Themen nicht allein verwendet werden. Das Genesis Framework muss auch auf Ihrer WordPress-Site installiert (aber nicht aktiviert) sein. Von dort aus können Sie jedes untergeordnete Genesis-Thema aktivieren. Wie bei der traditionellen WordPress-übergeordneten / untergeordneten Themenstruktur erbt ein untergeordnetes Genesis-Thema automatisch alles vom übergeordneten Framework. Sie können sich ein untergeordnetes Thema vorstellen, um die Dinge, die Sie nicht möchten, aus Genesis zu entfernen und zusätzliche Schnickschnack hinzuzufügen. Im untergeordneten Thema befinden sich außerdem alle Ihre benutzerdefinierten Stile. Genesis selbst enthält nur sehr wenig CSS, da es nicht als eigenständiges Thema vorgesehen ist.
Wenn Sie ein möglichst einfaches Thema wünschen, beginnen Sie mit dem Genesis Sample-Thema, das kostenlos auf GitHub (oder in Ihrem StudioPress-Konto, falls vorhanden) verfügbar ist. Das Thema ist optisch sehr spärlich, daher ist es ein guter Ort, um sowohl Stiländerungen als auch Codeänderungen vorzunehmen. Ich habe festgestellt, dass der beste Weg zum Lernen darin besteht, die Funktion "functions.php" Ihres untergeordneten Themas zu öffnen und mit Code zu experimentieren. Mein bevorzugter Ausgangspunkt ist es, im Genesis-Quellcode auf 'post.php' zu schauen und eine beliebige Add-Aktion aus genesis_reset_loops () auszuwählen - der Funktion, die den Mut eines Posts ausspuckt, vom Bild oben bis zum Kommentarbereich ganz unten.
Da wir bereits über Post-Meta gesprochen haben, kopiere ich diese add_action () -Anweisung und füge sie in "functions.php" ein:
add_action (’genesis_entry_footer’, ’genesis_post_meta’);
Ändern Sie als Nächstes das Hinzufügen, um es zu entfernen. Dies kehrt um oder überschreibt, was Genesis selbst ausgeben würde.
remove_action (’genesis_entry_footer’, ’genesis_post_meta’);
Dies ist ein einfaches Beispiel und wahrscheinlich nicht praktikabel (es entfernt das Post-Meta überall auf Ihrer Website, einschließlich Ihrer Blog-Seite, Archivseiten und einzelnen Posts), zeigt jedoch, wie Sie über Ihr untergeordnetes Thema mit Genesis arbeiten können.
Seien Sie nicht schüchtern, wenn Sie Dinge in Ihrer Entwicklungsumgebung ausprobieren. Sie können es ein wenig weiß anzeigen, aber Experimentieren ist wirklich der beste Weg, um sich mit dem Framework (oder einem beliebigen Code) vertraut zu machen. Ich empfehle auch, Google großzügig zu nutzen. Es gibt Hunderte, wenn nicht Tausende von Genesis-Tutorials. Es gibt sogar formelle Kurse bei Lynda.com und Treehouse.
Abschließend
Wenn Sie neu in der Themenentwicklung sind, werden Sie feststellen, dass Genesis sehr zugänglich ist, insbesondere angesichts der Fülle an kostenlosen Online-Lernressourcen. Wenn Sie bereits einige Zeit in der Entwicklung von WordPress-Themes verbracht haben, haben Sie eine bestimmte Lernkurve mit Genesis, aber sobald Sie den Buckel überwunden haben, werden Sie lieben, was Sie damit machen können.
Genesis wird von über 130.000 Menschen verwendet und befindet sich in der aktiven Entwicklung. Wenn Sie vorhaben, in der WordPress-Themenbranche zu bleiben, ist es auf jeden Fall einen Blick wert. Wer weiß, es könnte Ihr Lieblingswerkzeug zum Erstellen von Websites werden.
Wörter: Carrie Dils
Carrie Dils ist WordPress-Entwicklerin und Beraterin. Dieser Artikel erschien ursprünglich in Ausgabe 268 des Netzmagazins.
Mochte dies? Lese das!
- 9 Top-WordPress-Ressourcen
- Geniale Auswahl an Wordpress-Tutorials
- Kostenlose Tattoo-Schriften für Designer
