Website-Logo beim Full Site Editing (FSE) auf einer WordPress-Instanz einfügen
Leider ist es beim Full Site Editing (FSE) nicht so einfach, die Stelle bei einer WordPress-Instanz zu finden, wo man ein Website-Logo einfügt. Aus diesem Grund hier eine ganz kurze Anleitung dazu. Am Ende dieses kurzen Beitrags folgt dann noch zur besseren Verdeutlichung ein kurzer Film.
Wenn man auf Design > Editor klickt, erscheinen links die Menüpunkte für „Templates“ und „Template-Teile“. Rechts sieht man die Startseite. Bei Klick in den Bereich der Startseite und in der Listenansicht sucht man die Stelle im Zeilen-Block, wo das Website-Logo positioniert werden soll. In der Regel wird das Website-Logo links im Zeilen-Block eingerichtet. Dementsprechend fügt man an der Stelle den Block für das Website-Logo ein. Sollte man noch kein Logo auf der Website verwendet haben, muss man das Logo natürlich noch hochladen und unter Medien auswählen.
Jetzt kommt der wichtige Punkt: Rechts in der Eigenschaftenleiste gibt es einen Schalter „Als Website-Icon verwenden“, den man in dem Fall einschalten sollte. Website-Icons werden in Browser-Tabs, Lesezeichenleisten und in den mobilen WordPress-Apps benutzt.
Interessant ist übrigens, dass unter dem Schalter ein Link zu sehen ist: „Um ein individuelles Icon, das sich von deinem Website-Logo unterscheidet, zu benutzen, verwende die Website-Icon-Einstellungen.“ – Dieser Link führt auf den „alten“ von klassischen Themes gewohnten Customizer, wo man grundsätzlich neben dem Website-Icon auch eigene CSS-Regeln definieren kann. Ob das wohl ein Versehen ist? 😉
Film mit Anleitung zum Einfügen eines Website-Logos beim FSE
Website-Icon setzen
Wenn Website-Logo und Website-Icon unterschiedlich sind, dann muss man bei der Auswahl Website-Logo ganz unten in den Eigenschaften auf den Link „Website-Icon-Einstellungen“ klicken. Anschließend gelangt man in den altbekannten Customizer und kann da wie gewohnt das Website-Icon einstellen.
Man kann alternativ auch einfach an die URL der eigenen Website im Backend folgendes anhängen: .../wp-admin/customize.php?autofocus[section]=title_tagline
Links und Quellen
- How to add and remove a logo and site icon in a WordPress block theme
https://learn.wordpress.org/tutorial/how-to-add-and-remove-a-logo-and-site-icon-in-a-wordpress-block-theme/
Weitere Beiträge zum Thema
- Shrinked Header bei Twenty Twenty-Four
- Cover Block in WordPress 6.5
- WordPress: All-in-One WP Migration, Backup-Migration und Duplicator
- GeneratePress und theme.json: Mehr Einstellungsmöglichkeiten bei den Blöcken
- Twenty Twenty-Four: Smooth Scrolling und Anker
Mehr erfahren auf dieser Webseite
Wir freuen uns über eine Kontaktaufnahme
Was hältst du davon?
Wir hoffen, dieser Beitrag hat dir gefallen und wir würden uns über einen Kommentar freuen. Auch über Erweiterungen, Korrekturen, Hinweise oder sonstige Anmerkungen freuen wir uns sehr.
- Auf der folgenden Seite findest du weitere interessante Beiträge sortiert nach Kategorien und Schlagwörter.
- Wenn du über unsere neuesten Beiträge informiert werden möchtest, kannst du dich gerne bei unserem Newsletter anmelden.
Beitrags-Kategorien
Allgemein (104) Anleitung (66) Block-Editor (44) CSS (10) Full Site Editing (32) Keine Anzeige (1) Plugins (28) Short News (1) Theme (21) Tipps (68) Veranstaltungen (3) WordPress (111)