Arbeiten mit dem WordPress-Bildblock: So fügen Sie Bilder in WordPress hinzu [+Geheimtipp]

Für viele Benutzer kann die Arbeit mit Bildern sehr frustrierend sein. Es ist nicht immer einfach, das richtige Seitenverhältnis zu wählen oder die Größe von Bildern richtig zu ändern, damit sie im gesamten Layout gut aussehen.

1. Warum den WordPress-Bildblock verwenden?
2. So fügen Sie Bilder mit dem WordPress-Bildblock hinzu
3. Zusätzlicher Formatierungsprozess für Bilder
4. Extra-Tipp von uns im Artikel

Ältere WordPress-Versionen (bis v5.0) fügen Bilder über die Schaltfläche +Medien hinzufügen hinzu. Das Problem bestand darin, dass Sie das Bild selbst bei minimaler Änderung der Bildgröße erneut hochladen mussten. Das bedeutet Zeitverschwendung und überflüssige Klicks.

Der neue blockbasierte Editor Gutenberg ändert die Art und Weise, wie Bilder in WordPress hinzugefügt werden, um diesen Prozess für Endbenutzer einfacher zu machen. In diesem Artikel zeigen wir Ihnen eine praktische Anleitung zum Hinzufügen und Bearbeiten von WordPress-Bildblöcken. Darüber hinaus erklären wir Ihnen eine weitere Möglichkeit zum Einfügen von Bildern – wie Sie ein Bild mit nur wenigen Klicks kopieren und in den Inhaltsbereich einfügen. Wir stellen Ihnen auch neu hinzugefügte Funktionen vor, die aus WP 5.3 stammen.

Aber lassen Sie uns zunächst darüber sprechen, warum Sie Bilder in Beiträgen und Seiten verwenden sollten.

Warum ist der WordPress-Bildblock ein Muss für Ihre Website?

Auffallen

Bilder erregen die Aufmerksamkeit der Website-Besucher. Sie müssen interessant sein, um Besucher länger auf Ihrer Website zu halten. Denken Sie an einen Blogbeitrag ohne Bilder. Es ist nur ein Haufen Text. Auf den ersten Blick ist es nicht sehr interessant, obwohl es wertvoll und voller Informationen sein könnte. Darüber hinaus können Fotos dabei helfen, sich Ihr Thema besser vorzustellen und zu beschreiben.

Aus diesem Grund müssen wir den WordPress-Bildblock verwenden, um die Aufmerksamkeit auf wichtige Dinge zu lenken.

Illustrativer Text und Kontext

Bilder sind auch ein wesentlicher Bestandteil für das Verständnis von Inhalten, da sie es den Besuchern ermöglichen, besser zu verstehen, worum es in dem Artikel geht. Dank Infografiken können Sie komplizierte Zusammenhänge erklären und Dinge auf einfache Weise erzählen. Es hilft den Besuchern, sich besser in dem Problem zurechtzufinden, über das Sie sprechen.

Website schöner machen

Darüber hinaus geben Bilder dem gesamten Website-Design den letzten Schliff. Es geht nicht nur um das Layout einer Website, sondern auch um die Benutzerfreundlichkeit. Ein richtig ausgewähltes und platziertes Bild kann Besuchern das Durchsuchen Ihrer Website erleichtern.

So fügen Sie Bilder im WordPress-Blockeditor hinzu

Um ein Bild in einen Beitrag oder eine Seite einzufügen, müssen Sie den Kernblock – Bildblock – hinzufügen. Es gibt mehrere Möglichkeiten, dies zu tun:

– Verwenden Sie „+“ in der oberen Leiste oder an einer beliebigen Stelle im Editor

– Verwenden Sie den Schrägstrich „/“ und schreiben Sie anschließend das Wort „Bild“.

Es wird ein neuer Block erstellt, in dem Sie aktuelle Bilder hinzufügen können.

Hochladen von Bildern in WordPress

Wie platziere ich Bilder an der gewünschten Stelle?

• Verwenden Sie „Hochladen“ und wählen Sie ein Bild von Ihrer Festplatte aus
• Verwenden Sie die Medienbibliothek, in der Sie Bilder auswählen können, die bereits auf Ihre Website hochgeladen wurden
• Verwenden Sie die Maus und ziehen Sie das Bild per Drag & Drop
• Geben Sie die URL-Adresse des Bildes ein

Weniger bekannte Methode zum Hinzufügen von WordPress-Bildern

Neben dem Hochladen von Bildern über das Upload-Fenster, wie bereits erwähnt, gibt es eine andere Möglichkeit, Bilder einzufügen (und das ist so schnell!). Mit dem verbesserten WordPress-Editor können Sie:

• Bild aus beliebigem Inhalt kopieren, oder
• Ziehen Sie das Bild einfach mit dem Mauszeiger

Anschließend können Sie das ausgewählte Bild an die gewünschte Stelle im Inhaltsbereich einfügen oder verschieben (ablegen).

Die gleiche Technik können Sie auch verwenden, wenn Sie ein von Ihrem Bildschirm aufgenommenes Bild einfügen möchten. Es sind nur drei einfache Schritte erforderlich. Erste, Sie müssen einen Screenshot machen Verwenden der Funktion „Bildschirm drucken“. Beispielsweise stellt Windows 10 sein Standard-Snippet-Tool namens Snip & Sketch zur Verfügung, das auch über eine Tastenkombination verfügbar ist – drücken Sie einfach gleichzeitig die Tasten Win+Umschalt+S auf Ihrer Tastatur. Wählen Sie dann den Bildbereich aus, den Sie aufnehmen möchten. Der letzte Schritt besteht darin, das kopierte Bild (oder einen Teil davon) mit der einfachen Tastenkombination Strg+V in den Inhaltsbereich einzufügen.

Und was passiert mit dem WordPress-Bild, das Sie in Ihren Editor eingefügt haben? Nun, es wird automatisch zur Medienbibliothek hinzugefügt, wo Sie dieses Bild bearbeiten können.

Begrenzte Optionen für Bildmetadaten

In der Bildbearbeitung können Sie Titel, Bildunterschrift, Beschreibung und Alternativtext festlegen. Leider können Sie den Namen der Bilddatei nicht ändern – der automatisch generierte Name bleibt erhalten, z. B Bild-1.png usw. Diese Art von Dateinamen kann im Hinblick auf die SEO-Optimierung einen kleinen Nachteil darstellen, da sie mit den Empfehlungen zur Dateibenennung in Konflikt steht. Daher müssen Sie diesen Aspekt berücksichtigen, bevor Sie WordPress-Bilder in den Inhaltsbereich verschieben.

Bildausrichtung

Die Bildausrichtung ist eines der Hauptmerkmale. Unabhängig davon, ob Sie einen WordPress-Bildblock zu einem Beitrag oder einer Seite hinzufügen, sollten Sie immer die Platzierung je nach Website-Design berücksichtigen. Basierend darauf kann in der Symbolleiste darüber die Bildausrichtung ausgewählt werden. Standardmäßig können Sie das Bild links, rechts ausrichten oder zentrieren. Bei einigen WordPress-Themes können Bilder in der Breite oder in voller Breite zentriert werden. Es hängt wirklich von den Theme-Funktionen ab, da nicht alle Themes dies unterstützen.

Größenänderung von Bildern

Die revolutionäre Funktion des Bildblocks im WordPress-Editor ist die praktische Größenänderung. Ziehen Sie einfach an der Seite des Bildes, um es zu verkleinern oder zu vergrößern. Auf diese Weise können Sie die Bildgröße je nach Text im Inhalt anpassen. Der Editor behält die Bildproportionen automatisch bei, sodass Sie sich keine Sorgen über Verformungen machen müssen.

Neuer Blockstil, der ein Bild in eine Kreisform umwandelt

Wenn Sie die neueste verfügbare Version von WordPress verwenden, ist Ihnen möglicherweise ein neuer Stil zum Zuschneiden von Kreisen aufgefallen, den Sie für Ihr Bild verwenden können. Die Form des Bildes kann über die obere Symbolleiste geändert werden, indem Sie auf das erste Symbol „Blocktyp oder -stil ändern“ klicken. Die Standardform (Rechteck) wird in eine Kreisform geschnitten.

Neue Funktionen im WordPress-Bilderblock (hinzugefügt in WP 5.3)

Unterstützung für hochauflösende Bilder

Eines der größten Highlights von WP 5.3 ist die verbesserte Bildverarbeitung auf der WordPress-Plattform. Die Arbeit mit Bildern verfügt nun über zwei Hauptfunktionen:

1. Fortsetzen des Hochladens – Wenn Sie hochauflösende Fotos hochladen und die Internetverbindung ausfällt, wird der Hochladevorgang automatisch an der unterbrochenen Stelle fortgesetzt
2. Automatische Bilddrehung – die neueste veröffentlichte WP-Version stellt sicher, dass falsch gedrehte Bilder beim Hochladen automatisch in die richtige Position gedreht werden

Einstellungen im Inspektor

Um die genauen Abmessungen zu konfigurieren, können Sie den Inspektor in der rechten Seitenleiste im Editor verwenden. Die Bildgrößeneinstellungen bieten gebrauchsfertige Formate wie Miniaturansicht, mittlere, große oder volle Größe. Sie können die Breite und Höhe natürlich in Pixeln oder Prozentsätzen festlegen.

Es ist sehr schnell und praktisch, da Sie alle Bildgrößenänderungen direkt im WordPress-Bilderblock und alles an einem Ort im Blockeditor vornehmen können.

Andere Bilder blockieren Einstellungen

So fügen Sie eine URL-Adresse hinzu

Bilder können als statische Bilder verwendet werden oder auch anklickbar sein und verlinken auf:

•   Mediendatei
•   Anhangseite
•   eigene URL

So bearbeiten Sie Bilder im WordPress-Bildblock

Jedes Bild kann nach einem Klick auf das Stiftsymbol bearbeitet werden. Es öffnet sich ein modales Fenster mit der Medienbibliothek, in dem Sie Alternativtext, Titel, Bildunterschrift und Beschreibung eingeben können. Auf die gleiche Weise, wie Sie es bereits von älteren WordPress-Versionen mit dem klassischen Editor gewohnt sind.

Warum ist es wichtig, diese Texte ausfüllen zu lassen?

Wenn Besucher auf das Bild klicken, um es größer zu sehen, sehen sie den Bildtitel (z. B. Citadela-Homepage) und nicht den Dateinamen des Bildes. Sollte beim Laden des Bildes ein Problem auftreten, wird außerdem alternativer Text auf Ihrer Website angezeigt.

Zusätzliche Tipps

Neben all diesen Gründen und Einstellungen für WordPress-Bilderblöcke gibt es das Wichtigste. Mithilfe von Bildern könnten Sie mehr Besucher auf Ihre Website gewinnen. Wie bekommt man sie also?

Heutzutage sind die Leute faul zum Lesen. Sie ziehen es vor, in den Bildern nach unten zu scrollen, um Antworten zu finden. Wie kommt es, dass Ihre Fotos und Bilder einen Rang erreichen? Texte sind die Antwort. Sehr wichtig für die SEO-Optimierung ist der perfekte Bildtitel und die perfekte Beschreibung. Vergessen Sie nicht, Alternativtext einzugeben. Dann kann Google das Bild besser verstehen. Sie hätten also eine höhere Chance, es in den Bildsuchergebnissen zu platzieren.

2 Möglichkeiten, Bildunterschriften hinzuzufügen

Das Hinzufügen von Bildunterschriften ist mit dem Blockeditor sehr einfach. Direkt unter dem Bild befindet sich ein Platz zum Schreiben von Text. Dies ist die erste Möglichkeit – die Beschriftung wird genau zu diesem Bild auf der jeweiligen Unterseite geschrieben.

Die zweite Möglichkeit besteht darin, eine Bildunterschrift mit dem Stiftsymbol (Bild bearbeiten) in der Medienbibliothek zu schreiben. Auf diese Weise fügen Sie Bildunterschriften global auf der gesamten Website hinzu. Das heißt, wenn Sie dasselbe Bild an drei verschiedenen Stellen verwenden, wird immer diese Bildunterschrift verwendet.

Gefällt Ihnen, wie einfach es ist, Bilder im WordPress-Bildblock hinzuzufügen? Probieren Sie es selbst aus!

Erfahren Sie mehr über unser brandneues Citadela WordPress-Theme und seine maßgeschneiderten Layout-Pakete. Sie wurden speziell für verschiedene Arten von Unternehmen entworfen und entwickelt und unterstützen auch die neue Art der Inhaltsbearbeitung über den WordPress-Blockeditor.