Reverie: Ein WordPress -Einführungsthema basierend auf Foundation Framework

Reverie ist ein WordPress -Einführungsthema, das auf dem Zurb Foundation -Framework basiert und eine solide Grundlage für die Themenentwicklung bietet, einschlie?lich reaktionsschnellem Netz, Typografie, Knopfstilen und anderen Komponenten. Das leichte und minimalistische Design kann die Leistung der Website verbessern.

Customized Reverie

Sie k?nnen CSS- und PHP -Dateien direkt ?ndern oder WordPress Customizer verwenden, um einfachere ?nderungen vorzunehmen. Dieses Thema unterstützt Untertheme und erm?glicht es Ihnen, ?nderungen vorzunehmen, ohne die ursprüngliche Themendatei zu beeinflussen, und erleichtert es, das Thema zu aktualisieren, ohne benutzerdefinierte Einstellungen zu verlieren.

Reverie ist sehr freundlich zu Entwicklern und Anf?ngern, die mit grundlegendem HTML und CSS vertraut sind. Es unterstützt WooCommerce nicht in der Box, unterstützt mehrsprachige Website -übersetzungen und ist mit allen modernen Browsern kompatibel. Das Thema unterstützt auch benutzerdefinierte Beitragstypen und wird regelm??ig aktualisiert, um mit den neuesten Versionen von WordPress- und Foundation -Frameworks kompatibel zu sein.

Schlüsselentscheidungsausfindung: Unterthema

Wenn Sie ein grundlegendes oder einführendes Thema anpassen, müssen Sie bewerten, ob ein Unterthema ben?tigt wird. Wenn Sie das Thema auf dem Laufenden halten m?chten, müssen Sie unbedingt ein Unterthema verwenden. Der Hauptgrund ist, dass bei der Aktualisierung des Hauptthemas alle ?nderungen, die Sie vornehmen, verloren gehen. Wenn Sie eine Website für Ihre Kunden erstellen, kann dies problemlos eine Katastrophe verursachen.

Andererseits k?nnen Sie das Update mit einfachen Code -Snippets deaktivieren, wenn Sie nicht m?chten, dass Ihre Kunden die Themen selbst aktualisieren und all Ihre harte Arbeit brechen. Dies verhindert, dass der Benutzer das Thema aus dem Backend aktualisiert. Updates für Themen und Plugins k?nnen die gesamte Website brechen, sodass Sie diese deaktivieren k?nnen, indem Sie Folgendes zu der Funktion der Funktionen hinzufügen.

function remove_core_updates() {
  global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

Schritt nach der ersten Installation

Nach dem Installieren des Reverie -Themas k?nnen Sie feststellen, dass es eine "benutzerdefinierte" Funktion enth?lt, mit der Sie grundlegende ?nderungen wie Hintergrundfarben, Hintergrundbilder und Widgets am vorderen Ende vorschauen k?nnen. Viele beliebte Themen haben detaillierte Anpassungen in diesen Bereich vorgenommen und sie sogar auf Schriftfarben, Schriftreihen usw. verfeinert.

Erstellen Sie ein Reverie-Unterthema Die Art und Weise, wie das Unterthema funktioniert, besteht darin, Dateien in separaten Ordnern zu speichern. Wenn Sie also das Hauptthema aktualisieren, werden Dateien in separaten Ordnern nicht berührt. Dies bedeutet, dass all Ihre harten Arbeiten und benutzerdefinierten Designs nicht jedes Mal gel?scht werden, wenn Sie das Hauptthema aktualisieren.

Einen Unterthema für Tr?umereien ist ungef?hr die gleichen wie andere Themen. Im Themenverzeichnis müssen Sie einen Ordner namens "Reverie-Kind" erstellen. Darin müssen Sie eine style.css -Datei und eine functions.php -Datei platzieren. Dies ist typisch für jedes Unterthema. Diese Dateien sind erforderlich, wenn Sie Ihre eigenen benutzerdefinierten Funktionen und benutzerdefinierten Stile hinzufügen m?chten.

In dem Stylesheet des Unterthemens müssen Sie nur den grundlegenden Einstellungen der CSS-Datei von Unterthemen folgen:

Sie k?nnen jetzt benutzerdefinierte Funktionen und Stile zum neuen Reverie-Unterthemen hinzufügen.

/*
Theme Name: Reverie Child Theme
Description: Child theme for Reverie 
Author: James George
Template: reverie
*/

@import url("../reverie/style.css");

/* Start child theme customization below */

Dies ist ein typischer Aufsehen für die Installation von Tr?umereien. Wenn Sie das Erscheinungsbild anpassen m?chten, müssen Sie Ihre benutzerdefinierte CSS in die Datei style.css in den Subtheme-Ordner hinzufügen.

Der beste Weg ist, die Datei "Main-Index.php" und der einzel-per-Page.Php-Datei zu ?ffnen und die Struktur anzeigen. Achten Sie auf alle speziellen Kategorien, auf die Sie sich konzentrieren m?chten. In den meisten F?llen sollte alles sehr einfach und unkompliziert sein.

Ein anderer Ansatz (und die Methode, die ich ausgew?hlt habe) besteht darin, den Firefox -Firebug -Inspektor und die Inspektion von Chrome zu verwenden. Es spielt keine Rolle, welches Tool Sie w?hlen, sie haben fast die gleichen Funktionen. Ich pers?nlich bevorzuge Firebug in Firefox. Ich kann ein Element überprüfen und es wird mir die DIV -ID und jede Attributklasse sagen, die ein bestimmtes Element stilft.

Dies ist eine weitere gro?artige M?glichkeit, um zu sehen, wie Sie es bauen, und es zeigt das Element, wenn Sie über einen Gegenstand in der Aufschlüsselung oben im Firebug -Fenster schweben. Sie k?nnen sehen, wie die Divs verschachtelt sind, was Ihnen helfen kann, alle Probleme einzugrenzen, die Sie l?sen m?chten.

Im Bild oben sehen Sie, dass der von Ihnen angezeigte Bereich des Codes in hellblau hervorgehoben ist. Wenn es einen lila Bereich gibt, gibt es eine Füllung. Gelb zeigt einen angewandten Margenwert an. Dies ist eine gro?artige M?glichkeit, um ein Abstandsproblem zu optimieren und zu diagnostizieren, warum das Design nicht so erstellt wird, wie Sie es m?chten.

Im obigen Beispiel kann ich im obigen Beispiel den Autoramen stylen, seine Farbe ?ndern, ich kann darüber schweben, mit der rechten Maustaste klicken und "Element check" ausw?hlen. In dem folgenden Code sehen Sie dann den Div- und Klassennamen, der eigentlich die Spannweite von Byline -Autor ist.

Da der Autorame ein Link ist, kann ich am Ende ein A hinzufügen und das aktive Element ausw?hlen:

function remove_core_updates() {
  global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');

Dies ?ndert den Autor -Link zu Orange. Es ist einfach, aber das sind die Grundlagen von Styling -Themen. Au?erdem ist es viel einfacher, als mit einer Seite von PHP, Div und Klassen zu beginnen - und zu versuchen, alles in Ihrem Kopf zu organisieren.

Im n?chsten Artikel in der Serie werden wir das Hinzufügen von Funktionen zum Reverie -Thema untersuchen. Hier gibt es viel Flexibilit?t und die M?glichkeiten sind endlos. Wenn Sie die Gesamtstruktur des Reverie -Themas verstehen und wie Sie sein Aussehen manipulieren k?nnen, k?nnen Sie verstehen, wie Sie erfolgreich darauf aufbauen k?nnen.

Reverie FAQ

• Wie unterscheidet sich Tr?umerei von anderen WordPress -Einführungsthemen? Was Reverie von anderen WordPress -Einführungsthemen unterscheidet, ist seine Integration in das Foundation -Framework. Dies bedeutet, dass es mit reaktionsschnellem Netz, Typografie, Knopfstilen und anderen Komponenten enth?lt, die sofort verfügbar sind. Es enth?lt auch benutzerdefinierte Navigationsmenüs, Widget -Bereiche und Seitenvorlagen, die eine solide Grundlage für die Themenentwicklung bieten. Im Gegensatz zu vielen anderen Einführungsthemen ist Reverie so konzipiert, dass es leicht und minimalistisch ist, was zur Verbesserung der Website der Website beitr?gt.

• Wie kann man das Reverie -Thema anpassen? Reverie ist sehr anpassbar. Sie k?nnen CSS- und PHP -Dateien direkt ?ndern oder den WordPress Customizer verwenden, um einfachere ?nderungen vorzunehmen. Das Thema unterstützt auch Untertheme, sodass Sie ?nderungen vornehmen k?nnen, ohne die ursprüngliche Themendatei zu beeinflussen. Dies erleichtert das Thema einfach, ohne benutzerdefinierte Einstellungen zu verlieren.

• Ist Tr?umerei für Anf?nger geeignet? Obwohl Reverie für Entwickler konzipiert ist, eignet es sich auch für Anf?nger, die mit Basic HTML und CSS vertraut sind. Der pr?gnante, gut anbotete Code des Themas erleichtert es leicht zu verstehen, wie es funktioniert, und die Integration in das Foundation Framework bietet viele Ressourcen, um mehr über die Webentwicklung zu erfahren.

• unterstützt Reverie woocommerce? Ja, Reverie unterstützt WooCommerce nicht in der Box. Dies bedeutet, dass Sie auf Ihrer Website problemlos einen Online -Shop erstellen k?nnen, ohne zus?tzliche Plugins oder Themen zu installieren. Das Thema enth?lt auch benutzerdefinierte Vorlagen für mehrere WooCommerce -Seiten, um Ihrer Website ein konsistentes Erscheinungsbild zu verleihen.

• Wie ist Reveries Leistung mit anderen Einführungsthemen verglichen? Reverie ist so konzipiert, dass sie leicht und schnell ist und dazu beitr?gt, die Ladezeit und die Gesamtleistung der Website zu verbessern. Das minimalistische Design dieses Themas bedeutet, dass es keine unn?tigen Funktionen oder aufgebl?hten Code enth?lt, die Ihre Website verlangsamen k?nnen. Dies macht es zu einer hervorragenden Wahl für leistungsorientierte Entwickler.

• Kann ich Tr?umereien für mehrsprachige Websites verwenden? Ja, Reverie unterstützt die übersetzung und unterstützt mehrsprachige Websites. Dieses Thema enth?lt .PO- und .mo -Dateien, mit denen Sie das Thema in jede Sprache übersetzen k?nnen. Es unterstützt auch das WPML-Plug-In, wodurch es einfach ist, verschiedene Sprachen auf Ihrer Website zu verwalten und zu wechseln.

• Ist Reverie mit allen Browsern kompatibel? Reverie ist so konzipiert, dass sie mit allen modernen Browsern kompatibel ist, einschlie?lich Chrome, Firefox, Safari und Edge. Dieses Thema verwendet progressive Verbesserungen, um sicherzustellen, dass es auch bei ?lteren Browsern ordnungsgem?? funktioniert, obwohl einige erweiterte Funktionen m?glicherweise nicht verfügbar sind.

• unterstützt Reverie benutzerdefinierte Artikel? Ja, Reverie unterstützt benutzerdefinierte Artikelstypen. Dies bedeutet, dass Sie verschiedene Arten von Inhalten auf Ihrer Website erstellen k?nnen, z. B. Blog -Beitr?ge, Produkte, Bewertungen und mehr. Das Thema enth?lt auch mehrere benutzerdefinierte Vorlagen, die verschiedene Beitragstypen anzeigen und Ihrer Website ein konsistentes Erscheinungsbild verleihen.

• Wie oft aktualisiert Reverie? Reverie wird regelm??ig aktualisiert, um die Kompatibilit?t mit den neuesten Versionen von WordPress- und Foundation -Frameworks zu gew?hrleisten. Diese Updates umfassen auch Fehlerbehebungen, Leistungsverbesserungen und neue Funktionen, die auf dem Feedback der Benutzer basieren.

• Gibt es Unterstützung für Tr?umereien? Ja, Reverie wird durch sein Github -Repository betrieben. Sie k?nnen Probleme melden, Funktionen anfordern oder zur Entwicklung des Themas beitragen. Es gibt auch eine gro?e Anzahl von Dokumentationen und Tutorials auf der Themenwebsite sowie eine Community von Benutzern, die helfen k?nnen, Fragen zu beantworten und Vorschl?ge zu machen.

Das obige ist der detaillierte Inhalt vonReverie: Ein fundamentbasiertes WordPress -Starterthema. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!