Bilder im WordPress-Block-Editor hinzufügen und ausrichten

Einführung in die Bildverwaltung im WordPress Block-Editor (Gutenberg)

Der WordPress Block-Editor, oft auch Gutenberg genannt, hat die Art und Weise, wie wir Inhalte auf WordPress-Websites erstellen, revolutioniert. Einer der wichtigsten Aspekte jeder Webseite ist die Verwendung von Bildern, um den Text aufzulockern, die Botschaft zu verstärken und das Gesamtdesign ansprechender zu gestalten. In diesem Artikel werden wir uns ausführlich damit beschäftigen, wie Sie Bilder im WordPress Block-Editor hinzufügen, ausrichten und bearbeiten können, um Ihre Inhalte optimal zu präsentieren.

Wir werden uns Schritt für Schritt ansehen, wie Sie Bilder hochladen, aus der Mediathek auswählen und verschiedene Ausrichtungsoptionen nutzen. Außerdem werden wir die verfügbaren Bearbeitungswerkzeuge erkunden, um Ihre Bilder direkt im Editor zu optimieren.

Bilder hinzufügen: Die verschiedenen Methoden

Es gibt verschiedene Wege, um Bilder in Ihren WordPress-Beitrag oder Ihre Seite einzufügen. Die gängigsten Methoden sind:

• Hochladen von Ihrem Computer: Diese Methode ist ideal, wenn Sie ein Bild verwenden möchten, das noch nicht in Ihrer Mediathek vorhanden ist.
• Auswählen aus der Mediathek: Wenn das Bild bereits hochgeladen wurde, können Sie es einfach aus Ihrer Mediathek auswählen.
• Einfügen über eine URL: Sie können auch Bilder von externen Quellen einbetten, indem Sie die URL des Bildes angeben.

Hochladen von einem Computer

Um ein Bild von Ihrem Computer hochzuladen, folgen Sie diesen Schritten:

1. Öffnen Sie den WordPress Block-Editor.
2. Klicken Sie auf das “+” Symbol, um einen neuen Block hinzuzufügen.
3. Suchen Sie nach dem “Bild”-Block und wählen Sie ihn aus.
4. Klicken Sie auf die Schaltfläche “Hochladen”.
5. Wählen Sie das gewünschte Bild von Ihrem Computer aus.
6. Das Bild wird nun hochgeladen und im Block angezeigt.

Auswählen aus der Mediathek

Um ein Bild aus der Mediathek auszuwählen, gehen Sie wie folgt vor:

1. Öffnen Sie den WordPress Block-Editor.
2. Klicken Sie auf das “+” Symbol, um einen neuen Block hinzuzufügen.
3. Suchen Sie nach dem “Bild”-Block und wählen Sie ihn aus.
4. Klicken Sie auf die Schaltfläche “Mediathek”.
5. Suchen Sie das gewünschte Bild in der Mediathek und wählen Sie es aus.
6. Klicken Sie auf die Schaltfläche “Auswählen”.
7. Das Bild wird nun im Block angezeigt.

Einfügen über eine URL

Um ein Bild über eine URL einzufügen, tun Sie Folgendes:

1. Öffnen Sie den WordPress Block-Editor.
2. Klicken Sie auf das “+” Symbol, um einen neuen Block hinzuzufügen.
3. Suchen Sie nach dem “Bild”-Block und wählen Sie ihn aus.
4. Klicken Sie auf die Schaltfläche “Von URL einfügen”.
5. Geben Sie die URL des Bildes in das Feld ein.
6. Klicken Sie auf die Schaltfläche “Übernehmen”.
7. Das Bild wird nun im Block angezeigt.

Bilder ausrichten: Links, Rechts, Zentriert und Breitbild

Nachdem Sie ein Bild hinzugefügt haben, können Sie es ausrichten, um es optimal in den Textfluss zu integrieren. Der Block-Editor bietet verschiedene Ausrichtungsoptionen:

• Links: Das Bild wird links ausgerichtet, und der Text umfließt es rechts.
• Rechts: Das Bild wird rechts ausgerichtet, und der Text umfließt es links.
• Zentriert: Das Bild wird horizontal zentriert, und der Text befindet sich darüber und darunter.
• Breitbild: Das Bild erstreckt sich über die gesamte Breite des Inhaltsbereichs.
• Volle Breite: Das Bild erstreckt sich über die gesamte Breite des Bildschirms. (Kann vom Theme abhängig sein)

Um die Ausrichtung eines Bildes zu ändern, klicken Sie auf das Bild im Block-Editor. In der Werkzeugleiste über dem Bild sehen Sie die Ausrichtungsoptionen. Wählen Sie die gewünschte Ausrichtung aus.

Die Ausrichtungsmöglichkeiten sind wichtig, um eine optisch ansprechende Seite zu gestalten. Durch gezieltes Einsetzen von links- oder rechtsbündigen Bildern, kann der Textfluss aufgelockert und das Interesse des Lesers geweckt werden. Zentrierte Bilder eignen sich gut für Einzelbilder oder Galerien, während Breitbild- und Vollbildoptionen für beeindruckende visuelle Elemente genutzt werden können.

Bildbearbeitung direkt im Block-Editor

Der WordPress Block-Editor bietet auch grundlegende Bildbearbeitungsfunktionen, mit denen Sie Ihre Bilder direkt im Editor optimieren können. Dazu gehören:

• Zuschneiden: Schneiden Sie unerwünschte Bereiche des Bildes ab.
• Drehen: Drehen Sie das Bild in 90-Grad-Schritten.
• Skalieren: Ändern Sie die Größe des Bildes.

Um diese Funktionen zu nutzen, klicken Sie auf das Bild im Block-Editor. In der Werkzeugleiste über dem Bild finden Sie die Bearbeitungswerkzeuge. Klicken Sie auf das gewünschte Werkzeug und folgen Sie den Anweisungen.

Die Bearbeitungswerkzeuge im Block-Editor sind zwar nicht so umfangreich wie in einem professionellen Bildbearbeitungsprogramm, aber sie sind ausreichend, um grundlegende Anpassungen vorzunehmen und Ihre Bilder für das Web zu optimieren. Durch das Zuschneiden können Sie den Fokus auf das Wesentliche lenken, das Drehen kann verwendet werden, um falsch ausgerichtete Bilder zu korrigieren, und das Skalieren hilft Ihnen, die Dateigröße zu reduzieren und die Ladezeiten zu verbessern.

Alt-Text hinzufügen: Wichtig für SEO und Barrierefreiheit

Der Alt-Text (Alternativtext) ist ein wichtiger Bestandteil der Bildoptimierung. Er wird angezeigt, wenn das Bild nicht geladen werden kann, und er hilft Suchmaschinen, den Inhalt des Bildes zu verstehen. Außerdem ist er wichtig für die Barrierefreiheit, da er von Screenreadern verwendet wird, um das Bild für sehbehinderte Menschen zu beschreiben.

Um einen Alt-Text hinzuzufügen, klicken Sie auf das Bild im Block-Editor. In der Seitenleiste auf der rechten Seite finden Sie das Feld “Alternativtext”. Geben Sie eine kurze, prägnante Beschreibung des Bildes ein.

Ein guter Alt-Text sollte:

• Das Bild genau beschreiben.
• Kurz und prägnant sein.
• Relevante Keywords enthalten (aber nicht übertreiben).

Ein gut formulierter Alt-Text ist nicht nur für die Suchmaschinenoptimierung (SEO) von Vorteil, sondern verbessert auch die Benutzererfahrung. Er hilft Suchmaschinen, den Kontext Ihrer Inhalte besser zu verstehen, was zu einer besseren Platzierung in den Suchergebnissen führen kann. Darüber hinaus ermöglicht er sehbehinderten Menschen, die Screenreader verwenden, den Inhalt der Bilder zu erfassen und somit die Seite vollständig zu nutzen.

Bildunterschriften verwenden: Kontext und Erklärungen

Bildunterschriften sind kurze Texte, die unterhalb eines Bildes angezeigt werden und zusätzlichen Kontext oder Erklärungen liefern können. Sie sind besonders nützlich, wenn das Bild eine komplexe oder abstrakte Aussage hat, die ohne weitere Erläuterung schwer zu verstehen wäre.

Um eine Bildunterschrift hinzuzufügen, klicken Sie auf das Bild im Block-Editor. Unterhalb des Bildes wird ein Feld “Bildunterschrift hinzufügen” angezeigt. Geben Sie den gewünschten Text ein.

Bildunterschriften können verwendet werden, um:

• Den Inhalt des Bildes zu erklären.
• Die Quelle des Bildes anzugeben.
• Einen Kommentar oder eine Interpretation des Bildes zu geben.

Bildunterschriften sind ein wertvolles Werkzeug, um Ihre Bilder effektiv in den Gesamtkontext Ihrer Inhalte zu integrieren. Sie bieten die Möglichkeit, zusätzliche Informationen bereitzustellen, die das Verständnis des Bildes erleichtern und die Aussage des Artikels verstärken.

Galerien erstellen: Mehrere Bilder ansprechend präsentieren

Der WordPress Block-Editor bietet auch die Möglichkeit, Galerien zu erstellen, um mehrere Bilder ansprechend zu präsentieren. Mit einer Galerie können Sie mehrere Bilder in einem Raster anordnen und dem Besucher eine einfache Möglichkeit bieten, durch die Bilder zu navigieren.

Um eine Galerie zu erstellen, folgen Sie diesen Schritten:

1. Öffnen Sie den WordPress Block-Editor.
2. Klicken Sie auf das “+” Symbol, um einen neuen Block hinzuzufügen.
3. Suchen Sie nach dem “Galerie”-Block und wählen Sie ihn aus.
4. Klicken Sie auf die Schaltfläche “Hochladen” oder “Mediathek”, um die gewünschten Bilder auszuwählen.
5. Passen Sie die Einstellungen der Galerie an, z. B. die Anzahl der Spalten und die Größe der Bilder.

Galerien sind ideal, um:

• Eine Sammlung von Fotos zu präsentieren.
• Ein Portfolio von Arbeiten zu zeigen.
• Einen visuellen Leitfaden zu erstellen.

Fazit: Bilder als zentrales Element Ihrer WordPress-Seite

Bilder sind ein wesentlicher Bestandteil jeder erfolgreichen WordPress-Website. Sie können Ihre Inhalte ansprechender gestalten, die Botschaft verstärken und die Benutzererfahrung verbessern. Mit dem WordPress Block-Editor haben Sie eine Vielzahl von Werkzeugen zur Verfügung, um Bilder hinzuzufügen, auszurichten und zu bearbeiten. Nutzen Sie diese Werkzeuge, um Ihre Inhalte optimal zu präsentieren und Ihre Website für Besucher und Suchmaschinen zu optimieren.