Anpassen des Website-Designs
Nachdem Sie Ihr Theme installiert und eine Starter-Vorlage importiert haben, ist es an der Zeit, Ihre Website so anzupassen, dass sie Ihre Marke und Inhalte widerspiegelt.
Der WordPress Customizer ermöglicht es, das Design Ihrer Website in Echtzeit zu bearbeiten und Änderungen sofort zu sehen.
So greifen Sie darauf zu:
- Gehen Sie im WordPress-Dashboard zu Design → Customizer;
- Der Customizer öffnet sich mit einer Live-Vorschau Ihrer Website rechts und einem Einstellungsmenü links.
Die verfügbaren Optionen im Customizer variieren je nach aktiviertem Theme. Bei Verwendung von Astra mit einer Starter-Vorlage sind in der Regel folgende Optionen verfügbar:
- Globale Einstellungen: Schriftarten, Farben und Containerbreite anpassen;
- Header- und Footer-Builder: Die oberen und unteren Bereiche Ihrer Website bearbeiten;
- Menüs und Widgets: Navigation und Seitenleisten-Elemente verwalten.
Sie müssen jetzt nicht jede Einstellung erkunden – konzentrieren Sie sich zunächst auf die Grundlagen.
Dies sind die wichtigsten Punkte, die Sie beim Anpassen des Website-Designs beachten sollten:
1. Farben und Typografie
- Gehen Sie zu Global → Farben, um Hintergrund-, Text- und Linkfarben zu ändern;
- Gehen Sie zu Global → Typografie, um Schriftarten und Größen für Überschriften und Fließtext festzulegen.
2. Header und Footer
- Klicken Sie im Customizer auf Header-Builder oder Footer-Builder;
- Sie sehen ein visuelles Layout, in dem Sie auf verschiedene Bereiche (Logo, Menü, Social Icons usw.) klicken können, um diese zu bearbeiten;
- Sie können Elemente auch entfernen oder durch Ziehen neu anordnen.
Falls Sie Ihr Logo beim Importieren der Starter-Vorlage nicht hochgeladen haben, können Sie dies jetzt nachholen.
So aktualisieren Sie Ihr Logo:
- Gehen Sie zu Header-Builder → Website-Titel & Logo;
- Klicken Sie auf Logo auswählen und laden Sie Ihr Bild hoch (vorzugsweise PNG mit transparentem Hintergrund).
So fügen Sie ein Favicon (Symbol im Browser-Tab) hinzu:
- Gehen Sie zu Allgemeine Einstellungen → Website-Identität;
- Unter Website-Symbol laden Sie ein quadratisches Bild hoch (empfohlen: 512x512 Pixel).
Wenn Sie mit Ihren Anpassungen zufrieden sind, klicken Sie oben im Customizer auf die Schaltfläche Veröffentlichen, um alle Änderungen zu speichern.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
How do I access the WordPress customizer?
Can you explain how to update my logo and colors?
What should I do after publishing my changes?
Awesome!
Completion rate improved to 3.45Anpassen des Website-Designs
Swipe um das Menü anzuzeigen
Nachdem Sie Ihr Theme installiert und eine Starter-Vorlage importiert haben, ist es an der Zeit, Ihre Website so anzupassen, dass sie Ihre Marke und Inhalte widerspiegelt.
Der WordPress Customizer ermöglicht es, das Design Ihrer Website in Echtzeit zu bearbeiten und Änderungen sofort zu sehen.
So greifen Sie darauf zu:
- Gehen Sie im WordPress-Dashboard zu Design → Customizer;
- Der Customizer öffnet sich mit einer Live-Vorschau Ihrer Website rechts und einem Einstellungsmenü links.
Die verfügbaren Optionen im Customizer variieren je nach aktiviertem Theme. Bei Verwendung von Astra mit einer Starter-Vorlage sind in der Regel folgende Optionen verfügbar:
- Globale Einstellungen: Schriftarten, Farben und Containerbreite anpassen;
- Header- und Footer-Builder: Die oberen und unteren Bereiche Ihrer Website bearbeiten;
- Menüs und Widgets: Navigation und Seitenleisten-Elemente verwalten.
Sie müssen jetzt nicht jede Einstellung erkunden – konzentrieren Sie sich zunächst auf die Grundlagen.
Dies sind die wichtigsten Punkte, die Sie beim Anpassen des Website-Designs beachten sollten:
1. Farben und Typografie
- Gehen Sie zu Global → Farben, um Hintergrund-, Text- und Linkfarben zu ändern;
- Gehen Sie zu Global → Typografie, um Schriftarten und Größen für Überschriften und Fließtext festzulegen.
2. Header und Footer
- Klicken Sie im Customizer auf Header-Builder oder Footer-Builder;
- Sie sehen ein visuelles Layout, in dem Sie auf verschiedene Bereiche (Logo, Menü, Social Icons usw.) klicken können, um diese zu bearbeiten;
- Sie können Elemente auch entfernen oder durch Ziehen neu anordnen.
Falls Sie Ihr Logo beim Importieren der Starter-Vorlage nicht hochgeladen haben, können Sie dies jetzt nachholen.
So aktualisieren Sie Ihr Logo:
- Gehen Sie zu Header-Builder → Website-Titel & Logo;
- Klicken Sie auf Logo auswählen und laden Sie Ihr Bild hoch (vorzugsweise PNG mit transparentem Hintergrund).
So fügen Sie ein Favicon (Symbol im Browser-Tab) hinzu:
- Gehen Sie zu Allgemeine Einstellungen → Website-Identität;
- Unter Website-Symbol laden Sie ein quadratisches Bild hoch (empfohlen: 512x512 Pixel).
Wenn Sie mit Ihren Anpassungen zufrieden sind, klicken Sie oben im Customizer auf die Schaltfläche Veröffentlichen, um alle Änderungen zu speichern.
Danke für Ihr Feedback!
