Erste Schritte

Designanpassungen

Einleitende Erläuterungen

15. Juni 2020    Ingo Bechtel

Elementor Seiten

Nachfolgende Seiten sind mit dem Elementor Pagebuilder gestaltet. Deren Bearbeitung erfordert eine gewisse Einarbeitungszeit.

  • Home/Startseite (hier aber die Abschnitte "Beliebte Produkte" und "Aktuelle Angebote" nicht verändern)
  • Kontakt
  • Über uns

WP Classic Editor Seiten

Nachfolgende Seiten sind mit dem Classic Editor von Wordpress gestaltet.

  • AGB
  • Datenschutzerklärung
  • Impressum
  • Widerrufsbelehrung
  • Zahlung und Versand
  • Zahlungsarten

Bitte nicht bearbeiten

Folgende Seiten lassen Sie bitte so, wie Sie sind. Es sei denn, Sie wissen genau was Sie tun.

  • Kasse (Kassen-Seite)
  • Mein Kundenkonto
  • Shop (Shop-Seite)
  • Warenkorb

1. Wählen Sie "Design -> Customizer"

15. Juni 2020    Ingo Bechtel

Wählen Sie in der Wordpress-Navigation links den Menüpunkt "Design -> Customizer".

2. Farbeinstellungen unter dem Menüpunkt "Global -> Standardfarben"

15. Juni 2020    Ingo Bechtel

Unter dem Menüpunkt "Global -> Standardfarben" können Sie wichtige Farben wie z.B. Textfarbe oder Linkfarbe festlegen. Speichern Sie Ihre Einstellungen, indem Sie auf "Veröffentlicht" klicken.

3. Schrifteinstellungen unter dem Menüpunkt "Global -> Basis-Typografie"

15. Juni 2020    Ingo Bechtel

Unter dem Menüpunkt "Global -> Basis-Typografie" können Sie Schrifteinstellungen wie z.B. Schriftfamilie oder Textgröße festlegen. Speichern Sie Ihre Einstellungen, indem Sie auf "Veröffentlicht" klicken.

4. Überschriften-Einstellungen unter dem Menüpunkt "Global -> Überschriften"

15. Juni 2020    Ingo Bechtel

Attribute (Größen, Schriftschnitte ...) für Überschriften legen Sie unter dem Menüpunkt "Global -> Überschriften" fest. Speichern Sie Ihre Einstellungen, indem Sie auf "Veröffentlicht" klicken.

5. Button-Einstellungen unter dem Menüpunkt "Global -> Buttons"

15. Juni 2020    Ingo Bechtel

Button-Einstellungen (Farben) können Sie unter dem Menüpunkt "Global -> Buttons" einstellen. Auch hier speichern Sie Ihre Einstellungen, indem Sie auf "Veröffentlicht" klicken.

6. Logo-Einstellungen (Schritt 1 von 2)

15. Juni 2020    Ingo Bechtel

Unter dem Menüpunkt "Header -> Website-Identität" laden Sie Ihr eigenes Logo hoch (Schritt 1/2).

7. Logo-Einstellungen (Schritt 2 von 2)

15. Juni 2020    Ingo Bechtel

Wählen Sie eine (Logo-)Datei auf Ihrem lokalen Rechner aus und laden Sie sie in die Wordpress Mediathek hoch (Schritt 2/2).

8. Individuelles Website-Icon (favicon) für Ihren Shop

15. Juni 2020    Ingo Bechtel

Unter dem Menüpunkt "Header -> Website-Identität" laden Sie Ihr eigenes Website-Icon (favicon) hoch. Speichern Sie Ihre Einstellungen, indem Sie auf "Veröffentlicht" klicken.

9. Wählen Sie den Menüpunkt "Seiten -> Alle Seiten" aus

15. Juni 2020    Ingo Bechtel

Um gezielt einzelne Seiten zu bearbeiten, wählen Sie zunächst den Menüpunkt "Seiten -> Alle Seiten" aus.

10. Elementor-Seiten bearbeiten

15. Juni 2020    Ingo Bechtel

Die mit dem visuellen Editor "Elementor" erstellten Seiten bearbeiten Sie, indem Sie auf "Mit Elementor bearbeiten" klicken.

11. Elementor zeigt die entspr. Seite an

15. Juni 2020    Ingo Bechtel

Die entsprechende Seite wird mit dem visuellen Editor "Elementor" geöffnet. Schauen Sie sich für einen ersten Überblick ein Einführungsvideo von Elementor auf youtube an (in englischer Sprache).

12. Abschnittseinstellungen mit "Elementor" bearbeiten

15. Juni 2020    Ingo Bechtel

Abschnitt auswählen und Attribute wie Hintergrundfarben etc. einstellen

13. Bilder und Grafiken austauschen (Schritt 1 von 2)

15. Juni 2020    Ingo Bechtel

Wenn Sie ein Foto oder eine Grafik austauschen möchten, wählen Sie zunächst den entspr. Inhaltscontainer aus und klicken Sie auf das Bearbeiten-Icon.

14. Bilder und Grafiken austauschen (Schritt 2 von 2)

15. Juni 2020    Ingo Bechtel

Dann klicken Sie in der linken Seitenleiste auf "Bild wählen" und laden anschließend ein neues Bild auf den Server hoch.

15. Text bearbeiten (Schritt 1 von 2)

15. Juni 2020    Ingo Bechtel

Wenn Sie Text bearbeiten möchten, wählen Sie zunächst den entspr. Inhaltscontainer aus und klicken Sie auf das Bearbeiten-Icon.

16. Text bearbeiten (Schritt 2 von 2)

15. Juni 2020    Ingo Bechtel

Mit dem im linken Bereich dargestellten Text-Editor können Sie den Text bearbeiten.

17. Spalten bearbeiten (Schritt 1 von 2)

15. Juni 2020    Ingo Bechtel

Klicken Sie zunächst auf das Icon für "Spalte bearbeiten"

18. Spalten bearbeiten (Schritt 2 von 2)

15. Juni 2020    Ingo Bechtel

Nehmen Sie dann die entsprechenden Einstellungen für Hintergrund-, Schriftfarbe etc. vor.

19. Seiten ohne "Elementor"bearbeiten (Schritt 1 von 2)

15. Juni 2020    Ingo Bechtel

Wenn Sie eine Seite bearbeiten möchten, die nicht mit "Elementor" erstellt wurde, bewegen Sie den Mauszeiger über die entspr. Seite und klicken Sie dann auf "Bearbeiten".

20. Seiten ohne "Elementor"bearbeiten (Schritt 2 von 2)

15. Juni 2020    Ingo Bechtel

Führen Sie Ihre Anpassungen mit Hilfe des Wordpress Texteditors durch.