Inspiration.

Das ist mein Ziel für Sie.

Viele WP-Benutzer haben noch nicht erkannt, wie leistungsfähig WordPress ist, also lassen Sie sich von diesem Beitrag inspirieren, während Sie neue Tools und Taktiken für die Anpassung Ihrer WordPress-Website entdecken.

Sie werden Ihre Website brandmarken, Ihre Inhalte personalisieren und sogar Änderungen am Admin-Dashboard vornehmen.

Wenn Sie mit dem Lesen fertig sind, werden Sie eine schönere, vollständig gebrandete Website haben.

Es gibt hier viel zu lernen, also merken Sie sich diese Seite, damit Sie zurückkommen können, wenn Sie mehr Zeit brauchen.

Lassen Sie uns mit der größten Anpassungstaktik von allen beginnen…

Wählen Sie ein neues Theme

Der schnellste Weg, Ihre Website drastisch zu verändern, ist der Wechsel des WordPress-Themes.

Der Wechsel des Themes wird sofort alles am Design Ihrer Website verändern.

Aber es gibt ein Problem…

Es gibt mehr als 10.000 WordPress-Themes zur Auswahl!

Sie könnten leicht Tage damit verbringen, Themes zu durchsuchen und zu prüfen. Tatsächlich tun das viele Leute!

Jede Woche schreiben mir Leute, dass sie sich Hunderte von Themes angesehen haben, bevor sie sich für eines meiner Themes entschieden haben.

Wenn Sie sich etwas Zeit sparen wollen, folgen Sie meinem Leitfaden, wie Sie das perfekte Theme für Ihre Website auswählen.

Wenn Sie natürlich sofort ein neues Design ausprobieren möchten, haben wir 19 kostenlose WordPress-Themes, die Sie direkt in Ihrem WP-Dashboard in der Vorschau anzeigen können.

Die nächste einfache Möglichkeit, das Design Ihrer Website stark zu verändern, ist der Wechsel von den neuesten Beiträgen zu einer statischen Seite auf der Startseite.

Wechseln Sie zu einer statischen Startseite

Hier ist ein Geheimtipp:

Jede WordPress-Website sollte eine statische Startseite verwenden.

Ja, auch wenn Sie ein Blogger sind.

Sie werden mehr Abonnenten bekommen und mehr Geld mit Ihrer Website verdienen, wenn Sie mehr tun, als nur Ihre neuesten Beiträge aufzulisten.

Zum Beispiel kann Ihre Homepage ein E-Mail-Optin-Formular enthalten, um Ihre Abonnenten aufzubauen und dann einige Ihrer besten Beiträge zu bewerben, anstatt nur Ihre neuesten Beiträge anzuzeigen.

Diese Änderung ist leicht vom WordPress-Dashboard aus zu machen. Stellen Sie einfach diese Einstellung auf eine statische Seite um:

Oder Sie können diesem einfachen Video-Tutorial folgen:

Natürlich fragen Sie sich jetzt wahrscheinlich, wie man eine benutzerdefinierte Homepage erstellt. Auch das ist mit dem richtigen Tool ganz einfach.

Eine eigene Homepage erstellen

Sie können Elementor verwenden, um eine eigene Homepage zu erstellen.

Für den Fall, dass Sie damit nicht vertraut sind, ist Elementor ein Seitenerstellungs-Plugin, und wie der Teil „Seitenerstellung“ schon andeutet, können Sie damit komplett eigene Seiten erstellen.

Dieses ausführliche Video-Tutorial zeigt Ihnen, wie Sie Elementor verwenden:

Abonnieren Sie Compete Themes auf Youtube

Um loszulegen, können Sie Elementor auf Ihrer Website installieren, indem Sie im Plugins-Menü danach suchen oder es von wordpress.org.

Nachdem Sie Elementor auf Ihrer Website installiert haben, können Sie eine beliebige Seite besuchen und auf die Schaltfläche „Mit Elementor bearbeiten“ klicken, um den Editor zu starten.

Sie gelangen zu dieser Oberfläche:

Auf der linken Seite des Bildschirms befinden sich die verschiedenen verfügbaren Widgets, die Sie per Drag-and-Drop in den Inhaltsbereich der Seite ziehen können.

Um eine benutzerdefinierte Seite zu erstellen, müssen Sie lediglich die gewünschten Widgets in den Seiteninhalt einfügen. Jedes dieser Widgets verfügt über eine Vielzahl von anpassbaren Optionen, wie z.B. dieses:

Gutenberg verfügt über ähnliche Blöcke, aber die Widgets in Elementor sind viel anpassbarer.

Das Hinzufügen und Anpassen jedes einzelnen Widgets könnte jedoch als eine Menge Arbeit erscheinen. Um die Dinge einfacher zu machen, hat Elementor stilvolle vorgefertigte Blöcke, die Sie in jede Seite einfügen können:

Und noch besser: Elementor hat fertige Verkaufsseiten, die Sie mit nur einem Klick in Ihre Seite einfügen können.

Sie können die vorgefertigten Homepages durchstöbern, Ihren Favoriten einfügen und dann den Text und die Bilder austauschen, damit sie perfekt passen.

Es gibt eine ganze Reihe kostenloser Verkaufsseiten, aber die meisten der besten sind nur in Elementor Pro verfügbar.

Zusammenfassend lässt sich also sagen, wie das alles funktioniert…

Die meisten Seiten auf Ihrer Website werden Sie mit Ihrem Theme erstellen, aber wenn Sie eine komplett benutzerdefinierte Seite benötigen, z. B. für Ihre Homepage, ist dies ein guter Zeitpunkt, um Elementor zu verwenden. Sogar als Theme-Entwickler habe ich angefangen, Seiten mit Elementor zu erstellen, anstatt sie selbst zu programmieren, weil es so schnell und einfach ist.

Sieh dir Elementor an →

Nun, da du über Seitenerstellungsprogramme Bescheid weißt, lass uns zu den globalen Anpassungen der Website zurückkehren.

Ändern Sie Ihre Schriftart

Die Schriftart, die Sie wählen, hat einen großen Einfluss auf den Charakter Ihrer Website.

Deshalb sind Sie vielleicht verärgert, wenn Sie Ihre Schriftart nicht wählen können.

Ich nehme an, dass dein Theme keine benutzerdefinierten Schriftarten hat, wenn du das hier liest, also hier ist eine einfache und kostenlose Lösung:

Installiere das Google Fonts Typography Plugin.

Dieses Plugin gibt Ihnen vollständigen Zugriff auf die Google Fonts-Bibliothek, die de facto die Quelle für Schriftarten im Web ist.

Ich verwende Google Fonts in allen meinen Themes und ich kenne keine Theme-Entwickler, die etwas anderes verwenden.

Wenn Sie das Google Fonts Typography Plugin installieren, finden Sie im Customizer ein neues Panel, mit dem Sie schnell die Schriftart für Ihre gesamte Website wechseln können.

Ich habe ein detailliertes Video-Tutorial zum Ändern Ihrer Schriftart mit Google Fonts Typography, wenn Sie eine Schritt-für-Schritt-Anleitung wünschen.

Wenn Sie eines unserer Themes verwenden, finden Sie Google Fonts auch vollständig integriert im PRO-Upgrade Ihres Themes.

Hier ist ein weiterer schneller Gewinn, um die Präsentation Ihrer Website zu optimieren.

Ändern Sie die Anzahl der Beiträge pro Seite

Standardmäßig zeigt WordPress zehn Beiträge auf Ihrer Blog-Hauptseite und den Archiven (Kategorien, Tags, Autor und Datumsarchive) an.

Zehn ist eine gute Voreinstellung, aber was ist, wenn Sie ein mehrspaltiges Layout haben, wie die Layouts in Challenger Pro?

Besucher werden mit einem einzigen Wisch an allen zehn Beiträgen vorbeiscrollen. Ihre Website wird besser funktionieren, wenn Sie stattdessen 16 oder 20 Beiträge einfügen.

Sie können das Menü Leseeinstellungen (Einstellungen > Lesen) besuchen und die Anzahl der Beiträge pro Seite mit dieser Einstellung schnell ändern:

Einfach, oder?

Wenn jemand das Ende Ihrer Beiträge erreicht, kann er auf die Paginierung klicken, um mehr zu finden, aber es gibt noch eine andere Anpassung, die besser ist als eine einfache Paginierung.

Unendliches Scrollen aktivieren

Sein Sie mal ehrlich.

Wie oft klicken Sie eigentlich auf die Paginierungslinks am Ende eines Blogs?

Ich tue das manchmal, aber ich klicke immer nur auf den Link zur nächsten Seite der Beiträge. Braucht man da wirklich mehr als eine Schaltfläche „Weitere Beiträge“?

Der endlose Bildlauf ermöglicht es den Besuchern, eine Seite nach unten zu scrollen und die Beiträge beim Scrollen automatisch zu laden. Während dies für einige Websites gut funktionieren kann, gibt es eine kleine Änderung, die in der Regel besser funktioniert. Diese Lösung besteht darin, nach den Beiträgen eine Schaltfläche „Mehr laden“ einzufügen, etwa so:

Besucher können auf die Schaltfläche klicken, um die Beiträge automatisch zu laden, ohne die gesamte Seite neu zu laden.

Das kostenlose WordPress-Plugin Infinite Scroll leistet hervorragende Arbeit, aber Sie müssen sich mit der Bearbeitung von Code in Ihrem Theme auskennen.

Wenn Sie eine Lösung ohne Code wünschen, gibt es eine Infinite-Scroll-Funktion in Jetpack. Nicht alle Themes sind kompatibel, aber alle 19 unserer Themes funktionieren mit Jetpack.

Das unendliche Scrollen bringt Ihre Besucher dazu, mehr Beiträge zu lesen und länger auf Ihrer Website zu bleiben. Wenn wir schon bei diesem Thema sind, hier sind zwei weitere Möglichkeiten, Ihre Website so anzupassen, dass Besucher mehr Ihrer Beiträge lesen.

Verwenden Sie konsistente Featured Images

Sie verwenden doch Featured Images, oder?

Um sicherzugehen, dass wir auf der gleichen Seite sind, können Sie diese Option in der Seitenleiste jedes Beitrags oder jeder Seite verwenden, um ein Featured Image hinzuzufügen:

Und das Bild wird dann auf dem Blog und der Beitragsseite wie folgt angezeigt:

Featured Images verhelfen jedem Beitrag zu mehr Aufmerksamkeit und mehr Klicks, was mehr Leser und Abonnenten bedeutet.

Aber das ist noch nicht alles.

Einige WordPress-Benutzer denken bei der Auswahl von Featured Images immer nur an einen Beitrag, was ihren Blog unzusammenhängend erscheinen lässt.

Wenn Sie Featured Images auswählen, achten Sie auf ein einheitliches Aussehen.

Zum Beispiel verwende ich hier auf dem Blog von Compete Themes normalerweise Vektorgrafiken für die Featured Images.

Wählen Sie eine einheitliche Ästhetik für die Featured Images auf Ihrer Website, und das wird für ein schöneres Design sorgen.

Ich verwende Vecteezy für Vektorgrafiken und Unsplash ist die beste Quelle für kostenlose, professionelle Fotos. Vielleicht gefällt Ihnen auch Canva, um einen Beitragstitel über Ihren Bildern einzufügen.

Wenn Sie Ihren Blog noch verlockender gestalten wollen, befolgen Sie diesen nächsten Tipp.

Schreiben Sie einen individuellen Auszug für jeden Beitrag

Ich kann nicht glauben, wie wenige Leute individuelle Auszüge schreiben!

In der rechten Seitenleiste des Editors findest du diese Auszugsbox:

Solange du ein gut codiertes Theme verwendest, wird der Auszug, den du dort schreibst, auf der Hauptseite des Blogs und in den Archiven angezeigt.

Es gibt zwei Gründe, warum du für jeden Beitrag einen eigenen Auszug schreiben solltest.

Erstens verwendet dein Theme wahrscheinlich die ersten 25 Wörter. Glauben Sie nicht, dass Sie einen verlockenderen Teaser für Ihren Beitrag schreiben können, als nur die ersten 25 Wörter zu verwenden? Besucher werden mehr klicken, wenn Sie überzeugende Auszüge schreiben.

Zweitens können Sie sicherstellen, dass der Auszug gut in das Design passt, wenn Sie eigene Auszüge schreiben. Wenn die Standardlänge zu lang oder zu kurz ist, können Sie dieses Problem durch das Schreiben von manuellen Auszügen beheben.

Außerdem wird Ihre Website in den sozialen Medien besser funktionieren, wenn Sie diese nächste Anpassungstaktik befolgen.

Anpassen des Aussehens Ihrer Website auf Facebook

Wenn Sie meine letzten beiden Tipps befolgt haben, werden Sie das Aussehen Ihrer Beiträge beim Teilen auf Twitter und Facebook lieben.

Aber!

Sie müssen Ihrer Website „Open Graph“-Tags hinzufügen. Am einfachsten ist es, das Yoast SEO Plugin zu installieren.

Yoast SEO optimiert Ihre Website, damit sie bei Google besser ranken kann. Ich möchte nicht zu sehr abschweifen, denn in diesem Beitrag geht es um Webdesign und nicht um Suchmaschinenoptimierung. Sie können also diese SEO-Tutorials lesen, wenn Sie mehr über all das erfahren möchten.

Das andere, was Yoast SEO macht, ist das Hinzufügen von Open-Graph-Tags zu Ihrer Website 😁

Open-Graph-Tags werden im Quellcode jeder Seite Ihrer Website angezeigt und teilen Social-Media-Sites wie Facebook mit, welche Inhalte verwendet werden sollen, wenn jemand Ihre Website teilt.

Wenn Sie ein Featured Image hinzufügen und einen benutzerdefinierten Auszug schreiben, ist das der Inhalt, den Facebook anzeigt, wenn der Beitrag geteilt wird, aber nur, wenn Sie die Open Graph Tags hinzugefügt haben.

Mit Yoast SEO haben Sie auch die Möglichkeit, ein anderes Bild nur für Facebook und/oder Twitter hinzuzufügen.

Wie cool ist das denn?

Sie könnten ein einfaches Foto als Featured Image verwenden, aber eine andere Version mit dem Titel überlagern, nur für den Fall, dass die Leute den Beitrag auf Facebook teilen.

Während wir über soziale Medien sprechen, ist diese nächste Anpassung wesentlich für den Aufbau Ihres Publikums.

BONUS-TIPP: Um Zeit zu sparen, schreibe ich eine benutzerdefinierte Meta-Beschreibung für jeden Beitrag, gebe diese in Yoast ein und verwende sie dann als benutzerdefinierten Auszug des Beitrags.

Fügen Sie Ihre sozialen Symbole hinzu

Diese WordPress-Anpassung ist denkbar einfach.

Wenn Sie wollen, dass man Ihnen folgt, müssen Sie es einfach machen!

Die meisten Themes haben heutzutage Social Icons eingebaut, wie z.B. das Mission News Theme, das Icons für mehr als 50+ Social Media Sites enthält.

Wenn jemand auf eines der Icons klickt, wird der Besucher direkt zu Ihrem sozialen Profil geleitet. Das ist eine großartige Möglichkeit, Menschen dazu zu bringen, Ihnen auf der von ihnen bevorzugten Plattform zu folgen.

Während das Hinzufügen von sozialen Symbolen in die Kopf- und/oder Fußzeile Ihrer Website großartig für den Aufbau Ihres Publikums ist, sollten Sie auch in Betracht ziehen, Schaltflächen für die gemeinsame Nutzung von sozialen Netzwerken hinzuzufügen.

Schaltflächen für die gemeinsame Nutzung von sozialen Netzwerken hinzufügen

Ich möchte Sie nicht verwirren, also lassen Sie mich das klarstellen.

Im letzten Schritt habe ich empfohlen, verknüpfte Symbole zu Ihren sozialen Profilen in die Kopfzeile der Website einzufügen. Das sind nur Links.

Social-Sharing-Buttons sollten in Ihre Beiträge eingefügt werden, etwa so:

Wenn jemand auf einen dieser Buttons klickt, öffnet sich eine neue Registerkarte, in der der Beitrag ausgefüllt und zum Teilen bereit ist.

Es gibt tonnenweise Plugins zur Auswahl, aber mein neuer Favorit ist Scriptless Social Sharing.

Das Problem, das ich mit den meisten Share-Button-Plugins habe, ist, dass sie Ihre Website zu sehr verlangsamen. Scriptless Social Sharing enthält die wesentlichen Funktionen und nicht mehr. Es lädt superschnell und funktioniert sowohl auf dem Desktop als auch auf dem Handy.

Bei all dem neuen Traffic, den Sie bekommen werden, werden Sie ein paar weitere Anpassungen vornehmen wollen, um Ihre Website profitabler zu machen.

Fügen Sie ein Kontaktformular hinzu

Wenn Sie auf Ihrer Website Dienstleistungen verkaufen, dann ist es naheliegend, ein Formular hinzuzufügen, damit Kunden mit Ihnen in Kontakt treten können.

Aber ein Kontaktformular ist ein wesentlicher Bestandteil jeder Website. Man weiß nie, welche Möglichkeiten sich einem bieten.

Wenn es um das Hinzufügen eines Kontaktformulars geht, ist WPForms mein Lieblingsplugin.

Es ist unglaublich anpassbar und einfach zu benutzen. Außerdem bringen die Premium-Upgrades die Dinge wirklich auf die nächste Stufe.

Meine Anleitung zum Hinzufügen eines Kontaktformulars zu WordPress führt Sie durch alle Schritte.

Wenn Sie keine Dienstleistungen verkaufen oder bereits ein Kontaktformular haben, möchten Sie vielleicht eine neue Landing Page erstellen.

Erstellen Sie eine Landing Page

Eine Landing Page ist eine Seite auf Ihrer Website, auf der Besucher landen. Mit anderen Worten, Sie schicken neue Besucher hierher, um sie in Abonnenten und/oder Kunden umzuwandeln.

Wenn Sie erfolgreich Besucher auf Ihre Website leiten, ist es an der Zeit, ein Angebot auf einer Landing Page zu erstellen und Besucher dorthin zu schicken.

Ich empfehle die Verwendung des Elementor-Plugins zur Erstellung einer benutzerdefinierten Landing Page. Es gibt fertige Landing Pages und Site Kits, die Sie als Ausgangspunkt verwenden können.

Ein Trick bei Landing Pages ist, dass Sie entweder die gesamte Navigation entfernen oder die Navigation auf dieser Seite einschränken. Um dies zu tun, müssen Sie wissen, wie man benutzerdefinierte Menüs erstellt.

Erstellen Sie ein benutzerdefiniertes Menü

Auch wenn es davon abhängt, welches Theme Sie wählen, wird Ihre Website wahrscheinlich jede „Seite“ im Hauptmenü ausgeben.

Das ist nicht ideal.

Sie werden einen eigenen Satz von Links für Ihr Menü erstellen wollen, und möglicherweise ein paar Menüs, die Sie auf verschiedenen Seiten Ihrer Website anzeigen.

Um ein benutzerdefiniertes Menü zu erstellen, folgen Sie den Schritten in diesem Video-Tutorial:

Sie werden lernen, wie Sie Links zu beliebigen Beiträgen, Seiten oder sogar externen URLs in Ihr Menü einfügen können. Sie können sie auch neu anordnen und Dropdown-Menüs mit Leichtigkeit erstellen.

Mit dieser nächsten Anpassung wird Ihre Website noch einfacher zu navigieren sein.

Machen Sie Ihr Menü „klebrig“

Sie haben jetzt ein Stück nach unten gescrollt, aber wenn Sie auf den oberen Teil des Bildschirms schauen, werden Sie sehen, dass das Hauptmenü noch sichtbar ist.

Wenn Sie Ihr Menü immer am oberen Rand des Bildschirms fixieren, wird die Navigation auf Ihrer Website viel einfacher, weil die Besucher nicht jedes Mal ganz nach oben scrollen müssen, wenn sie eine neue Seite aufrufen wollen.

Es gibt zwei einfache Möglichkeiten, die Navigation zu fixieren (falls Ihr Theme diese Option nicht bereits enthält).

Erstens können Sie das kostenlose Plugin Sticky Menu on Scroll installieren.

Dieses Plugin funktioniert hervorragend, aber Sie müssen wissen, wie Sie einen CSS-Selektor finden, den Sie verwenden können. Für alle unsere Themes können Sie entweder #site-header oder #menu-primary-items verwenden, je nachdem, ob Sie möchten, dass die gesamte Kopfzeile oder nur das primäre Menü klebrig ist.

Die zweite Alternative ist die Verwendung der klebrigen Menüoption, die in Elementor Pro verfügbar ist. Diese Methode erfordert keine CSS-Selektoren und Sie können das Design des Menüs vollständig anpassen, während Sie dabei sind.

Ich habe noch einen weiteren Tipp, um Ihre Website noch einfacher zu navigieren.

Sie haben wahrscheinlich von dem Märchen Hänsel & Gretel gehört.

Wie Sie sich vielleicht erinnern, lassen sie Brotkrümel fallen, während sie durch den Wald reisen und eine Spur hinterlassen, der sie folgen können, um ihren Weg nach Hause zu finden.

Web-Designer haben diesen Begriff für die Spur von Links übernommen, die manchmal unter der Kopfzeile eingefügt werden, wie in diesem Beispiel bei Amazon.

Jeder Link führt Sie einen Schritt zurück in der Navigation der Website.

Auch wenn Ihre Website zweifellos kleiner und weniger komplex ist als die von Amazon, würde sie wahrscheinlich dennoch von der Verwendung von Breadcrumbs profitieren.

Wenn Sie das Yoast SEO Plugin installiert haben, das weiter oben in diesem Beitrag empfohlen wurde, müssen Sie nicht viel mehr tun. Klicken Sie einfach auf diese Option, um sie im Einstellungsmenü zu aktivieren:

Alle unsere Themes sind mit dem Yoast-Breadcrumb-Trail kompatibel, aber Sie müssen möglicherweise mit Ihrem Theme-Entwickler nachfragen, wenn die Breadcrumbs auf Ihrer Website nicht angezeigt werden.

Mit diesen letzten Tipps haben Sie alle wichtigen Anpassungen an Ihrer Navigation vorgenommen.

Jetzt kommen wir zum Branding Ihrer Website, um eine einheitliche visuelle Wirkung zu erzielen.

Passen Sie Ihre Farben an

Dies ist ein einfacher und vielleicht offensichtlicher Schritt, um Ihre Website zu kennzeichnen.

Die Änderung der Akzentfarbe auf Ihrer gesamten Website sorgt für einen konsistenten visuellen Effekt.

Wenn Ihr Thema keine benutzerdefinierten Farben enthält und Sie nicht wissen, wie Sie Ihre Website mit Code anpassen können, dann möchte ich Ihnen ein großartiges Tool vorstellen: CSS Hero.

Hier ein paar Hintergrundinformationen…

CSS ist der Name der Programmiersprache, die Webdesigner verwenden, um Webseiten zu gestalten. CSS Hero ist ein WordPress-Plugin, mit dem Sie Ihr Theme anpassen können, ohne selbst eine einzige CSS-Zeile zu schreiben.

Mit CSS Hero können Sie zum Beispiel die Hintergrundfarbe Ihrer Website ganz einfach ändern. Zunächst öffnen Sie den visuellen Editor, der wie folgt aussieht:

Als Nächstes klicken Sie auf den Hintergrund, um eine Reihe von Anpassungsoptionen in der linken Seitenleiste anzuzeigen.

Schließlich verwenden Sie die Option für die Hintergrundfarbe, um sie auf eine beliebige Farbe einzustellen, und speichern dann Ihre Änderungen.

CSS Hero kann verwendet werden, um die Farbe jedes Elements auf Ihrer Website sowie die Schriftarten, Abstände und viele andere Designaspekte zu ändern.

Testen Sie CSS Hero →

Diese nächste Anpassungstechnik ist ein Muss für jede professionelle Website.

Fügen Sie Ihr Logo zur Browser-Registerkarte hinzu

Ich bin mir sicher, dass sich Ihr Logo bereits oben auf Ihrer Website befindet. Jedes Theme, das ich kenne, enthält eine einfache Option dafür.

Aber damit sollten Sie nicht aufhören!

Du solltest dein Logo auch in den Browser-Tab selbst einfügen, etwa so:

Dieses kleine Icon wird normalerweise als Favicon bezeichnet, aber die WordPress-Oberfläche nennt es ein „Site Icon“.

Dennoch findest du diese Option im Customizer (Appearance > Customize).

Im Customizer öffnen Sie den Abschnitt „Site Identity“ und Sie finden die Option „Site Icon“ ganz unten.

Alles, was Sie tun müssen, ist das Logo-Bild von Ihrem Computer hochzuladen und auf die Schaltfläche „Veröffentlichen“ zu klicken.

Bei der Auswahl eines Bildes für das Favicon ist es am besten, ein Symbol zu verwenden, wenn Ihr Logo eines enthält. Für Compete Themes verwende ich das Stift- und Schild-Symbol, aber wenn ich das nicht hätte, würde ich das Logo einfach zu einem blauen Quadrat mit „CT“ in weißer Schrift machen.

Sie werden vielleicht auch überrascht sein, dass WordPress empfiehlt, dass Ihr Bild 512x512px groß sein sollte. Das scheint ziemlich groß zu sein, nicht wahr?

Nun, abgesehen von dem Icon im Browser-Tab, wird dein Favicon auch in Lesezeichen wiederverwendet, die viel größer angezeigt werden können. Zum Beispiel könnte jemand, der ein iPad Pro verwendet, Ihre Website auf seinem Safari-Startbildschirm speichern, wo das Symbol ziemlich groß angezeigt wird.

Sie können unserem vollständigen Tutorial zum Hinzufügen eines Favicons zu WordPress folgen, wenn Sie eine detailliertere Anleitung wünschen (es gibt auch ein Video-Tutorial)

Eine weitere Möglichkeit, Ihrer Website ein unverwechselbares Aussehen zu verleihen, ist die Verwendung eines gebrandeten Hintergrundbildes.

Hintergrundbild hinzufügen

Hintergrundbilder sieht man heute nicht mehr so oft.

Heutzutage bleiben die meisten Websites bei einem einfachen weißen oder hellgrauen Hintergrund. Wenn Sie sich wirklich abheben wollen, versuchen Sie, ein Hintergrundbild hinzuzufügen, das sowohl schön als auch markengerecht ist.

Für diese Anpassung können wir uns wieder an CSS Hero wenden.

Wählen Sie den Hintergrund, aber anstatt eine Farbe einzustellen, wählen Sie stattdessen die Bildoption.

Sie können jedes beliebige Bild hochladen und sogar eines direkt von Unsplash importieren.

Lassen Sie uns nun Ihr Branding auf die nächste Stufe bringen.

Erstellen Sie eine gebrandete Anmeldeseite

Wenn Sie Mitglieder haben, die sich auf Ihrer Website anmelden, ist die Erstellung einer gebrandeten Anmeldeseite ein Muss.

Auch wenn nur Sie sich auf Ihrer Website anmelden, vermittelt das Branding des Anmeldebildschirms ein echtes Gefühl der Professionalität und Zufriedenheit. Vertrauen Sie mir!

Ich habe den Anmeldebildschirm von Compete Themes mit einem Branding versehen und jetzt sieht er fantastisch aus:

Ich habe dies mit dem kostenlosen Plugin Custom Login Page Customizer gemacht.

Wenn du die gleichen Schritte befolgen willst, habe ich einen Beitrag für WP Newsify geschrieben, in dem es um alles geht.

Wenn du mitgemacht hast, dann sind deine Seite und der Login-Bildschirm komplett gebrandet, aber es gibt keinen Grund, dort aufzuhören!

Lassen Sie uns das Branding in das Dashboard der Website übertragen, um die Anpassung Ihrer WordPress-Site noch weiter voranzutreiben.

Anpassen des WP-Admin

Zuallererst, nur für den Fall, dass Sie das nicht wussten, können Sie die Farbpalette des Admin-Dashboards über das Menü „Ihr Profil“ ändern.

Weiter geht’s, die Farbschemata dort passen wahrscheinlich nicht perfekt zu Ihrer Marke. Wenn Sie die volle Kontrolle über Ihre Verwaltungsoberfläche haben möchten, sollten Sie sich das Plugin WP Custom Admin Interface ansehen.

Sie haben eine große Menge an Kontrolle über das Design der Verwaltungsoberfläche Ihrer Website. Zum Beispiel können Sie eine neue Farbpalette erstellen, die aus dem Menü „Ihr Profil“ ausgewählt werden kann.

Und Sie können sogar Ihre Menüpunkte umbenennen und neu anordnen, Menüs ausblenden und komplett benutzerdefinierte neue Menüpunkte hinzufügen.

Wenn Sie die totale Kontrolle über die Verwaltungsoberfläche haben wollen, ist dies der richtige Weg.

Nun, da Sie die besten Möglichkeiten kennen, Ihre Website für ein Unternehmen zu gestalten, lassen Sie uns einige persönliche Anpassungen vornehmen.

Aktualisieren Sie Ihren Anzeigenamen

Ich sehe das immer wieder auf neuen WordPress-Websites:

Wer ist Admin?

Wenn Sie Ihren Namen so belassen, sieht Ihre Website nicht sehr professionell aus und es ist sicherlich nicht gut für Ihre persönliche Marke.

Die gute Nachricht ist, dass es sehr einfach zu ändern ist.

Der Name, der in der Betreffzeile deines Beitrags und in den Kommentaren erscheint, wird als Anzeigename bezeichnet und kann im Menü Benutzer > Dein Profil geändert werden.

Sobald er gespeichert ist, wird er sofort auf der gesamten Website aktualisiert.

In diesem Video wird die Verwendung von Anzeigenamen genauer erklärt:

Wenn Sie Ihren Namen festgelegt haben, sollten Sie auch einen benutzerdefinierten Avatar hinzufügen.

Einen benutzerdefinierten Avatar anzeigen

Sie möchten nicht, dass ein Standard-Avatar neben Ihrem neuen Anzeigenamen angezeigt wird, wie hier:

Die meisten WordPress-Themes sind mit Gravatar integriert, so dass ein Bild, das Sie dort hinzufügen, sofort auf Ihrer Website angezeigt wird.

Wenn du Gravatar nicht kennst, ist es ein sehr einfacher Dienst

Alles, was du tun musst, ist, eine E-Mail-Adresse hinzuzufügen und ein Bild hochzuladen, das damit verknüpft wird. Das ist alles 🙂

Das Gravatar-Bild wird auf deiner Website und auf allen anderen Websites angezeigt, die mit dem Dienst integriert sind (das sind viele).

Alternativ kannst du das Simple User Avatar Plugin installieren, um ein Profilbild auf deine Website hochzuladen, ohne Gravatar zu verwenden.

Den eigenen Namen und das eigene Bild in allen Beiträgen zu platzieren, ist ein guter Anfang, und das Hinzufügen einer „Autorenbox“ kann die Sache auf die nächste Stufe bringen.

Eine Autorenbox hinzufügen

Mit „Autorenbox“ meine ich so etwas wie diese:

Autorenboxen sind aus zwei Gründen großartig für den Aufbau Ihrer Marke.

Erstens, sie bringen Ihren Namen und Ihr Gesicht vor die Besucher.

Zweitens können Sie eine kurze Biografie hinzufügen, die Ihnen hilft, noch mehr Persönlichkeit und Beziehbarkeit zu vermitteln. Außerdem können Sie auf jede beliebige Seite verlinken.

Da die Autorenbox nach dem Inhalt des Beitrags angezeigt wird, haben die Besucher, die sie sehen, gerade einen Beitrag zu Ende gelesen, was ein großartiger Zeitpunkt ist, um sich selbst mit diesem Inhalt in Verbindung zu bringen.

Wenn Ihr Thema keine Autorenbox enthält, empfehle ich, das Simple Author Box Plugin zu installieren.

Es gibt eine ganze Reihe von Autorenbox-Plugins, aber dieses bietet meiner Meinung nach die beste Balance zwischen Flexibilität und Qualität.

Dieses Video-Tutorial gibt Ihnen einen Blick hinter die Kulissen, wenn Sie zuerst sehen wollen, wie es funktioniert. Oder folgen Sie dieser Anleitung zum Hinzufügen einer Autoren-Bio-Box.

Die nächste Möglichkeit, Ihre Website anzupassen, wird Ihnen helfen, Ihre persönliche Marke noch schneller aufzubauen.

Fügen Sie ein „Über mich“-Widget hinzu

Wenn Ihre Website eine Seitenleiste hat, ist eine der besten Anpassungen für den Aufbau Ihrer Marke, ein „Über mich“-Widget am oberen Rand einzufügen.

Damit bleiben Ihr Name und Ihr Avatar auf jeder Seite, die Sie veröffentlichen, sichtbar.

Sie können das Text-Widget oder das HTML-Widget verwenden, um ein solches Layout selbst zu erstellen, oder das Plugin Easy Profile Widget installieren.

Je mehr Sie Ihre Besucher mit Ihrem Namen, Avatar und Ihrer Biografie konfrontieren, desto vertrauter werden Sie ihnen und desto besser wird Ihr Marketing funktionieren.

Apropos Widgets, hier ist eine weitere großartige Möglichkeit, Ihre WordPress-Website anzupassen.

Steuern Sie, auf welchen Seiten Widgets angezeigt werden

Widgets sind großartig, aber es gibt ein Problem.

Manchmal möchten Sie ein Widget zu Ihrer Seitenleiste hinzufügen, aber Sie möchten nicht, dass es auf jeder Seite Ihrer Website angezeigt wird.

Was wäre, wenn Sie genau auswählen könnten, auf welchen Beiträgen und Seiten jedes Widget angezeigt wird?

Mit dem Widget Options Plugin können Sie das.

Nach der Installation von Widget Options wird dieser neue Abschnitt zu jedem Widget hinzugefügt.

Sie können Widgets zu ganzen Seitentypen auf einmal hinzufügen, wie z.B. zu allen Kategorien, oder bestimmte Kategorien oder sogar einzelne Seiten auswählen.

Da Sie die Regeln für das Einbeziehen oder Ausschließen des Widgets auf den ausgewählten Seiten einfach umkehren können, gibt dieses Plugin Ihrer Website eine unglaubliche Flexibilität.

Hier ist eine weitere Möglichkeit, die Anpassung Ihrer Website zu verbessern.

Fügen Sie Kategoriebeschreibungen hinzu

Eine reguläre Kategorieüberschrift auf Ihrer Website könnte etwa so aussehen:

Während dies für sich genommen gut funktioniert, können Sie tatsächlich eine einzigartige Beschreibung für jede Kategorie hinzufügen.

Mit einer hinzugefügten Beschreibung können Sie den Besuchern helfen, genau zu verstehen, was sie auf der Seite finden werden, und es ist auch gut für die Suchmaschinenoptimierung.

Sie können die Seite Kategorien (Beiträge > Kategorien) besuchen und dort auf eine beliebige Kategorie klicken, um sie zu bearbeiten. Geben Sie dann auf der nächsten Seite die Beschreibung in dieses Feld ein:

Die meisten Themes zeigen die Beschreibung auf der Kategorieseite unterhalb der Überschrift an, etwa so:

Sie können diese Anpassung in wenigen Minuten vornehmen und Ihrer Seite ein professionelleres Aussehen verleihen.

Eine weitere Möglichkeit, die Professionalität Ihrer Website zu steigern, ist die Anpassung des Fußzeilentextes.

Anpassen des Fußzeilentextes

Die meisten WordPress-Themes enthalten am unteren Rand der Website einen kurzen Design-Hinweis.

Während es oft nicht möglich ist, diesen Text zu entfernen, ohne Code zu schreiben, enthalten einige Themes wie Ignite eine einfache Option im Customizer, um den Fußzeilentext zu ändern.

Sie können jeden beliebigen Text einfügen, aber viele Websites entscheiden sich dafür, den Firmennamen, das aktuelle Jahr und ein Copyright-Symbol einzufügen. Sie können Ihre Emojis verwenden, um ein Copyright-Symbol hinzuzufügen, oder einfach dieses in die Zwischenablage kopieren – ©

Anpassen der von WordPress gesendeten E-Mails

Dies könnte für Sie von großer Bedeutung sein, wenn Sie Mitglieder haben, die Ihrer Website beitreten.

WordPress hat viele vorgefertigte Nachrichten, die es versendet. Zum Beispiel gibt es E-Mails, wenn jemand Ihrer Website beitritt oder sein Passwort ändert.

Keine dieser Nachrichten wird für Sie „on-brand“ sein, also können Sie das Benachrichtigungs-Plugin installieren, um die volle Kontrolle über die E-Mail-Kopie zu erhalten.

Dieses Plugin ist hervorragend anpassbar und ermöglicht es Ihnen, den Text bestehender E-Mails zu ändern und völlig neue Ereignisse für den Versand von E-Mails hinzuzufügen.

Wir denken bei der Anpassung von Websites normalerweise an visuelle Änderungen für eine Website, aber das Schreiben benutzerdefinierter Texte für Ihre E-Mails bringt Ihre Anpassung noch weiter.

Wenn Sie wirklich jeden Aspekt Ihrer Website anpassen möchten, besteht einer der letzten Schritte darin, Ihre 404-Seite zu bearbeiten.

Bearbeiten Sie Ihre 404-Seite

Wenn Sie eine Seite nicht mehr veröffentlichen oder die URL ändern und jemand die alte Adresse aufruft, wird er einen 404-Bildschirm wie diesen sehen:

Auch wenn Sie kaputte Links und 404-Fehler auf Ihrer Website bereinigen möchten, ist dies ein ganz natürliches Phänomen für eine Website.

Da Sie wissen, dass die Leute gelegentlich Ihre 404-Seite sehen werden, ist dies eine weitere Gelegenheit, eine benutzerdefinierte Seite mit Ihrem Markenzeichen zu erstellen.

Dafür wenden wir uns an das 404page-Plugin.

Mit diesem Plugin können Sie eine völlig benutzerdefinierte 404-Seite für Ihre Website erstellen. Es ist sehr clever gestaltet.

Mit 404page können Sie einfach eine reguläre Seite mit einem beliebigen Inhalt veröffentlichen und diese dann als Ihre 404-Seite zuweisen. Das ist viel einfacher und flexibler, als einen eigenen Editor für die Fehlerseite zu verwenden.

Hier ist ein letzter Tipp, der Ihnen viel mehr Kontrolle über Ihre Website gibt.

Beherrschen Sie das HTML-Widget

Code schreiben zu lernen ist eine große Aufgabe, aber das ist die Sache…

HTML ist keine Programmiersprache wie PHP oder Javascript. HTML ist einfach nur eine Auszeichnungssprache.

Das bedeutet, dass Sie HTML wirklich schnell lernen können, und sobald Sie die Grundlagen kennen, werden Sie feststellen, dass Sie viel mehr Kontrolle über Ihre Website haben.

Mit dem HTML-Widget, das in WordPress enthalten ist, können Sie praktisch jeden Inhalt oder jedes Layout erstellen, das Sie wollen, ohne neue Plugins hinzuzufügen.

Zum Beispiel habe ich früher ein Widget empfohlen, um ein „Über mich“-Widget in der Seitenleiste zu erstellen, aber das ist leicht möglich, ohne ein neues Plugin hinzuzufügen, wenn Sie wissen, wie man HTML schreibt.

Es ist ein großartiger erster Schritt in den Code und ich empfehle es sehr für WordPress-Benutzer, die technischer werden wollen.

Abschluss

Zuerst einmal Glückwunsch, dass du es bis hierher geschafft hast!

Dieser Beitrag wurde immer länger, als ich zusätzliche Möglichkeiten fand, eine WordPress-Website anzupassen.

Um ehrlich zu sein, habe ich in diesem Beitrag nur an der Oberfläche gekratzt – es gibt eine Menge anderer Änderungen, die Sie an Ihrer Website vornehmen können.

Um zu meinem ersten Punkt zurückzukehren, ist eine der besten Möglichkeiten, um mit der Personalisierung Ihrer Website zu beginnen, ein anpassbares Theme auszuwählen, also werfen Sie zunächst einen Blick auf unsere Top-Themes und sehen Sie sich diese auf Ihrem Gerät an. Sie können alle kostenlos verwendet werden – für immer!

Sieh dir unsere Themensammlung an →

Wenn du Fragen oder andere Ideen hast, kannst du sie in den Kommentaren unten stellen.

Ben Sibley

Ben Sibley ist ein WordPress Theme Designer & Entwickler und Gründer von Compete Themes.