Wie man ein benutzerdefiniertes Open-Source-WordPress-Theme auswählt: Ein vollständiger Leitfaden von der Installation bis zur Optimierung

Als Website-Entwickler ist die Auswahl eines geeigneten Open-Source-WordPress-Themes und dessen effektive Anpassung der Schlüssel zum Erfolg des Projekts. Dies beeinflusst nicht nur die visuelle Darstellung der Website, sondern auch die Leistung, die Sicherheit und die zukünftige Wartbarkeit. Dieser Artikel bietet Ihnen einen vollständigen Arbeitsablauf von der Bewertung und Installation bis hin zur umfassenden Anpassung und Leistungsoptimierung.

Wie bewertet und wählt man ein Open-Source-Theme aus?

Bevor Sie ein Thema installieren, ist eine sorgfältige Bewertung ein wichtiger Schritt, um spätere Probleme zu vermeiden. Ein gutes Basis-Thema kann Ihnen dabei helfen, die Arbeit effizienter zu erledigen.

Die Kernindikatoren des Untersuchungsthemas

Bei der Auswahl eines Themas sollten Sie besonders auf die folgenden Kernindikatoren achten. Zunächst ist die Codequalität und Leistung wichtig. Sie können die Demo-Seite mit Online-Tools (wie PageSpeed Insights) testen und prüfen, ob sie den WordPress-Codierungsstandards entspricht. Als nächstes ist die Aktualisierungsfrequenz und die Unterstützung durch Entwickler wichtig. Ein aktiv gewartetes Thema erhält häufige Aktualisierungsbenachrichtigungen im WordPress-Dashboard, um Sicherheitslücken zu schließen und die Kompatibilität mit neuen Versionen von WordPress zu gewährleisten. Schließlich sollten Sie die Reaktionsgeschwindigkeit der Entwickler und den Anteil der gelösten Probleme im offiziellen Support-Forum überprüfen.

Empfohlene Lektüre Wie man das ideale WordPress-Theme auswählt und anpasst: Expertenleitfaden und praktische Tipps。

Achten Sie auf Sicherheit und Kompatibilität.

Die Sicherheit darf nicht vernachlässigt werden. Bevorzugen Sie Themen, die aus dem offiziellen WordPress-Themenkatalog oder von bekannten Entwicklern (wie Astra, GeneratePress, OceanWP) stammen. Diese Themen werden in der Regel streng überprüft. Überprüfen Sie außerdem, ob das Thema mit gängigen Plugins (wie WooCommerce, Elementor, Yoast SEO) sowie mit verschiedenen Browsern und mobilen Geräten kompatibel ist.

UltaHost – WordPress-Hosting-Anbieter

30-tägige Geld-zurück-Garantie, unbegrenztes Bandbreiten- und Datenbankvolumen, kostenlose DDoS-Schutzmaßnahmen sowie ein Rabatt von 501 auf 4 Terabyte bei einer Kaufdauer von 3 Jahren.

Zugangsseite

Installieren Sie das Thema und die grundlegende Konfiguration

Nachdem das Thema ausgewählt wurde, ist die korrekte Installation und Erstkonfiguration die Grundlage für die Erstellung einer Website.

Durch die Installation von Themen im Hintergrund

Die am häufigsten verwendete Methode ist die Installation über das WordPress-Dashboard. Melden Sie sich im Dashboard Ihrer Website an, navigieren Sie zu “Erscheinungsbild” > “Themen” und klicken Sie auf “Neues Thema hinzufügen”. Geben Sie den Namen des Themas in das Suchfeld ein (z. B. AstraNachdem Sie das gewünschte Programm gefunden haben, klicken Sie auf “Installieren” und warten Sie, bis die Installation abgeschlossen ist. Anschließend klicken Sie auf “Aktivieren”. Bei Programmen, die von Drittanbieter-Webseiten heruntergeladen wurden, gilt dies ebenfalls. .zip Um ein Format-Themenpaket zu installieren, müssen Sie auf die Schaltfläche “Thema hochladen” klicken und eine Datei zum Hochladen und Installieren auswählen.

Führen Sie die erforderlichen ersten Einstellungen durch.

Nachdem Sie das Theme aktiviert haben, ist der erste Schritt, “Erscheinungsbild” > “Anpassen” aufzurufen. Hier finden Sie normalerweise das Haupt-Einstellungspanel des Themes. Sie müssen nacheinander Folgendes einstellen: die Site-Identität (Logo, Website-Titel, Symbol), das Farbschema, die globale Formatierung (Schriftart, Schriftgröße), die Einstellungen für die Startseite (Auswahl einer statischen Seite oder eines Feeds mit den neuesten Artikeln) sowie die Menü- und Widget-Bereiche. Nachdem Sie diese Konfigurationen abgeschlossen haben, hat Ihre Website eine grundlegende Struktur.

Eine detaillierte Anpassung mithilfe von Unterthemen

Es ist gefährlich, die Themendatei direkt zu bearbeiten, da die Themenaktualisierung alle Ihre Änderungen überschreibt. Das Erstellen von Unterthemen ist eine professionelle und sichere Lösung.

Empfohlene Lektüre Wie man die Leistung von WordPress-Websites optimiert: ein kompletter Leitfaden zur Verbesserung der Geschwindigkeit und des SEO-Rankings。

Erstellung eines Verzeichnisses und von Dateien für Unterthemen

Ein Unterthema ist ein eigenständiges Thema, das alle Funktionen des übergeordneten Themas erbt und es Ihnen ermöglicht, bestimmte Dateien zu überschreiben. Zunächst müssen Sie in Ihrem /wp-content/themes/ Erstellen Sie einen neuen Ordner im Verzeichnis und benennen Sie ihn “Elternthemaname-Kind”, zum Beispiel. astra-childIn diesem Ordner muss ein style.css Dokumente.

style.css Der Anfang des Dokuments muss bestimmte Anmerkungen enthalten, um die Vererbungsbeziehung zum übergeordneten Thema zu erklären:

/*
 Theme Name:   Astra Child
 Theme URI:    https://your-site.com/
 Description:  Astra Child Theme
 Author:       Your Name
 Author URI:   https://your-site.com/
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

Darunter befinden sichTemplate: Die Zeile muss den Namen des Verzeichnisses des übergeordneten Themas genau angeben.

hosting.com Shared Hosting

Hohe Leistung mit AMD EPYC-CPUs, NVMe-SSD-Speicher und LiteSpeed, fachkundiger Inhouse-Support rund um die Uhr, erweiterte Sicherheitsmaßnahmen einschließlich SSL, Brute-Force-, Malware- und DDoS-Schutz, Einsparungen von bis zu 73%

Zugangsseite

Laden Sie die Stile und Funktionen des Unterthemas.

Nur erstellen style.css Das reicht noch nicht. Du musst noch eines erstellen. functions.php Um die Stylesheets korrekt in das Subthema einzufügen. Im Subthema functions.php Fügen Sie den folgenden Code in die Datei ein:

<?php
add_action( 'wp_enqueue_scripts', 'astra_child_enqueue_styles' );
function astra_child_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style'),
        wp_get_theme()->get('Version')
    );
}

Danach aktivieren Sie dieses Unterthema im Hintergrund. Jetzt können Sie sicher benutzerdefinierte CSS hinzufügen und die Vorlagendateien des übergeordneten Themas überschreiben (z. B. header.php、footer.php(Oder durch) functions.php Es wurden neue Funktionen hinzugefügt.

Die Optimierung der Leistung und die Stärkung der Sicherheit des Themas

Vor der Online-Veröffentlichung einer Website ist es äußerst wichtig, das Thema zu optimieren und zu stärken, da dies direkt mit der Benutzererfahrung und der Sicherheit der Website zusammenhängt.

Empfohlene Lektüre Das ultimative Handbuch zur Optimierung von WordPress: 20 grundlegende Tipps, um die Geschwindigkeit Ihrer Website und ihr SEO-Ranking erheblich zu verbessern.。

\nOptimierung der Ladegeschwindigkeit und der Ressourcen

Zunächst sollten Sie die CSS- und JavaScript-Dateien aufräumen und zusammenführen. Entfernen Sie ungenutzte Styles und Scripts aus dem Thema, und für die benötigten Dateien sollten Sie in Betracht ziehen, Plugins zur Kombination und Minimierung zu verwenden. Außerdem sollten Sie sicherstellen, dass alle Bilder komprimiert sind und die richtigen Abmessungen haben. Dafür können Sie Tools wie … verwenden. wp_get_attachment_image_srcset Um Bilder responsiv zu machen, können Sie solche Funktionen verwenden. Schließlich sollten Sie Bilder und Videos, die nicht auf dem ersten Bildschirm angezeigt werden, erst beim Bedarf laden und erwägen, nicht kritische JavaScript-Dateien erst später zu laden.

Entfernen Sie überflüssigen Code und stärken Sie die Sicherheit.

Die Überprüfung des Themas functions.php Entfernen oder kommentieren Sie alle nicht benötigten Funktionen in der Datei, z. B. das Laden zusätzlicher Google-Schriftarten, unbenutzte Kurzcodes usw. Stellen Sie aus Sicherheitsgründen sicher, dass die WordPress-Versionsnummer ausgeblendet ist, was durch Änderungen im Unterthema erreicht werden kann. functions.php Fügen Sie den folgenden Code hinzu, um dies zu implementieren:

InterServer Shared Hosting

Shared Hosting $2.50 USD pro Monat, erster Monat $0.1 USD Promo-Code tryinterserver, 461 Cloud-Apps Skripte, ein Klick installieren.

Zugangsseite

remove_action('wp_head', 'wp_generator');

Gleichzeitig sollten Sie die mit dem Thema gelieferten REST-API-Endpunkte einschränken oder deaktivieren (falls nicht erforderlich) und sicherstellen, dass die Dateiberechtigungen korrekt eingestellt sind (Verzeichnis 755, Datei 644).

Zusammenfassungen

Die Auswahl und Anpassung von Open-Source-WordPress-Themes ist ein systematischer Prozess, bei dem jeder Schritt unverzichtbar ist: von der sorgfältigen Bewertung der Codequalität, Sicherheit und Unterstützung in der Vorbereitungsphase über die sichere und tiefe Anpassung mittels Sub-Themes bis hin zur letztendlichen Optimierung der Leistung und Stärkung der Sicherheit. Indem Sie die Anleitung in diesem Artikel befolgen, werden Sie in der Lage sein, eine WordPress-Website zu erstellen, die nicht nur schön und funktional ist, sondern auch schnell, sicher und einfach langfristig zu warten ist. Denken Sie daran: Ein hervorragendes Theme ist eine solide Grundlage, während professionelle Anpassungen und Optimierungen Ihre Website von der Konkurrenz abheben können.

FAQ Häufig gestellte Fragen

Kann man die Dateien des übergeordneten Themas direkt bearbeiten?

Es wird dringend davon abgeraten, direkt Dateien des übergeordneten Themas zu ändern.

Denn wenn das von Ihnen ausgewählte übergeordnete Theme ein Update erhält (in der Regel zur Behebung von Sicherheitslücken oder zur Kompatibilität mit neuen Versionen), werden alle Ihre direkten Änderungen an den Dateien überschrieben, was dazu führt, dass Ihre benutzerdefinierten Funktionen nicht mehr funktionieren und möglicherweise sogar zu Fehlern auf der Website führen kann. Die Verwendung von Unterthemen wird von WordPress offiziell empfohlen und ist die einzige sichere Methode zur Änderung von Themen.

Unterstützen alle Themen die Erstellung von Unterthemen?

Die überwiegende Mehrheit der gut strukturierten Themes, die den WordPress-Entwicklungsrichtlinien folgen, unterstützt Unterthemes.

Um zu beurteilen, ob ein Thema Unterthemen gut unterstützt, können Sie prüfen, ob es standardmäßige WordPress-Funktionen zum Laden von Styles und Skripten verwendet (z. B. wp_enqueue_style(Einschließlich des Namens der Vorlage und ob ihre Dateien klar strukturiert sind.) Themen aus offiziellen Verzeichnissen oder von bekannten Entwicklern werden in der Regel perfekt unterstützt. Wenn die Struktur des Themas sehr speziell oder unübersichtlich ist, kann es schwierig sein, ein Unterthema zu erstellen.

Wie behebt man Stilkonflikte, die nach einer Themenaktualisierung auftreten?

Wenn nach einer Aktualisierung des übergeordneten Themas Stilkonflikte in Unterthemen auftreten, liegt dies normalerweise daran, dass sich der Kern-CSS des übergeordneten Themas geändert hat.

Zunächst überprüfen Sie Ihr Unterthema. style.css Gibt es Selektoren in Ihrem Kind-Theme, die mit der Selektorspezifität des übergeordneten Themes in Konflikt stehen? Überprüfen Sie die Elemente mit den Entwicklertools des Browsers, um zu sehen, welche Stylesheets überschrieben werden. Passen Sie dann die Spezifität der CSS-Selektoren in Ihrem Kind-Theme an (z. B. durch Hinzufügen von IDs oder Klassennamen) oder verwenden Sie < !important Erklären Sie (mit Vorsicht), dass Ihr Stil Vorrang hat. Es ist besser, in Unterthemen ergänzende Stile zu schreiben, anstatt die Stile des übergeordneten Themas vollständig neu zu schreiben.

In welcher Datei sollte die Funktion zum Anpassen von Themen stehen?

Für das Hinzufügen neuer Funktionen oder das Ändern bestehender Funktionen sollte der Code in ein Unterthema geschrieben werden. functions.php Dokumente.

unterthemenbezogen functions.php Die Datei überschreibt nicht die gleichnamige Datei des übergeordneten Themas, sondern wird stattdessen zusammen mit dieser geladen. Das bedeutet, dass Sie hier problemlos WordPress-Hooks (wie z. B. ) verwenden können. add_action、add_filterSie können hier benutzerdefinierte Funktionen hinzufügen, Abfragen ändern, neue Widget-Bereiche registrieren usw. Dies ist der Standardort, um die Funktionalität von Themes zu erweitern.