Customizer (WordPress): Unterschied zwischen den Versionen

Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(54 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Über die Funktion Customizer können Sie Ihr ausgewähltes Theme, und somit das Aussehen Ihres Blogs, anpassen und verändern. Während das Theme die Grundeinstellungen liefert, können Sie mit dem Customizer die individuellen Feineinstellungen vollziehen.
Über die Funktion Customizer können Sie Ihr ausgewähltes [[Themes_(WordPress)|'''Theme''']], und somit das '''Aussehen''' Ihres Blogs, anpassen und verändern. Während das Theme die Grundeinstellungen liefert, können Sie mit dem Customizer die '''individuellen Feineinstellungen''' vollziehen.


== Videoanleitung ==
.. folgt ..


== Zugang ==  
== Zugang ==  


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
[[Datei:Customizer_Screenshot_1.png|500px|miniatur|links]]


Zum Costumizer gelangen Sie, indem Sie in der linken Menü-Leiste den Reiter '''Design''' auswählen und dann auf '''Customizer''' klicken. Über diese Funktion können Sie Ihr ausgewähltes Theme - und somit das Aussehen Ihres Blogs - anpassen und verändern.
Zum Costumizer gelangen Sie, indem Sie in der linken Navigationsleiste den Reiter '''Design''' auswählen und dann auf '''Customizer''' klicken.  


{{Absatz}}<br />
{{Absatz}}<br />


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
== Einstellungen ==


In der linken Leiste sind die modifizierbaren Einstellungen gelistet. Welche das sind, kann variieren, je nachdem, was für ein Theme Sie verwenden. Hier werden Ihnen Funktionen vorgestellt, die von den meisten Themes unterstützt werden.  
[[Datei:Customizer_Screenshot_2.png|500px|miniatur|links]]
 
In der linken Leiste sind die '''modifizierbaren Einstellungen''' gelistet. Welche das sind, kann variieren, je nachdem, was für ein [[Themes_(WordPress)|Theme]] Sie verwenden. In diesem Beitrag werden Ihnen die Funktionen vorgestellt, die von den meisten Themes unterstützt werden.  


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 18: Zeile 22:
== Vorschau ==
== Vorschau ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
[[Datei:Customizer_Screenshot_3.png|500px|miniatur|links]]


Neben der Leiste sehen Sie das Frontend Ihres Blogs. So können Sie, noch vor dem Veröffentlichen, die durchgeführte Veränderung in einer Live-Vorschau nachvollziehen. In dieser Vorschau haben Sie die Möglichkeit, Ihre verschiedenen Blogseiten zu besuchen. Um die Einstellungen anpassen zu können klicken Sie auf den jeweiligen Link, Sie werden dann zu der Bearbeitungsseite weitergeleitet.
Neben der Leiste sehen Sie das Frontend Ihres Blogs. So können Sie, noch vor dem Veröffentlichen, die durchgeführte Veränderung in einer '''Live-Vorschau''' nachvollziehen. In dieser Vorschau haben Sie die Möglichkeit, Ihre verschiedenen Blogseiten zu besuchen. Um die Einstellungen anpassen zu können, klicken Sie auf den jeweiligen '''Link'''. Sie werden dann zu der '''Bearbeitungsseite''' weitergeleitet.


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 26: Zeile 30:
== Theme ==
== Theme ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
=== Wechseln ===


Wenn Sie mit dem Aussehen Ihres Blogs nicht zufrieden sind, können Sie z.B. erst einmal Ihr Theme austauschen, indem Sie auf “Wechseln” klicken. Während das Theme die Grundeinstellungen liefert, können Sie dann mit dem Customizer die individuellen Feineinstellungen vollziehen.
[[Datei:Customizer_Screenshot_4.png|500px|miniatur|links]]
 
Wenn Sie mit dem Aussehen Ihres Blogs nicht zufrieden sind, können Sie z.B. erst einmal Ihr aktuelles [[Themes_(WordPress)|Theme]] austauschen, indem Sie auf '''Wechseln''' klicken.  


{{Absatz}}<br />
{{Absatz}}<br />
 
 
=== Aktivieren und Veröffentlichen ===
 
[[Datei:Customizer_Screenshot_5.png|500px|miniatur|links]]
 
Sie werden zu einer Übersicht aller verfügbaren [[Themes_(WordPress)|Themes]] weitergeleitet. Klicken Sie auf '''Live-Vorschau''', um Ihren Blog in dem Design des ausgewählten Themes zu betrachten. Wenn Sie dieses Theme beibehalten wollen, klicken Sie auf '''Aktivieren & Veröffentlichen'''.
 
{{Absatz}}<br />
 
== Website-Informationen ==
== Website-Informationen ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
[[Datei:Customizer_Screenshot_6.png|500px|miniatur|links]]


Klicken Sie auf Website-Informationen, wenn Sie diese verändern wollen. Titel und Untertitel lassen sich anpassen, indem Sie die bisherigen Titel löschen und neue eingeben. Für das Website-Icon können Sie ein Bild aus Ihrer Mediathek hinzufügen, indem Sie auf „Bild auswählen“ klicken. Dieses erscheint dann als kleines Bild links neben der URL. Zurück zur Übersicht gelangen Sie durch Klicken auf den Pfeil.
Mit dem Link '''Website-Informationen''' lassen sich '''Titel''' und '''Untertitel''' anpassen, indem Sie die bisherigen Titel löschen und neue eingeben. Für das '''Website-Icon''' können Sie ein Bild aus Ihrer [[Mediathek_(WordPress)|'''Mediathek''']] hinzufügen, indem Sie auf '''Bild auswählen''' klicken. Es erscheint als kleines Bild links neben der URL. Zurück zur Übersicht gelangen Sie durch Klicken auf den Pfeil.


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 42: Zeile 56:
== Farbe ==
== Farbe ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
=== Farbe auswählen ===


Wenn Sie die Hintergrundfarbe Ihrer Website verändern wollen, wählen Sie den Reiter “Farben” und klicken Sie auf “Farbe auswählen”. Mit dem Diagramm können Sie Ihre Farbe anpassen.
[[Datei:Customizer_Screenshot_7.png|500px|miniatur|links]]
 
Wenn Sie die Hintergrundfarbe Ihrer Website verändern wollen, wählen Sie den Reiter '''Farben''' und klicken Sie auf '''Farbe auswählen'''.
 
{{Absatz}}<br />
 
=== Farbdiagramm ===
 
[[Datei:Customizer_Screenshot_8.png|500px|miniatur|links]]
 
Es öffnet sich ein Diagramm, mit Sie die '''Hintergrundfarbe''' anpassen können. Wählen Sie dafür eine der Grundfarben und/oder bewegen Sie mit dem Mauszeiger den weißen Kreis über das Farbdiagramm.


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 50: Zeile 74:
== Header-Bild ==
== Header-Bild ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
=== Individuell ===
 
[[Datei:Customizer_Screenshot_9.png|500px|miniatur|links]]


Auch das Header-Bild, welches mit dem Titel den Kopf Ihrer Website darstellt, ist in vielen Themes individualisierbar. Sie können es ausblenden oder ein eigenes Bild mithilfe der Mediathek hochladen und direkt zuschneiden. Außerdem stehen Ihnen weitere Vorlagen zur Verfügung.
Auch das Header-Bild, welches mit dem Titel den '''Kopf''' Ihrer Website darstellt, ist in vielen [[Themes_(WordPress)|Themes]] '''individualisierbar'''. Sie können es ausblenden oder ein eigenes Bild mithilfe der [[Mediathek_(WordPress)|'''Mediathek''']] hochladen und direkt zuschneiden.  
 
{{Absatz}}<br />
 
=== Vorlagen ===
 
[[Datei:Customizer_Screenshot_10.png|500px|miniatur|links]]
 
Außerdem stehen Ihnen weitere '''Vorlagen''' zur Verfügung, unter denen Sie sich Ihr Headerbild durch Anklicken aussuchen können.  


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 58: Zeile 92:
== Hintergrundbild ==
== Hintergrundbild ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
=== Bild auswählen ===
 
[[Datei:Customizer_Screenshot_11.png|500px|miniatur|links]]
 
Des Weiteren ist es auch möglich, ein individuelles Hintergrundbild zu verwenden. Wählen Sie dafür den Reiter '''Hintergrundbild'''. Mit dem Link '''Bild auswählen''' werden Sie zu der [[Mediathek_(WordPress)|'''Mediathek''']], aus der Sie Ihr Bild hochladen können, weitergeleitet.
 
{{Absatz}}<br />
 
=== Anpassen ===
 
[[Datei:Customizer_Screenshot_12.png|500px|miniatur|links]]


Des Weiteren ist es auch möglich, ein individuelles Hintergrundbild zu verwenden. Wählen Sie dafür den Reiter “Hintergrundbild”. Das Bild können Sie ebenfalls aus der Mediathek hochladen und den sichtbaren Ausschnitt festlegen.
Nun können Sie die '''Position''' und '''Größe''' des Hintergrundbildes einstellen.


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 66: Zeile 110:
== Menüs ==
== Menüs ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
[[Datei:Customizer_Screenshot_13.png|500px|miniatur|links]]


Es besteht außerdem die Möglichkeit, ein Menü für Ihre Website zu erstellen und anzupassen. Menüs dienen dazu, Ihre bereits erstellten Inhalte zu verwalten sowie Leserinnen und Leser zu navigieren. Ein Menü ist eine Liste von Links, die gewöhnlich am oberen Ende der Website als Hauptnavigation angezeigt wird. Wie Sie ein Menü erstellen, erfahren Sie im entsprechenden Wiki-Eintrag.
Es besteht außerdem die Möglichkeit, ein [[Menü_(WordPress)|'''Menü''']] für Ihre Website zu erstellen und anzupassen. Menüs dienen dazu, Ihre bereits erstellten Inhalte zu '''verwalten''' sowie Leserinnen und Leser zu '''navigieren'''. Ein Menü ist eine Liste von Links, die gewöhnlich am oberen Ende der Website als '''Hauptnavigation''' angezeigt wird.  


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 74: Zeile 118:
== Widgets ==
== Widgets ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
[[Datei:Customizer_Screenshot_14.png|500px|miniatur|links]]


Im Frontend gibt es neben der Beitragschronik weitere Module auf Ihrer Website. Diese Bereiche werden von den Themes vorgegeben. Üblicherweise zählt dazu die Seitenleiste. Hier finden die Leserinnen und Leser weitere Übersichten. Wie zum Beispiel die neuesten Beiträge und Kommentare Ihrer Blogbeiträge oder die Kategorien. Über die Widgets können Sie den Inhalt dieser Bereiche hinzufügen, löschen oder anpassen.
Im Frontend gibt es neben der Beitragschronik weitere '''Module''' auf Ihrer Website. Diese Bereiche werden von den [[Themes_(WordPress)|'''Themes''']] vorgegeben. Üblicherweise zählt dazu die '''Seitenleiste'''. Hier finden die Leserinnen und Leser weitere Übersichten, wie z.B. die neuesten [[Blogbeitrag_(WordPress)|Blogbeiträge]] und [[Kommentare_(WordPress)|Kommentare]] Ihrer Blogbeiträge oder die [[Kategorien_und_Schlagwörter_(WordPress)|Kategorien]]. Über die Widgets können Sie den Inhalt dieser Bereiche hinzufügen, löschen oder anpassen.


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 82: Zeile 126:
== Startseiten-Einstellungen ==
== Startseiten-Einstellungen ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
=== Standardeinstellung ===
 
[[Datei:Customizer_Screenshot_15.png|500px|miniatur|links]]
 
Mit diesem Link können Sie eine '''Startseite''' für Ihre Website einstellen. Als '''Standardeinstellung''' bei WordPress erscheint dafür immer der zuletzt veröffentlichte [[Blogbeitrag_(WordPress)|Blogbeitrag]] Ihrer Website. Dies können Sie beibehalten oder eine statische [[Seite_(WordPress)|Seite]] als Startseite festlegen.
 
{{Absatz}}<br />
 
=== Eine statische Seite ===
 
[[Datei:Customizer_Screenshot_16.png|500px|miniatur|links]]


Mit diesem Link können Sie eine Startseite für Ihre Website einstellen. Als Standardeinstellung bei WordPress erscheint dafür immer der zuletzt veröffentlichte Blogbeitrag Ihrer Website. Dies können Sie beibehalten oder eine statische Seite als Startseite festlegen. Wenn Sie “Eine statische Seite” auswählen, können Sie dafür auf bereits erstellte Seiten Ihrer Website zurückgreifen.
Wenn Sie '''Eine statische Seite''' auswählen, können Sie dafür auf bereits erstellte [[Seite_(WordPress)|'''Seiten''']] und [[Blogbeitrag_(WordPress)|'''Blogbeiträge''']] Ihrer Website zurückgreifen.


{{Absatz}}<br />
{{Absatz}}<br />
Zeile 90: Zeile 144:
== Veröffentlichung ==
== Veröffentlichung ==


[[Datei:Beitragsübersicht Screenshot (1).png|500px|miniatur|links]]
[[Datei:Customizer_Screenshot_17.png|500px|miniatur|links]]
 
Nachdem Sie Ihre Einstellungen angepasst haben, drücken Sie auf '''Veröffentlichen''', um Ihre Änderungen zu speichern.


Nachdem Sie Ihre Einstellungen angepasst haben, drücken Sie auf Veröffentlichen. Ihre Änderungen werden nun veröffentlicht.
[[Kategorie: WordPress]]

Aktuelle Version vom 12. August 2019, 07:41 Uhr

Über die Funktion Customizer können Sie Ihr ausgewähltes Theme, und somit das Aussehen Ihres Blogs, anpassen und verändern. Während das Theme die Grundeinstellungen liefert, können Sie mit dem Customizer die individuellen Feineinstellungen vollziehen.

Videoanleitung

.. folgt ..

Zugang

Customizer Screenshot 1.png

Zum Costumizer gelangen Sie, indem Sie in der linken Navigationsleiste den Reiter Design auswählen und dann auf Customizer klicken.


Einstellungen

Customizer Screenshot 2.png

In der linken Leiste sind die modifizierbaren Einstellungen gelistet. Welche das sind, kann variieren, je nachdem, was für ein Theme Sie verwenden. In diesem Beitrag werden Ihnen die Funktionen vorgestellt, die von den meisten Themes unterstützt werden.


Vorschau

Customizer Screenshot 3.png

Neben der Leiste sehen Sie das Frontend Ihres Blogs. So können Sie, noch vor dem Veröffentlichen, die durchgeführte Veränderung in einer Live-Vorschau nachvollziehen. In dieser Vorschau haben Sie die Möglichkeit, Ihre verschiedenen Blogseiten zu besuchen. Um die Einstellungen anpassen zu können, klicken Sie auf den jeweiligen Link. Sie werden dann zu der Bearbeitungsseite weitergeleitet.


Theme

Wechseln

Customizer Screenshot 4.png

Wenn Sie mit dem Aussehen Ihres Blogs nicht zufrieden sind, können Sie z.B. erst einmal Ihr aktuelles Theme austauschen, indem Sie auf Wechseln klicken.


Aktivieren und Veröffentlichen

Customizer Screenshot 5.png

Sie werden zu einer Übersicht aller verfügbaren Themes weitergeleitet. Klicken Sie auf Live-Vorschau, um Ihren Blog in dem Design des ausgewählten Themes zu betrachten. Wenn Sie dieses Theme beibehalten wollen, klicken Sie auf Aktivieren & Veröffentlichen.


Website-Informationen

Customizer Screenshot 6.png

Mit dem Link Website-Informationen lassen sich Titel und Untertitel anpassen, indem Sie die bisherigen Titel löschen und neue eingeben. Für das Website-Icon können Sie ein Bild aus Ihrer Mediathek hinzufügen, indem Sie auf Bild auswählen klicken. Es erscheint als kleines Bild links neben der URL. Zurück zur Übersicht gelangen Sie durch Klicken auf den Pfeil.


Farbe

Farbe auswählen

Customizer Screenshot 7.png

Wenn Sie die Hintergrundfarbe Ihrer Website verändern wollen, wählen Sie den Reiter Farben und klicken Sie auf Farbe auswählen.


Farbdiagramm

Customizer Screenshot 8.png

Es öffnet sich ein Diagramm, mit Sie die Hintergrundfarbe anpassen können. Wählen Sie dafür eine der Grundfarben und/oder bewegen Sie mit dem Mauszeiger den weißen Kreis über das Farbdiagramm.


Header-Bild

Individuell

Customizer Screenshot 9.png

Auch das Header-Bild, welches mit dem Titel den Kopf Ihrer Website darstellt, ist in vielen Themes individualisierbar. Sie können es ausblenden oder ein eigenes Bild mithilfe der Mediathek hochladen und direkt zuschneiden.


Vorlagen

Customizer Screenshot 10.png

Außerdem stehen Ihnen weitere Vorlagen zur Verfügung, unter denen Sie sich Ihr Headerbild durch Anklicken aussuchen können.


Hintergrundbild

Bild auswählen

Customizer Screenshot 11.png

Des Weiteren ist es auch möglich, ein individuelles Hintergrundbild zu verwenden. Wählen Sie dafür den Reiter Hintergrundbild. Mit dem Link Bild auswählen werden Sie zu der Mediathek, aus der Sie Ihr Bild hochladen können, weitergeleitet.


Anpassen

Customizer Screenshot 12.png

Nun können Sie die Position und Größe des Hintergrundbildes einstellen.


Menüs

Customizer Screenshot 13.png

Es besteht außerdem die Möglichkeit, ein Menü für Ihre Website zu erstellen und anzupassen. Menüs dienen dazu, Ihre bereits erstellten Inhalte zu verwalten sowie Leserinnen und Leser zu navigieren. Ein Menü ist eine Liste von Links, die gewöhnlich am oberen Ende der Website als Hauptnavigation angezeigt wird.


Widgets

Customizer Screenshot 14.png

Im Frontend gibt es neben der Beitragschronik weitere Module auf Ihrer Website. Diese Bereiche werden von den Themes vorgegeben. Üblicherweise zählt dazu die Seitenleiste. Hier finden die Leserinnen und Leser weitere Übersichten, wie z.B. die neuesten Blogbeiträge und Kommentare Ihrer Blogbeiträge oder die Kategorien. Über die Widgets können Sie den Inhalt dieser Bereiche hinzufügen, löschen oder anpassen.


Startseiten-Einstellungen

Standardeinstellung

Customizer Screenshot 15.png

Mit diesem Link können Sie eine Startseite für Ihre Website einstellen. Als Standardeinstellung bei WordPress erscheint dafür immer der zuletzt veröffentlichte Blogbeitrag Ihrer Website. Dies können Sie beibehalten oder eine statische Seite als Startseite festlegen.


Eine statische Seite

Customizer Screenshot 16.png

Wenn Sie Eine statische Seite auswählen, können Sie dafür auf bereits erstellte Seiten und Blogbeiträge Ihrer Website zurückgreifen.


Veröffentlichung

Customizer Screenshot 17.png

Nachdem Sie Ihre Einstellungen angepasst haben, drücken Sie auf Veröffentlichen, um Ihre Änderungen zu speichern.