WP-Editor #8 Bild-Block

WordPress Blog

Um ein Bild auf Ihrer Seite einzufügen, verwenden Sie den Bild-Block des WordPress-Editors.

Vorbereitung eines Bildes vor dem Upload

Bevor Sie aber Bilder auf den Server Ihrer Website hochladen, sollten Sie sie bearbeiten. Insbesondere die Auflösung der hochgeladenen Bilddatei sollte der tatsächlich benötigten Größe des Bildes entsprechen. Ansonsten verwenden Sie unnötig viel Speicherplatz auf Ihrem Server und beeinträchtigen ggfs. die Ladegeschwindigkeit Ihrer Seite.

Meine Empfehlung

Bildauflösungen in Pixel

Auf meinen Seiten verwende ich meist die folgenden Bildauflösungen. Je nach Webdesign können diese jedoch variieren. Fragen Sie im Zweifel nach.

Empfohlene Bildauflösungen für den Upload
BREITE x HÖHE in Pixel [px]

Beitragsbilder 

1200 x VAR 
z.B. 1200 x 600 oder 1200 x 800

Bilder mit umlaufendem Text

600 x VAR 
z.B. 600 x 400 oder 600 x 800

Bilder mit max. 1600 px Breite

1800 x VAR 
z.B. 1800 x 900 (2:1) oder 1800 x 600 (3:1)

Fullwide-Bilder

2100 x VAR 
z.B. 2100 x 800 (Banner) oder 2100 x 1400 (Fullscreen)

Bilder in Beitrag / Seite einfügen

Wenn Sie den Bild-Block auswählen, haben Sie drei Möglichkeiten ein Bild einzufügen. Sie laden es neu hoch, Sie haben es bereits bearbeitet und in die Mediathek hochgeladen und fügen es von dort ein oder Sie fügen es von einer externen URL ein (dies würde ich nur im Ausnahmefall empfehlen, denn Sie haben dann überlicherweise keinen Einfluss darauf, ob das Bild an dieser Adresse dauerhaft verfügbar ist und Ihre Seite muss darüber hinaus auf die Auslieferung des Bildes von dem anderen Server warten).

Haben Sie das Bild im Editor eingefügt, bietet Ihnen das Top-Menü des Bildes verschiedene Optionen der Bearbeitung an. Die wichtigste ist die Ausrichtung des Bildes. Linksbündig und rechtsbündig, lassen den Text um das Bild laufen, sofern genügend Raum im Browserfenster des Nutzers vorhanden ist. Zentrieren zentriert das Bild ohne Textumlauf. Weite Breite versieht das Bild mit der Class „alignwide“, die je nach Theme etwas breiter formatiert ist, als die Standard-Textbreite. Voll Breite setzt die Class „alignfull“, die das Bild über die gesamte Fensterbreite streckt.

Screenshot Bild-Block Einstellungen
Einstellungen Bild-Block in der Seitenleiste

Sie wählen dabei jeweils in der Seitenleiste des Editors die Anzeigegröße des Bildes aus. Hier hatte ich die Breite von 500 Pixel manuell eingegeben; die Höhe wird proportional zum Seitenverhältnis des Bildes berechnet.

Beim Bild-Block können Sie eine Bildbeschreibung angeben. Das ist auch dann sehr praktisch, wenn Sie den Urheber des Bildes nennen möchten (Immer beachten: Das deutsche Urheberrecht fordert die Urhebernennung „am Werk“. Wenn Sie selbst Urheber sind, brauchen Sie das natürlich nicht beachten, können es aber).

Wichtig ist noch die Möglichkeit, das Bild zu verlinken. Klickt der Nutzer auf das Bild, öffnet der Browser den hier eingefügten Link. Dies ist schon im Beitrag zum Absatz-Block beschrieben.

Die vierte Bearbeitungsmöglichkeit „Ersetzen“, ersetzt das Bild mit einem anderen Ihrer Wahl. Sie haben die bekannten Auswahlen: hochladen, Mediathek, URL.

Mit dem Block-Editor können Sie elegant und zügig Bilder in Ihre Texte einfügen und formatieren. Probieren Sie die Möglichkeiten aus und Sie werden damit professionelle Webtexte gestalten.

Um ein Bild auf Ihrer Seite einzufügen, verwenden Sie den Bild-Block des WordPress-Editors. Was ist dabei und beim Upload von Bildern zu beachten.


1. Möwe im akrobatischen Flug - wordpress web.design

Newsletter