Willkommen zu unserer Lektion über die Grundeinstellungen von WordPress, die für die erfolgreiche Durchführung Ihres Projekts unerlässlich sind. Diese Lektion deckt eine Vielzahl wichtiger Einstellungen ab, die die Grundlage für Ihre Website bilden. Wir verstehen, dass nicht alle Punkte für jeden Anwender relevant sein können, daher haben wir die Inhalte in kürzere, fokussierte Videos unterteilt. So können Sie gezielt die Themen auswählen, die für Sie am wichtigsten sind, und Zeit sparen, indem Sie die Abschnitte überspringen, die für Ihr aktuelles Projekt nicht relevant sind. Diese modulare Herangehensweise soll Ihnen helfen, effizienter zu lernen und die Informationen zu vertiefen, die für Sie am wertvollsten sind.“
Inhaltsverzeichnis
Installation und Aktivierung des Astra-Themes in WordPress
WordPress bietet als leistungsstarkes Content-Management-System die Grundlage für Ihre Website, aber es sind die Designvorlagen – oder Themes –, die die Struktur, das Aussehen und das Gefühl Ihrer Website maßgeblich bestimmen. Ohne ein Theme ist WordPress quasi wie ein ungestaltetes Gerüst: funktional, aber ohne die notwendigen Designelemente und Strukturen, die für die Erstellung einer ansprechenden und benutzerfreundlichen Seite erforderlich sind. Ein Theme gibt Ihrer Website ein kohärentes Design, stellt Layouts bereit und beeinflusst, wie Ihre Inhalte präsentiert werden. Durch die Auswahl eines passenden Themes legen Sie den Grundstein für das visuelle Erscheinungsbild und die Nutzererfahrung Ihrer Website.
Anmelden im WordPress-Dashboard: Melden Sie sich zuerst in Ihrem WordPress-Dashboard an. Dies erreichen Sie normalerweise, indem Sie „/wp-admin“ an Ihre Website-URL anhängen.
Navigieren zu ‚Designs‘: Im Dashboard finden Sie auf der linken Seite eine Menüleiste. Klicken Sie dort auf „Design“ und dann auf „Themes“.
Neues Theme hinzufügen: Oben auf der Seite „Themes“ sehen Sie die Option „Neues hinzufügen“. Klicken Sie darauf.
Astra-Theme suchen: Verwenden Sie die Suchleiste und geben Sie „Astra“ ein. Das Astra-Theme sollte in den Suchergebnissen erscheinen.
Theme installieren: Fahren Sie mit der Maus über das Astra-Theme und klicken Sie auf den „Installieren“-Button.
Theme aktivieren: Nach der Installation erscheint ein „Aktivieren“-Button an der gleichen Stelle. Klicken Sie darauf, um das Astra-Theme zu aktivieren.
Überprüfung: Ihr WordPress-Website sollte jetzt das Astra-Theme verwenden. Sie können dies überprüfen, indem Sie Ihre Website in einem neuen Browserfenster öffnen.
Warum ein PageBuilder wie Elementor?
WordPress ist ein vielseitiges und leistungsfähiges Werkzeug für das Webdesign, jedoch bietet es standardmäßig nur begrenzte Optionen für die visuelle Gestaltung Ihrer Inhalte, ohne auf Programmierkenntnisse, CSS oder ähnliches zurückgreifen zu müssen. Hier kommt ein PageBuilder wie Elementor ins Spiel. Elementor ist ein visueller Drag-and-Drop-PageBuilder, der es Ihnen ermöglicht, ansprechende Layouts und Designs zu erstellen, ohne Code schreiben zu müssen. Mit seiner benutzerfreundlichen Oberfläche können Sie Elemente einfach platzieren, anpassen und Ihre Webseite visuell gestalten.
Installation und Aktivierung von Elementor
Anmeldung im WordPress-Dashboard: Loggen Sie sich in Ihr WordPress-Dashboard ein.
Navigieren zu ‚Plugins‘: Wählen Sie im Dashboard-Menü die Option „Plugins“ und dann „Installieren“.
Suche nach Elementor: Nutzen Sie die Suchfunktion und geben Sie „Elementor“ ein. Das Elementor PageBuilder Plugin sollte in den Suchergebnissen erscheinen.
Plugin installieren: Klicken Sie neben Elementor auf „Jetzt installieren“.
Plugin aktivieren: Nach der Installation ändert sich der Button zu „Aktivieren“. Klicken Sie darauf, um Elementor auf Ihrer WordPress-Seite zu aktivieren.
Überprüfung: Nach der Aktivierung können Sie Elementor in der Seiten- oder Beitragserstellung nutzen, um Ihre Inhalte visuell zu gestalten.
Deaktivierung von Elementor-Standard-Einstellungen für Schriftarten und Farben
Elementor neigt dazu, eigene Einstellungen für Schriftarten und Farben zu verwenden, die oft nicht mit den globalen WordPress-Standardeinstellungen übereinstimmen. Dies kann zu inkonsistenten Schriftarten und Größen auf Ihrer Website führen und die einheitliche Gestaltung erschweren. Um eine konsistente Darstellung zu gewährleisten, empfehlen wir, diese Standardeinstellungen von Elementor zu deaktivieren.
Elementor-Editor öffnen: Melden Sie sich in Ihrem WordPress-Dashboard an und öffnen Sie eine Seite oder einen Beitrag mit Elementor.
Zugang zu Elementor-Einstellungen: Klicken Sie im Elementor-Editor auf das Hamburger-Menü (drei Linien) in der oberen linken Ecke.
Globale Einstellungen öffnen: Wählen Sie im Menü die Option „Website-Einstellungen“ oder „Globale Einstellungen“ (abhängig von Ihrer Elementor-Version).
Deaktivieren der Schriftarten und Farben:
Navigieren Sie zu den Abschnitten „Globale Schriftart“ und „Globale Farben“.
Suchen Sie nach Optionen wie „Style Guide Preview“ und aktivieren Sie diese.
Dadurch werden die Standard-Schriftarten und -Farben von Elementor deaktiviert und stattdessen die in WordPress festgelegten Schriftarten und Farben verwendet.
Einstellungen speichern: Vergewissern Sie sich, dass Sie alle Änderungen speichern, bevor Sie den Editor verlassen.
Auswahl der Farbpalette
In unserer globalen Farbpalette wählen wir die Hauptfarbe Dunkelblau (#001373) und die Sekundärfarbe Goldgelb (#FFD700). Blau, eine Farbe, die oft mit Professionalität und Vertrauenswürdigkeit assoziiert wird, eignet sich hervorragend für die meisten Geschäftsaktivitäten. Es strahlt Ruhe und Stabilität aus. Goldgelb, lebendig und auffällig, dient als idealer Kontrast zu Blau und zieht die Aufmerksamkeit auf wichtige Elemente wie Buttons. Diese Farbkombination schafft eine visuell ansprechende und dynamische Ästhetik. Denken Sie daran, dass Sie Ihre eigene Markenfarbpalette verwenden sollten, falls diese bereits definiert ist, um Konsistenz in Ihrem Markenauftritt zu gewährleisten.
Konfigurieren der Globalen Farbpalette
Zugang zum WordPress Customizer: Navigieren Sie in Ihrem WordPress-Dashboard zu „Design“ und dann zu „Customizer“.
Öffnen der Farbeinstellungen: Im Customizer wählen Sie den Abschnitt „Global“ und dann „Farben“.
Hauptfarbe festlegen: Für die Hauptfarbe wählen Sie Dunkelblau (#001373). Diese Farbe wird für die Kopf- und Fußzeile Ihrer Website verwendet.
Sekundärfarbe festlegen: Als Sekundärfarbe wählen Sie Goldgelb (#FFD700). Diese Farbe wird für Buttons und andere hervorgehobene Elemente verwendet.
Hover-Farbe für Links: Für die Hover-Farbe der Links wählen Sie ein helleres Gelb, wie z.B. #FFE866. Diese Farbe erscheint, wenn der Cursor über einen Button geführt wird.
Schriftfarbe wählen: Für die Schrift empfehle ich ein klassisches Schwarz (#000000), um Lesbarkeit und Kontrast sicherzustellen.
Hintergrundfarbe definieren: Setzen Sie die Hintergrundfarbe auf Weiß (#FFFFFF), um eine klare und saubere Basis für Ihre Inhalte zu schaffen.
Speichern und Veröffentlichen: Vergessen Sie nicht, Ihre Änderungen zu speichern, klicken Sie auf „Veröffentlichen„.
Schriftart
Für die Auswahl der Schriftarten in Ihrem WordPress-Projekt ist die Kombination von „Roboto“ für den Fließtext und „Montserrat“ für Überschriften eine ausgezeichnete Wahl. Hier sind die Gründe dafür:
Roboto
Lesbarkeit: Roboto bietet eine hohe Lesbarkeit, was für längere Textpassagen wichtig ist. Die Buchstabenformen sind offen und luftig, was das Lesen erleichtert.
Vielseitigkeit: Diese Schriftart ist vielseitig und funktioniert gut in verschiedenen Größen und Gewichten, was sie ideal für Fließtext macht.
Modernes Design: Roboto hat eine freundliche, aber professionelle Ausstrahlung, die zu vielen modernen Webdesigns passt.
Montserrat
Aufmerksamkeitsstark: Montserrat ist eine schicke, geometrische Schriftart, die Aufmerksamkeit auf Überschriften lenkt.
Charakterstark: Mit ihren klaren Linien und kräftigen Formen verleiht sie Überschriften Charakter und Präsenz.
Kompatibilität mit Roboto: Montserrat ergänzt Roboto gut, da sie sich in Stil und Proportionen unterscheiden, aber dennoch ein harmonisches Gesamtbild erzeugen.
Insgesamt schaffen Roboto und Montserrat ein ausgewogenes und ansprechendes Schriftbild, das sowohl für den praktischen als auch für den ästhetischen Aspekt Ihrer Website förderlich ist.
Festlegung der Schriftarten in WordPress
Anmelden im WordPress-Dashboard: Melden Sie sich zuerst bei Ihrem WordPress-Dashboard an.
Zugang zum Customizer: Navigieren Sie im Dashboard-Menü zu „Design“ und wählen Sie „Customizer“.
Schriftarten-Einstellungen finden: Im Customizer suchen Sie nach einer Option wie „Typografie“, „Schriftarten“ oder ähnliches. Dies kann je nach verwendetem Theme leicht variieren.
Schriftart für Texte einstellen:
Wählen Sie „Roboto“ als Schriftart für den Basis-Schrift (Fließtext).
Sie können dabei verschiedene Schriftstärken (z.B. Regular, Medium) ausprobieren, um zu sehen, was auf Ihrer Website am besten aussieht.
Schriftart für Überschriften einstellen:
Wählen Sie „Montserrat“ als Schriftart für Ihre „Schrift für die Überschriften“.
Hier können Sie ebenfalls mit unterschiedlichen Schriftstärken experimentieren, um den gewünschten Effekt zu erzielen.
Änderungen ansehen und anpassen: Nutzen Sie die Live-Vorschau im Customizer, um zu sehen, wie die Änderungen auf Ihrer Website aussehen. Nehmen Sie gegebenenfalls Anpassungen vor, um das gewünschte Erscheinungsbild zu erreichen.
Änderungen speichern: Wenn Sie mit der Auswahl zufrieden sind, vergessen Sie nicht, Ihre Änderungen zu speichern und zu veröffentlichen.
Seitenstruktur der Landingpage
Startseite (Landingpage)
Titel: „Software für Ihre Provisionsabrechnung!“
Beschreibung: Die zentrale Anlaufstelle für Besucher, präsentiert Ihr Angebot oder Ihre Dienstleistung.
Bestätigungsseite für Registrierung
Titel: „Willkommen an Bord!“
Eine Seite, die Nutzern angezeigt wird, nachdem sie sich erfolgreich registriert oder angemeldet haben.
Die Seite für die Registrierungsbestätigung nutzen wir als eine einfache, aber effektive Methode, um die Leistung unserer Landingpage zu überwachen. Jede Anmeldung, die auf dieser Seite endet, repräsentiert einen erfolgreichen Abschluss einer Nutzeraktion auf der Landingpage. Indem wir diese Seite in Google Analytics oder ähnlichen Tools verfolgen, können wir genau messen, wie effektiv unsere Landingpage ist. Diese Daten sind von unschätzbarem Wert, da sie uns ermöglichen, unsere Werbeaktionen präziser zu steuern und den ROI (Return on Investment) zu maximieren. So werden Sie in der Lage sein, Ihre Marketingbemühungen noch effektiver zu gestalten.
Datenschutzerklärung
Titel: „Datenschutzerklärung“
Beschreibung: Diese Seite enthält wichtige Informationen zum Datenschutz und zur Verarbeitung personenbezogener Daten.
Impressum
Titel: „Impressum“
Beschreibung: Rechtlich vorgeschriebene Angaben zur Identifikation des Webseitenbetreibers.
(Optional) 5. Kontaktseite
Titel: „Kontakt“
Beschreibung: Eine Seite, auf der Besucher Kontaktinformationen finden und eventuell ein Online-Terminkalender nutzen können.
Anlegen von leeren Seiten in WordPress
Anmeldung im WordPress-Dashboard: Melden Sie sich in Ihrem WordPress-Dashboard an.
Seite hinzufügen: Navigieren Sie im Dashboard-Menü zu „Seiten“ > „Erstellen“.
Seitentitel eingeben: Geben Sie für jede Seite den entsprechenden Titel ein (z.B. „Startseite“).
Inhalt hinzufügen: Für das Erstellen einer leeren Seite können Sie den Inhaltsteil zunächst leer lassen.
Seite veröffentlichen: Klicken Sie auf „Veröffentlichen“, um die Seite live zu schalten. Wiederholen Sie diesen Schritt für jede Seite, die Sie erstellen möchten.
Menüs in WordPress konfigurieren
Zugang zum Menü-Editor: Melden Sie sich in Ihrem WordPress-Dashboard an und navigieren Sie zu „Design“ > „Menüs“.
Neues Hauptmenü erstellen
Klicken Sie auf „Erstelle ein neues Menü“.
Geben Sie Ihrem Menü einen Namen, der zu seiner Funktion passt, z.B. „Provisionsabrechnung“.
Klicken Sie auf „Menü erstellen“.
Seiten zum Hauptmenü hinzufügen
Wählen Sie auf der linken Seite „Seiten“ aus.
Wählen Sie die „Startseite“ und andere Seiten aus, die Sie im Hauptmenü anzeigen möchten.
Klicken Sie auf „Zum Menü hinzufügen“.
Menüposition festlegen
Suchen Sie den Abschnitt „Menüeinstellungen“ und wählen Sie als Anzeigeort für Ihr Menü die Option „Primäres Menü“ oder eine ähnlich bezeichnete Option.
Speichern Sie Ihre Einstellungen.
Neues Fußzeilenmenü erstellen
Wiederholen Sie die Schritte zum Erstellen eines neuen Menüs.
Benennen Sie dieses Menü beispielsweise „Fußzeilen-Infos“.
Rechtliche Informationen zum Fußzeilenmenü hinzufügen
Wählen Sie die Seiten „Impressum“ und „Datenschutzerklärung“ aus.
Klicken Sie auf „Zum Menü hinzufügen“.
Menüposition für die Fußzeile festlegen
Wählen Sie im Abschnitt „Menüeinstellungen“ die Option „Sekundäres Menü“ oder eine ähnliche Bezeichnung.
Speichern Sie Ihre Einstellungen.
Grundlegende WordPress-Einstellungen konfigurieren
Allgemeine Einstellungen
Navigieren Sie im WordPress-Dashboard zu „Einstellungen“ > „Allgemein“.
Website-Titel festlegen: Geben Sie den Titel Ihrer Website ein.
Untertitel hinzufügen: Fügen Sie einen passenden Untertitel hinzu, der den Zweck Ihrer Website kurz beschreibt.
WordPress-Adresse (URL) überprüfen: Stellen Sie sicher, dass die URL mit „https://“ beginnt, um eine sichere Verbindung zu gewährleisten.
Einstellungen ‚Lesen‘:
Wechseln Sie zu „Einstellungen“ > „Lesen“.
Wählen Sie unter „Deine Homepage zeigt“ die Option „Eine statische Seite“.
Wählen Sie aus dem Dropdown-Menü neben „Homepage“ Ihre zuvor erstellte Startseite aus. Dies bestimmt, welche Seite als Homepage Ihrer Website dient.
Permalink-Einstellungen
Gehen Sie zu „Einstellungen“ > „Permalinks“.
Wählen Sie unter „Permalinkstruktur“ die Option „Beitragsname“. Dadurch wird die URL jeder Seite benutzerfreundlicher und SEO-optimiert, da der Titel des Beitrags in der URL erscheint.
Datenschutzeinstellungen
Besuchen Sie „Einstellungen“ > „Datenschutz“.
Wählen Sie die zuvor erstellte Seite für die Datenschutzerklärung aus. Diese Auswahl legt fest, welche Seite als Ihre Datenschutzerklärung fungiert.
Zusätzliche Empfehlungen
Diskussionseinstellungen überprüfen: Falls Ihre Website Kommentare zulässt, passen Sie die Einstellungen unter „Einstellungen“ > „Diskussion“ an, um die Moderation von Kommentaren und Benachrichtigungsoptionen zu steuern.
Zeitzone und Formatierung: Unter „Einstellungen“ > „Allgemein“ können Sie die Zeitzone, das Datum- und Zeitformat Ihrer Website anpassen, was besonders für zeitgesteuerte Beiträge wichtig ist.
Änderungen speichern: Vergessen Sie nicht, Ihre Änderungen nach jeder Anpassung zu speichern.
