Hinweis: Der folgende Artikel hilft Ihnen dabei: 10 grundlegende Tipps zur Verbesserung von WordPress-Themes
Viele Leute nutzen WordPress als ihre Blogging-Plattform. Nach der Installation von WordPress werden neu getaufte WordPress-Benutzer normalerweise versuchen, WordPress-Themes zu finden und herunterzuladen, die sie verwenden können, damit ihre Website anders aussieht als das Standard-Theme. Unabhängig davon, ob ein WordPress-Theme kostenlos oder Premium ist, gibt es viele Möglichkeiten, es zu verbessern.
Die folgenden WordPress-Theme-Tipps behandeln die grundlegende Anpassung, Gestaltung und Optimierung.
1. Reduzieren Sie die Größe der Themenbilder
Bilder sind ein wichtiger Bestandteil jedes WordPress-Themes, doch Theme-Entwickler vergessen manchmal, sie zu optimieren.
Zu den Bildern in einem WordPress-Theme gehören CSS-Hintergrundbilder, Vorlagenlogos, Standardbilder, Symbole usw. Durch die Optimierung von Bildern können Sie Bandbreitenverbrauch einsparen und die Seitenreaktionszeiten für Ihre Blog-Leser verbessern.
Photoshop bietet beispielsweise eine Funktion, die Bilder für das Web optimiert. Normalerweise reduziere ich die Qualitätseinstellungen des Bildes, bis ich Veränderungen in der Farbe oder Qualität sehe.
Darüber hinaus können Sie ein verlustfreies Bildoptimierungstool wie Smush.it verwenden, das überschüssige Dateigröße ohne Einbußen bei der Bildqualität herausquetscht.
Weitere Tools zur Bildoptimierung finden Sie hier.
Yahoo! Smush.it ist ein verlustfreies Komprimierungstool. Erfahren Sie alles über die Web-Bildoptimierung in diesem Leitfaden zum Speichern von Bildern für das Web.
2. Verwenden Sie ein benutzerdefiniertes Favicon
Einige WordPress-Themes verfügen nicht über eine Standardeinstellung Favicon (das Symbol, das eine Website darstellt, die Sie in Browser-Registerkarten und Browser-Webadressleisten sehen können).
Das in Firefox 3.6 angezeigte Design Instruct-Favicon. Die Website verwendet WordPress als Veröffentlichungsplattform. Wenn eine Website kein Favicon hat, kann sie unprofessionell aussehen.
Stellen Sie sicher, dass Ihr WordPress-Theme über ein Favicon verfügt. Sie können sich diese Liste von Favicon-Generatoren ansehen, die Ihnen beim Entwerfen Ihres eigenen Favicon-Generators helfen. Um auf Ihr WordPress-Symbol zu verweisen, fügen Sie einfach den folgenden Code in header.php ein, das sich im Verzeichnis Ihres Themes befindet:
Ändern Sie den Wert des href-Attributs so, dass er auf den Speicherort Ihrer Favicon-Datei verweist.
3. Gestalten Sie WordPress-Bildunterschriften
Wenn Sie ein Bild hochladen und in einem Blogbeitrag veröffentlichen, können Sie ihnen Bildunterschriften zur Beschreibung geben. Jedes gute WordPress-Theme sollte enthalten Standardstile für Bildunterschriften. Um die Standardbeschriftung zu formatieren, können Sie die Klasse .wp-caption in Ihrer Datei „styles.css“ verwenden.
Hier ist ein Beispiel für die Gestaltung der Bildunterschrift (unter Verwendung einiger CSS3-Eigenschaften):
.wp-caption { Hintergrundfarbe: #f3f3f3; Rand: 1px fest #ddd; -khtml-Grenzradius: 3px; -moz-border-radius: 3px; -webkit-Grenzradius: 3px; Randradius: 3px; /* optional abgerundete Ecken für Browser, die dies unterstützen */ margin: 10px; Polsterung oben: 4px; Textausrichtung: Mitte; } .wp-caption img { border: 0 none; Rand: 0; Polsterung: 0; } .wp-caption p.wp-caption-text { Schriftgröße: 11px; Zeilenhöhe: 17px; Rand: 0; Polsterung: 0 4px 5px; }
Hier ist das Ergebnis der oben genannten Stilregeln:
4. Verwenden Sie PHP Flush
Indem Sie die PHP-Flush-Funktion direkt nach Ihrem Header aufrufen, können Sie Ihren WordPress-Blog beschleunigen. Fügen Sie einfach diese Zeile nach dem schließenden -Tag zu Ihrer Datei header.php hinzu:
Dieser Code zwingt Ihren Webserver einfach dazu, den Header Ihrer Website zu senden, bevor er den Rest des Inhalts sendet. Durch die Verwendung der Flush-Funktion hat der Browser Zeit, alle im Header referenzierten Stylesheets herunterzuladen, während er auf die anderen Teile der Webseite wartet.
5. Verwenden Sie Kurzschrift-CSS im Stylesheet Ihres Themes
Die CSS-Dateien von WordPress-Themes enthalten jede Menge Code, um alle möglichen Situationen und Verwendungszwecke abzudecken. Um die Dateigröße zu reduzieren, können Sie Kurzschrift-CSS verwenden. Einige WordPress-Theme-Designer machen es weniger fortgeschrittenen Benutzern einfacher, die Stile zu optimieren, indem sie auf die Verwendung von Kurzschrifteigenschaften verzichten. Wenn Sie jedoch ein erfahrener CSS-Programmierer sind, können Sie die Stile mithilfe von Kurzschrifteigenschaften schreiben/umschreiben.
Wenn Sie beispielsweise in Ihrem Theme Stilregeln finden, die so aussehen:
.post { padding-top:3px; padding-right:10px; padding-bottom:5px; padding-left:2px; }
Sie könnten sie wie folgt auf ihr Kurzwort-Äquivalent reduzieren:
.post { padding: 3px 10px 5px 2px; }
Dadurch wird die Größe Ihres Stylesheets effektiv reduziert. Eine Änderung wird keinen großen Unterschied machen, aber jede noch so kleine Optimierung bringt Sie einem schnelleren WordPress-Theme ein Stück näher.
6. Minimieren Sie Ihre WordPress-Themedateien
Im Einklang mit der Verwendung von Kurzschrifteigenschaften für CSS zur Optimierung von „styles.css“ können Sie die CSS- und JavaScript-Dateien Ihres Themes, wenn sie nicht minimiert sind, minimieren, um ihre Dateigröße zu reduzieren. Durch die Minimierung werden nicht benötigte Zeichen wie Leerzeichen und Tabulatoren aus Ihren Dateien entfernt. Für JavaScript können Sie verwenden JavaScript-Kompressorein kostenloses webbasiertes Tool, mit dem Sie Ihre JavaScript-Dateien verkleinern können.
Schauen Sie sich für CSS diese Liste von CSS-Optimierern an.
Es wird schwieriger sein, Ihren HTML-Code zu minimieren, da das Markup des Themes auf mehrere Dateien verteilt ist und zwischen ihnen PHP-Code verstreut ist. Es gibt jedoch Plugins wie W3 Gesamtcache Dadurch wird Ihr gesamter Front-End-Code minimiert und andere Optimierungsprozesse durchgeführt, z. B. das Zwischenspeichern Ihrer Blog-Beiträge, um die Geschwindigkeit der Website zu verbessern.
7. Sichern Sie das Theme
Eine einfache Möglichkeit, Ihr Theme zu schützen, besteht darin, den generischen WordPress-Generatorcode zu entfernen, der in den
-Tags Ihres Themes platziert ist.Der Grund dafür ist, dass es für einen böswilligen Benutzer, der Ihre WordPress-Version kennt, viel einfacher ist, sie mithilfe von versionspezifischen Schwachstellen anzugreifen. Um dies zu entfernen, müssen Sie zwei Schritte unternehmen. Gehen Sie zunächst zur Datei header.php Ihres Themes und prüfen Sie, ob eine Zeile wie diese vorhanden ist:
Wenn dies der Fall ist, entfernen Sie die Zeile.
Diese Zeile gibt Ihre WordPress-Versionsnummer als -Tag aus. Um sicherzustellen, dass es nicht über den wp_head()-Hook angezeigt wird, fügen Sie als Nächstes diesen Code einfach in die Datei „functions.php“ ein (falls „functions.php“ nicht existiert, können Sie einfach einen mit Ihrem bevorzugten Quellcode erstellen Editor):
8. Dashboard-Anmeldefehler ausblenden
Eine weitere Möglichkeit, Ihr WordPress-Theme zu schützen, besteht darin, Anmeldefehler zu verbergen. Der Grund dafür ist, dass immer dann, wenn Sie versuchen, sich mit dem richtigen Benutzernamen, aber mit dem falschen Passwort anzumelden, die Meldung „Fehler: Falsches Passwort“ angezeigt wird. Sie haben nun den Hinweis gegeben, dass der eingegebene Benutzername im System vorhanden ist und lediglich das Passwort geknackt werden muss.
Ebenso erscheint bei der Eingabe eines nicht verfügbaren Benutzernamens die Meldung „Fehler: Ungültiger Benutzername“. Dies zeigt natürlich, dass der Benutzername nicht existiert und eine Permutation weniger überprüft werden muss. Um dies zu verhindern, müssen Sie diesen Code zu Ihrer Datei „functions.php“ hinzufügen:
add_filter(‘login_errors’, create_function(‘$a’, “return null;”));
Dieser Filter entfernt den standardmäßigen WordPress-Fehler, indem er nichts anzeigt, wenn eine Anmeldung falsch ist.
9. Ersetzen Sie die Suchfunktion des Themes
Die meisten Themes, die Sie herunterladen, verwenden die Standardsuchfunktion im WordPress-Kern, insbesondere weil es eine ist Best Practice, empfohlen von WordPress-Kernentwicklern für die Entwicklung und den Vertrieb von WordPress-Themes. Allerdings ist die Kernsuchfunktion derzeit nicht so robust und genau wie ein Suchdienst eines Drittanbieters, z Benutzerdefinierte Google-Suche, Yahoo! Suchen Sie nach BOSSoder die Bing-API.
Wenn Sie beispielsweise in der Kernsuchfunktion von WordPress den Namen des Autors eines Blogbeitrags eingeben, erhalten Sie kein Ergebnis (es sei denn, Sie fügen ihn als benutzerdefiniertes Feld in Ihre Beiträge ein).
Andererseits können Sie durch die Verwendung von Webdiensten von Google, Yahoo! und Bing von Microsoft nicht nur deren Suchkompetenz nutzen, sondern auch dazu beitragen, die Serverlast für Suchvorgänge zu reduzieren.
Informationen zur Integration der benutzerdefinierten Google-Suche in Ihr WordPress-Theme finden Sie unter Plugin für die benutzerdefinierte Google-Suche oder dieses Tutorial mit dem Titel „Integrieren Sie die Google-Suche in Ihrem WordPress-Blog“.
Für Yahoo!
Suchen Sie nach BOSS, sehen Sie sich die an Yahoo BOSS WordPress-Plugin oder dieses Tutorial mit dem Titel Erstellen Sie eine von Yahoo BOSS unterstützte Site-Suchmaschine. Wenn Sie sich schließlich für die Bing-API interessieren (die derzeit für einen der größten WordPress-Blogs der Welt verwendet wird), Zerstampbar), schauen Sie sich dieses Tutorial mit dem Namen an Bing Search API-Wrapper für PHP.
10. Reduzieren Sie Funktionsaufrufe und Hooks für statische Inhalte
Themendateien für den Massenkonsum und die Verwendung in verschiedenen Situationen müssen flexibel sein. Daher gibt es zahlreiche dynamische Funktionsaufrufe und Hooks, damit das Thema auf verschiedene Arten und in verschiedenen Situationen funktioniert. Dies kann jedoch zu einer geringeren Leistung und Seitengeschwindigkeit führen, da jedes Mal, wenn eine Seite generiert wird, mehrere Funktionsaufrufe durchgeführt werden müssen, um die Seite zu rendern.
Achten Sie auf Dinge, die keine Funktionsaufrufe sein müssen; Achten Sie auf Dinge, die sich wahrscheinlich nicht ändern werden.
Beispielsweise finden Sie in header.php möglicherweise eine Zeile, die so aussieht:
Diese Zeile gibt den Namen Ihres Blogs in der Titelleiste des Browsers aus. Der Name Ihres Blogs wird sich wahrscheinlich nicht oft ändern, wenn überhaupt, Sie könnten also einen benötigten Funktionsaufruf reduzieren, indem Sie ihn durch Ihren Blognamen ersetzen, etwa so:
Hier ist ein weiteres Beispiel (wiederum normalerweise in header.php zu finden):
” type=”text/css” />Das obige Beispiel verweist auf die URL Ihres Stylesheets. Es ist jedoch unwahrscheinlich, dass sich diese URL ändert. Sie können die URL also einfach direkt wie folgt schreiben:
Es gibt viele dieser Funktionsaufrufe für nicht benutzerdefinierte WordPress-Themes und zusammen können sie zur Trägheit Ihres WordPress-Blogs beitragen, insbesondere wenn Sie kein Caching-Plugin verwenden.
