Salbei: Ein modernes WordPress -Themen -Framework
Vor einigen Jahren haben wir Wurzeln vorgestellt, ein WordPress -Themen -Framework. Roots hat sich seitdem zu einem Unternehmen entwickelt, das zwei leistungsstarke Toolsets anbietet: Salbei und Grundgestein. Dieser Artikel konzentriert sich auf Sage, ein Framework, das HTML5 -Kesselplatten-, Gulp-, Bower- und Bootstrap zur Entwicklung von WordPress -Themen entwickelt hat. Wir werden einen überblick über diese Tools, Installation, Anpassung und den grundlegenden Salbei -Workflow abdecken.
Schlüsselvorteile von Salbei:
- modernisiert WordPress -Themenentwicklung mithilfe von Tools wie HTML5 -Boilerplate, Gulp, Bower und Bootstrap, was zu effizienten und reaktionsschnellen Themen führt.
- vereinfacht das Verm?gensverwaltung und Automatisierung durch einen robusten Build -Prozess.
- bietet eine klare Verzeichnisstruktur für einfache Navigation und Anpassung.
- bietet umfangreiche Anpassungsoptionen für verschiedene Themenaspekte.
- optimiert den Workflow mit Echtzeit-Updates über BrowserSync.
Essentielle Werkzeuge:
- HTML5-Kesselplatte: Eine robuste Front-End-Vorlage, die ein solides Fundament bietet.
- gulp: Ein Automatisierungswerkzeug für Aufgaben wie Minifikation, Verkettung, Bildoptimierung und Test.
- Bower: Ein Paketmanager für Front-End-Verm?genswerte, die die Aufnahme von JavaScript-Bibliotheken vereinfacht.
- browserSync: aktiviert synchronisierte Datei?nderungen und -interaktionen auf mehreren Ger?ten.
- Asset-Builder & Wiredep: Unterstützung bei der Erfassung von Verm?genswerten und Abh?ngigkeiten.
- Bootstrap: Ein beliebtes Front-End-Framework zum Erstellen reaktionsschneller Websites.
Installation:
Salbei -Installation verwendet Git. Navigieren Sie zu Ihrem WordPress -Themenverzeichnis und führen Sie den folgenden Befehl in Ihrem Terminal aus (ersetzen Sie theme-name
durch den gew?hlten Themennamen):
git clone https://github.com/roots/sage.git theme-name
Laden Sie die ZIP -Datei Alternativ aus dem GitHub -Repository herunter, extrahieren Sie sie und kopieren Sie den Inhalt in einen neuen Ordner in Ihrem WordPress -Themenverzeichnis.
Konfigurieren Sie als N?chst
wp-config.php
define('WP_ENV', 'development');Themenverzeichnisstruktur:
Salbei beh?lt eine Standard -WordPress -Themenstruktur mit Erg?nzungen für die verbesserte Funktionalit?t bei:
- Core -Dateien (
index.php
,functions.php
,404.php
usw.) -
lib
Verzeichnis: Enth?lt Themenkonfigurations- und Dienstprogrammdateien (assets.php
,init.php
,titles.php
). -
assets
Verzeichnis: H?user SASS/LEWS -Dateien, zusammen mit JavaScript- und Bildverm?gen zusammengestellt.main.css
. -
lang
Verzeichnis: Enth?lt diesage.pot
-Datei für Themenübersetzung. -
templates
Verzeichnis: H?lt HTML5-Kesselplatten-basierte Vorlagen.
Anpassung:
SAGE über die lib/init.php
-Datei anpassen. Zu den wichtigsten Anpassungspunkten geh?ren:
- Titel -Tag: Title Tag Modification mit
add_theme_support('title-tag')
. aktivieren/deaktivieren
- Navigationsmenüs: Navigationsmenüs registrieren Sie
register_nav_menus()
. - Post Thumbnails: Aktivieren/Deaktivieren Sie die vorgestellten Bilder mit
add_theme_support('post-thumbnails')
. - Postformate: Aktivierte Postformate verwalten mit
add_theme_support('post-formats')
. - html5 markup: Unterstützung für HTML5 -Elemente mit
add_theme_support('html5')
. hinzufügen
- Editor Stylesheet: Geben Sie den Editor Stylesheet -Pfad mit
add_editor_style()
an. - Seitenleisten: Seitenleisten registrieren
register_sidebar()
widgets_init()
Workflow:
Der Workflow von Sage basiert auf Node.js- und NPM -Paketen. Installieren Sie die erforderlichen Tools mit NPM:
Verwenden von Bower:
git clone https://github.com/roots/sage.git theme-name
Verwenden Sie Bower-Befehle zum Verwalten von Front-End-Paketen:
: Suche nach Paketen.
-
bower search <query>
: Pakete installieren. -
bower install <package>
: List installierte Pakete. -
bower list
: Pakete deinstallieren. -
bower uninstall <package>
Verwenden von Gulp:
Gulp -Plugins installieren:
Ausführen
, um Verm?genswerte zu kompilieren und zu optimieren.define('WP_ENV', 'development');bietet Echtzeit-Updates. Die Datei
steuert den Erstellungsprozess. Passen Sie Aufgaben und Einstellungen nach Bedarf innerhalb von gulp
und gulp watch
an. gulpfile.js
gulpfile.js
assets/manifest.json
Schlussfolgerung:
Sage bietet einen leistungsstarken und effizienten Ansatz für die Entwicklung von WordPress -Themen. Durch die Nutzung moderner Tools und eines optimierten Workflows k?nnen Entwickler mühelos qualitativ hochwertige, reaktionsschnelle Themen erstellen. Die detaillierte Erl?uterung der in diesem Artikel bereitgestellten Prozess- und Anpassungsoptionen sollte es Ihnen erm?glichen, SAGE für Ihr n?chstes WordPress -Themenprojekt effektiv zu verwenden.
Das obige ist der detaillierte Inhalt vonModernisierung der WordPress -Themenentwicklung mit Salbei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Miniving JavaScript -Dateien k?nnen die Ladegeschwindigkeit der WordPress -Website verbessern, indem sie Rohlinge, Kommentare und nutzlose Code entfernen. 1. Verwenden Sie Cache-Plug-Ins, die die Zusammenführungskomprimierung wie W3totalcache unterstützen, den Komprimierungsmodus in der Option "Minify" aktivieren und ausw?hlen. 2. Verwenden Sie ein dediziertes Komprimierungs-Plug-In wie FastVerocityMinify, um eine st?rkere Kontrolle zu erhalten. 3. Die JS -Dateien manuell komprimieren und über FTP hochladen, geeignet für Benutzer, die mit Entwicklungstools vertraut sind. Beachten Sie, dass einige Themen oder Plug-in-Skripte mit der Komprimierungsfunktion in Konflikt stehen und die Website-Funktionen nach der Aktivierung gründlich testen müssen.

Der effektivste Weg, um Kommentare zu verhindern, besteht darin, ihn automatisch mit programmatischen Mitteln zu identifizieren und abzufangen. 1. Verwenden Sie Verifizierungscode -Mechanismen (wie Googler captcha oder hcaptcha), um effektiv zwischen Menschen und Robotern zu unterscheiden, insbesondere für ?ffentliche Websites. 2. Setzen Sie versteckte Felder (Honeypot -Technologie) und verwenden Sie Roboter, um Funktionen automatisch auszufüllen, um Spam -Kommentare zu identifizieren, ohne die Benutzererfahrung zu beeintr?chtigen. 3.. überprüfen Sie die schwarze Liste der Keywords in den Kommentaren inhaltlich, filtern Sie Spam -Informationen durch sensible Word -übereinstimmung und achten Sie darauf, dass Fehleinsch?tzungen vermieden werden. V. 5. Verwenden Sie Anti-Spam-Dienste von Drittanbietern (wie Akismet, Cloudflare), um die Identifizierungsgenauigkeit zu verbessern. Kann auf der Website basieren

Bei der Entwicklung von Gutenberg -Bl?cken umfasst die richtige Methode der Enqueue -Verm?genswerte: 1. Verwenden Sie Register_Block_Type, um die Pfade von editor_script, editor_style und style anzugeben; 2. Registrieren Sie die Ressourcen über wp_register_script und wp_register_style in functions.php oder plug-In und setzen Sie die richtigen Abh?ngigkeiten und Versionen. 3. Konfigurieren Sie das Build -Tool, um das entsprechende Modulformat auszugeben, und stellen Sie sicher, dass der Pfad konsistent ist. 4. Steuern Sie die Ladelogik des Front-End-Stils über add_theme_support oder enqueue_block_assets, um sicherzustellen, dass die Ladelogik des Front-End-Stils sichergestellt wird.

Der Schlüssel zum Hinzufügen von benutzerdefinierten Umschreiberregeln in WordPress ist die Verwendung der Funktion add_rewrite_rule und sicherzustellen, dass die Regeln korrekt wirksam werden. 1. Verwenden Sie add_rewrite_rule, um die Regel zu registrieren. Das Format ist add_rewrite_rule ($ regex, $ redirect, $ danach), wobei $ regex ein regul?rer Ausdruck ist, der die URL entspricht, $ redirect angibt die tats?chliche Abfrage und $ After die Regelung der Regel. 2. Benutzerdefinierte Abfragungsvariablen müssen über add_filter hinzugefügt werden. 3. Nach der ?nderung müssen die festgelegten Verbindungseinstellungen aktualisiert werden. 4.. Es wird empfohlen, die Regel in "Top" zu platzieren, um Konflikte zu vermeiden. 5. Sie k?nnen das Plug-In verwenden, um die aktuelle Regel für die Bequemlichkeit anzuzeigen

Robots.txt ist für die SEO von WordPress -Websites von entscheidender Bedeutung und kann Suchmaschinen zum Kriechenverhalten leiten, doppelte Inhalte vermeiden und die Effizienz verbessern. 1. Blocksystempfade wie /wp-admin /und /wp-includes /, aber vermeiden Sie versehentlich das Blockieren des /Uploads /das Verzeichnis; 2. Fügen Sie Sitemap -Pfade wie Sitemap hinzu: https://yourdomain.com/sitemap.xml, um Suchmaschinen schnell zu entdecken. 3. Limit / Page / und URLs mit Parametern zur Reduzierung von Crawler -Abf?llen, aber achten Sie darauf, wichtige Archivseiten nicht zu blockieren. 4. Vermeiden Sie h?ufige Fehler, wie z. B. die versehentlicher Blockierung der gesamten Site, das Cache-Plug-In, das die Aktualisierungen beeinflusst, und das Ignorieren der Anpassung mobiler Terminals und Subdom?nen.

1. Verwenden Sie die Leistungsanalyse-Plug-In, um Probleme schnell zu finden. Beispielsweise kann QueryMonitor die Anzahl der Datenbankabfragen und PHP-Fehler anzeigen, BlackBoxProfiler generiert Funktionsausführungsberichte, und NewRelic bietet eine Analyse auf Serverebene. 2. Die Analyse der PHP-Ausführungsleistung erfordert die überprüfung zeitaufw?ndiger Funktionen, Debugging-Tools-Nutzung und Speicherzuweisung, z. 3.. Die Effizienz von Datenbankabfragen überwachen kann durch langsame Abfrageprotokolle und Indexprüfungen überprüft werden. QueryMonitor kann alle SQL auflisten und nach der Zeit sortieren. 4. Kombinieren Sie externe Tools wie GooglepageSpeedInsights, GTMetrix und WebPagetest, um Front-End Plus zu bewerten

WordPressRequiresatleastphp7.4, obwohl 8.0orhigherisRecommendedforbettererformanceAnDecurity.Olerversions Like5.6areoutdated, nicht unterstützt und poseSecurityRiss.VersupdatedPimPimprovessecurity, verst?rkte Verfeinerung, AndensuritysCompatibilit?t

InspectorControls ist eine Komponente, die in der Entwicklung von Gutenberg verwendet wird, um benutzerdefinierte Steuerelemente in der rechten Seitenleiste hinzuzufügen. 1. Es geh?rt zum @WordPress/Block-Eduitor-Paket. 2. Es wird oft mit PanelBody, TextControl und anderen Komponenten verwendet. 3. Wenn Sie es verwenden, müssen Sie Steuertypen wie Textfelder, Pulldown-Auswahl, Schalter, Schieberegler und Farbauswahltypen in edit.js. 4. Achten Sie auf Gruppierungseinstellungen, halten Sie sie einfach, unterstützen Sie die Internationalisierung und optimieren Sie die Leistung.
