Dein Blog anpassen: Design Tools und Tipps für Einsteiger

In einer Welt voller Trittbrettfahrer und Nachahmer kann WordPress dir helfen, einen individuellen Blog zu erstellen, der sich von anderen abhebt. Die Einzigartigkeit deiner Website hebt dich von der Konkurrenz ab und ermöglicht es dir, eine Geschichte zu erzählen, der dein Publikum gerne folgt. In diesem Artikel erklären wir dir, wie du deine Blog-Seiten anpassen kannst, um deine Website interessanter, ansprechender und zuverlässiger für deine Besucher zu machen. 

Themen sind unter anderem:

• Blog Design
• Favicons hinzufügen
• Hinzufügen einer Schaltfläche "Zurück zum Anfang
• WordPress Auto-Updates

Blog Design

Wahrscheinlich hast du bereits eine Vision im Kopf, wenn du an deinen Blog denkst. Wenn du Website Creator gestartet hast, ist der erste Schritt bei der Erstellung deiner neuen Website die Auswahl eines Themas, der "Inspiration". Themen bestimmen das gesamte Erscheinungsbild deines Blogs, und es gibt viele davon - über 200, um genau zu sein, die alle in einfache Kategorien unterteilt sind, um es dir etwas leichter zu machen.

Du findest nichts, was dir gefällt? Kein Problem. Du kannst auch aus der umfangreichen Theme-Bibliothek WordPressmit Tausenden von Optionen wählen.

Obwohl der Prozess ziemlich selbsterklärend ist, haben wir ausführliche Anleitungen zur Installation deines ersten Themes oder zum Wechsel des Themes auf unserer Seite, falls du sie brauchst.

Hinzufügen von Navigationsmenüs

Sobald du dein Theme installiert hast, musst du dafür sorgen, dass sich deine Besucher/innen gut zurechtfinden. Tatsächlich ist eine benutzerfreundliche Navigation eines der wichtigsten Elemente auf deiner Website. Warum? Wenn die Besucherinnen und Besucher das Gesuchte erst suchen müssen, werden sie die Seite wieder verlassen. 

Studien zeigen, dass der durchschnittliche Website-Besucher die Seite innerhalb weniger Sekunden wieder verlässt, wenn er nicht sofort sieht, was er sucht. Damit dir das nicht passiert, solltest du ein einfaches Navigationsmenü erstellen, damit die Leser/innen die wichtigen Bereiche deiner Website (wie "Über", "Kontakt" und "Blog") leicht finden können.

Website Creator gibt dir die Möglichkeit, die Struktur des Menüs mit verschiedenen Methoden so zu verändern, dass sie den Bedürfnissen deiner Besucher entspricht. Die gebräuchlichste Methode ist das Verschachteln von Einträgen oder das Zusammenfassen ähnlicher Einträge, aber es gibt noch weitere Möglichkeiten der Anpassung.

Dein Blog anpassen

Willst du deinen Blog wirklich herausstechen lassen? Nutze den integrierten Customizer, um über die Grundlagen hinauszugehen.

Es gibt eine Vielzahl von Möglichkeiten, wie du eine persönliche Note oder gebrandete Inhalte hinzufügen kannst, aber dies sind einige der beliebtesten:

• Widgets: Hast du jemals eine Website besucht und die kleinen Würfel am unteren Rand der Seite gesehen, die zu Facebook oder Twitter des Unternehmens verlinken? Das sind Widgets. Das sind kleine Blöcke, die eine bestimmte Funktion erfüllen, und sie sind eine tolle Möglichkeit, deine Website individuell zu gestalten.
• Farben: Jedes Theme wird mit einer Reihe von vorgegebenen Farben geliefert, aber du kannst sie leicht an deine Bedürfnisse anpassen. Wenn du zum Beispiel möchtest, dass dein Blog zu deinem Firmenlogo passt, kannst du das schnell ändern.  
• Hintergrundbild: Jedes Theme wird mit einem voreingestellten Hintergrundbild geliefert, aber du kannst es ganz einfach durch dein eigenes Foto oder Logo ersetzen. Außerdem kannst du die Position, die Wiederholung und den Anhang des Bildes anpassen.

Hinzufügen von Plugins

Website Creator wird mit einer Reihe von WordPress geliefert, die dir helfen, deine Website zu betreiben. Von SEO über Backup bis hin zu Bildergalerien ist alles dabei.

Du willst eine Funktion, die es nicht gibt? Du hast auch Zugang zu Hunderten von kostenlosen und Premium-Plugins, die über WordPress verfügbar sind. Es gibt Plugins für das Hinzufügen eines Warenkorbs, die Erstellung eines Online-Terminplaners, die automatische Veröffentlichung von Beiträgen auf Facebook und - wirklich - fast alles, was du dir vorstellen kannst.

Favicons hinzufügen

Was sind Favicons?

Favicons sind die kleinen Bilder, die auf der linken Seite der Adressleiste des Webbrowsers angezeigt werden, wenn du eine Website besuchst.

Ein gut gestaltetes Favicon passt zum Logo oder Thema eines Unternehmens und ist leicht als zugehörig zu erkennen - so können Kunden und Interessenten schnell erkennen, dass sie auf der richtigen Website sind, bevor sie überhaupt etwas lesen.

Wenn du noch kein Favicon verwendest, ist es jetzt an der Zeit, damit anzufangen. Es ist eine einfache Möglichkeit, dein Branding mit wenig Zeit und Aufwand zu verbessern.

Warum ein Favicon verwenden?

Wie viele Websites hast du als Lesezeichen in deinem Webbrowser gespeichert? Wahrscheinlich Dutzende, oder?

Wenn du diese Liste durchsuchst, liest du dann den Namen jeder Website? Oder suchst du nur nach dem Bild, das zu dieser Website gehört?

Internetnutzerinnen und -nutzer suchen in der Regel nach möglichst bequemen Optionen - und ein vertrautes Symbol zu erkennen ist viel einfacher, als eine Liste von Namen durchzulesen. Letztendlich ist ein Favicon nur eine von vielen intuitiven Webdesign-Funktionen, die Kunden und Interessenten zum Wiederkommen bewegen. 

Leider wissen viele Unternehmer nicht, wie einfach es ist, ein Favicon hinzuzufügen, und verwenden am Ende gar keins oder belassen es bei dem generischen, das ihr Webhoster bereitstellt. Wenn es dir genauso geht, befolge diese einfachen Schritte, um dein eigenes Favicon in wenigen Minuten zu erstellen:

Ein Favicon erstellen

Ein Favicon zu erstellen ist einfach und du brauchst keine besonderen Programmier- oder Designkenntnisse. Es gibt nur ein paar einfache Regeln:

• Die Größe - Favicons sind 16×16 Pixel groß. Es ist wichtig, dass du die richtige Größe für dein Foto oder deine Grafik wählst, sonst wird es nicht richtig angezeigt. Viele erstellen zu diesem Zweck ein eigenes Bild, da es schwierig sein kann, ein vorhandenes Bild so klein zu machen, ohne dass Details oder Klarheit verloren gehen.
• Auswahl eines Bildes - Weil ein Favicon so winzig ist, kann es schwierig sein zu wissen, was man verwenden soll. Einige gängige Ideen sind:
  
  • Dein Logo (oder ein Teil davon)
  • Eine stilisierte Version des ersten Buchstabens deines Firmennamens
  • Ein Symbol, das aussagt, was du tust (wenn du zum Beispiel ein Catering-Unternehmen betreibst, könntest du einen Löffel oder eine Kochmütze verwenden)
    
• Formatierung des Bildes - Es überrascht nicht, dass Favicons das Dateiformat Icon (.ico) verwenden. Wenn du nur Bilder im Format .jpg oder .png hast, brauchst du dir keine Sorgen zu machen - es gibt viele einfache und kostenlose Online-Dienste, die deine 16×16-Bilder umwandeln können.

Wir mögen favicon.ico besonders wegen seiner Benutzerfreundlichkeit und Einfachheit: Lade einfach dein Bild hoch, wähle den gewünschten Dateityp und klicke auf "Favicon erstellen". Einfacher geht's nicht!

Wie du auf dein Favicon verlinkst

Now that you’ve created a favicon, if you want it to show up in browsers, you need to tell them where to find it. To do so, add this line to the <head> section of your HTML:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Die meisten Favicons werden im Stammverzeichnis (dem Verzeichnis, in dem sich die Homepage befindet) abgelegt; der Ort ist jedoch nicht wirklich wichtig, solange das href-Attribut korrekt ist. Wenn das Favicon im Stammverzeichnis gespeichert ist, wird es von einigen Browsern gefunden und angezeigt - auch wenn du es nicht mit deinem HTML-Code verknüpfst. Das ist nicht der Fall, wenn du es an einem anderen Ort speicherst.

Wie du ein Favicon in deinem CMS einrichtest

Befolge diese Anleitungen für dein CMS:

WordPress	Joomla
Drupal 8	Grav
Drupal 7	PrestaShop

Hinzufügen einer "Zurück zum Anfang"-Schaltfläche

Was ist ein Back to Top Button?

Wir alle wissen, dass Inhalt König ist. Und viele Experten sagen, dass lange Inhalte (1.200 Wörter oder mehr) dir helfen, bei Google besser zu ranken und die Konversionsrate zu erhöhen. Aber was passiert, wenn ein Leser tief in diesem 1.500-Wörter-Blog steckt und beschließt, dass er genug gelesen hat?

Wenn wir etwas über den durchschnittlichen Internetnutzer wissen, dann, dass er ungeduldig ist. Sie werden sich nicht die Zeit nehmen, den ganzen Weg zurück zum Anfang der Seite zu scrollen, um das Navigationsmenü zu finden - stattdessen werden sie wahrscheinlich einfach auf das kleine "x" am oberen Rand der Seite klicken und die ganze Seite schließen.

Eine "Zurück zum Anfang"-Schaltfläche ermöglicht es ihnen, einfach auf die Schaltfläche zu klicken und zurück zum Anfang zu springen, ohne scrollen oder warten zu müssen.

Hinzufügen einer "Zurück zum Anfang"-Schaltfläche

Es gibt mehrere WordPress , die deinem Blog eine "Zurück zum Anfang"-Schaltfläche hinzufügen, darunter WPFont Scroll Top und Scroll Back to Top. Um eines dieser Plugins oder ein anderes "Back to Top"-Plugin zu deiner Website hinzuzufügen, gehst du zu Plugins > Neu hinzufügen. Suche nach dem Namen des Plugins und klicke dann auf Installieren und Aktivieren.

Sobald dein neues Plugin aktiviert ist, wirst du automatisch zum Einrichtungsbildschirm weitergeleitet. Es gibt mehrere Einstellungen, die du anpassen kannst, aber eine der wichtigsten ist die Auswahl des Bildes, das du verwenden willst - du findest diese Option am Ende der Seite.

Sobald du deine Einstellungen ausgewählt hast, kannst du deine neue Schaltfläche auf deiner Website testen! Deine Besucher werden die verbesserte Benutzerfreundlichkeit deiner Website zu schätzen wissen, und das wird sich auch in deinem Suchmaschinenranking widerspiegeln!

WordPress Auto-Updates

Die Sicherheit deiner Website ist eine der wichtigsten Aufgaben eines Unternehmens. Es ist unerlässlich, dass du deine Website und ihre Sicherheitsmaßnahmen auf dem neuesten Stand hältst, da sich die Arten von Angriffen ständig ändern. 

Warum aktualisieren?

Halte deine WordPress immer auf dem neuesten Stand. Das ist wichtig für die Sicherheit, und Updates bringen neue Funktionen, die deine Arbeit erleichtern, die Geschwindigkeit und Effizienz erhöhen und Fehler beheben. Minor Releases, ein Teil der Core-Update-Funktion, sind ein automatischer Bestandteil von WordPress 3.7 und höher. Die Minor Releases enthalten Sicherheits- und Fehlerbehebungen.

Risiken von automatischen Updates

Welche Risiken sind mit automatischen Updates verbunden? Du könntest das Risiko einer Inkompatibilität eingehen, vor allem, wenn du ursprüngliche Plugins oder Themes an deine Bedürfnisse angepasst hast. Wusstest du, dass WordPress deine Website automatisch auf die neuesten Versionen aktualisieren und gleichzeitig überwachen, dass nichts kaputt geht? Das ist ein toller Vorteil.

Wie aktualisierst du also deine Website, ohne ihre Funktionalität zu beeinträchtigen? Eine gut durchdachte Aktualisierungsstrategie konzentriert sich auf diese Bereiche:

• Kritische Sicherheitsschwachstellen.
• Updates für das Betriebssystem.
• Updates, die einfach auf eine frühere Version zurückgesetzt werden können.

Manuelle Aktualisierungen hingegen sollten reserviert sein für:

• Nicht-kritische Updates.
• Updates für Systeme mit hohem Verkehrsaufkommen.
• Updates für Firmware, Netzwerk-Switches und mehr, die nicht auf andere Weise aktualisiert werden können.

Für manuelle Aktualisierungen ist es am besten, eine Sandbox zu erstellen und die Änderungen in einer sicheren Umgebung durchzuführen. Auf diese Weise kannst du die Änderungen mit einem Mausklick durchführen und siehst nur minimale Auswirkungen auf deine Live-Site.