Reverie: Ein fundamentbasiertes WordPress -Starterthema

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!