Um in einen Beitrag oder auch auf einer Seite eine Galerie einzufĂŒgen, greifen viele User zu Plugins. Oft ist dies aber nicht notwendig und es ist auch kein neues PhĂ€nomen. Vor fast drei Jahren hat Vladimir, in seinem Beitrag WordPress fĂŒr Einsteiger: Bildergalerie-Funktion: leistungsfĂ€hig und unterschĂ€tzt bereits darĂŒber geschrieben.
Mittlerweile hat sich viel getan und so ist nicht mehr der TinyMCE der Standard-Editor von WordPress, sondern Gutenberg.
Was sich aber nicht geĂ€ndert hat, ist, dass die Galerie-Funktion von WordPress selber immer noch unterschĂ€tzt wird. In den wenigsten FĂ€llen muss man auf Plugins zurĂŒckgreifen. Aus diesem Grund möchte ich euch die native Galerie-Funktion nĂ€her vorstellen.
Galerie-Block einfĂŒgen
Der Gutenberg-Editor hat hierfĂŒr einen eigenen Galerie-Block. Diesen kann man auf unterschiedliche Weise einfĂŒgen.
- Mit dem Shortcode /g öffnet sich ein Dropdown-Feld, das alle Blöcke mit “g” anzeigt, hier kann der Galerie-Block bequem ausgewĂ€hlt werden.
- In der Ăbersicht findet ihr den Galerie-Block in der Kategorie “Allgemein Blöcke” und könnt ihn dort auswĂ€hlen.
Wenn Ihr den Galerie-Block in Euren Beitrag oder Eure Seite eingefĂŒgt hat, mĂŒsst Ihr zunĂ€chst die Bilder auswĂ€hlen, die Teil der Galerie werden sollen. Diese können nun entweder hochgeladen oder aus der Mediathek ausgewĂ€hlt werden.
Galerie-Bilder anpassen
Hat man die gewĂŒnschten Bilder ausgewĂ€hlt, werden sie in die Galerie geladen. Und dann beginnen die Anpassungen.
Jedes einzelne Bild kann beschriftet werden und auch ein Sortierung der Bilder ist möglich. Dazu klickt man das gewĂŒnschte Bild einfach an.
Das ausgewĂ€hlte Bild kann man nun verschieben, indem man auf einen der Pfeile (rechts/links) klickt. Eine Beschriftung kann man einfĂŒgen, indem man auf den Platzhaltertext “Schreibe eine Beschriftung…” klickt. Die Beschriftung kann auch formatiert und/oder verlinkt werden. Möchte man ein Bild aus der Galerie entfernen, klickt man auf das X, das sich oben rechts auf dem Bild befindet.
Galerie anpassen
Auch die Galerie selber kann eine Beschriftung erhalten und es ist selbstverstĂ€ndlich auch möglich noch zusĂ€tzliche Bilder in die Galerie einzufĂŒgen.
DafĂŒr klickt man einfach auf den Button “Hochladen” oder “Mediathek”, falls man die gewĂŒnschten Bilder schon vorher in die WordPress-Mediathek hoch geladen hat.
Je nach Template kann so eine Galerie, wie auch alle anderen Blöcke, ausgerichtet werden bzw. ĂŒber die weite oder gesamte Breite der Seite gehen.
Um nun die Galerie als solche nach seinen Vorstellungen zu gestalten, nutzt man die Optionen des Galerie-Blocks, die am rechten Bildschirmrand aufgelistet sind.
Bei den Galerie-Einstellungen kann zunĂ€chst die Anzahl der Spalten ausgewĂ€hlt werden. Falls die Bilder in ihrer OriginalgröĂe bzw. im SeitenverhĂ€ltnis nicht alle identisch sind, so ist die Option “Bilder zuschneiden” praktisch um eine gleichmĂ€Ăige Optik zu erzielen.
Man kann die einzelnen Bilder zudem verlinken und hat dabei die Möglichkeit zwischen Anhang-Seite und Medien-Datei zu wÀhlen. Auf der Anhang-Seite erscheint auch die Beschreibung, die man einem Bild in der Mediathek gegeben hat.
Hast du genug Zeit und MuĂe dich ausreichend, um deine WordPress-Installation zu kĂŒmmern? Falls nicht oder falls du anderweitig UnterstĂŒtzung bei der Wartung deiner Website benötigst, kontaktiere uns. Wir bieten WartungsvertrĂ€ge schon fĂŒr monatlich ab 39,- Euro + USt.
So wie bei allen anderen Blöcken auch, könnt Ihr auch dem Galerie-Block eine eigene Klasse zuweisen. Somit kann man mit Hilfe von CSS auch noch diverse Anpassungen vornehmen.
Ausblick
Seit Gutenberg 7.2 kann man auch die BildgröĂe festlegen, eine Möglichkeit, die also in zukĂŒnftigen WordPress-Installationen auch zur VerfĂŒgung stehen wird. Und wenn man sich anschaut wie sich der Bild-Block entwickelt hat, bin ich mir sicher, dass auch hier noch mehr kommen wird.
Ich könnte mir zum Beispiel vorstellen, dass irgendwann auch eine Slider-Funktion Teil des Standard-Galerie-Blocks sein wird.
Image(s) licensed by Ingram Image/adpic.
Ich habe auf https://wp-dojo.de/ zusĂ€tzlich noch https://go-around.de/blog/gutenberg-gallery-lightbox/ fĂŒr eine Lightbox am laufen.
Ich bin inzwischen sehr vorsichtig mit dem Gallery-Block von Gutenberg. Das Problem das ich habe, ist, daĂ nicht etwa die kleinsten Bilder angezeigt werden, wenn ich die Anzahl der Spalten ĂŒber den Schieberegler Ă€ndere. Nein, es werden “kleingestauchte” 600 Pixel Bilder angezeigt.
Hallo Mark,
genau dieses Problem wird es in Zukunft nicht mehr geben, denn dann kann man auswĂ€hlen welche BildgröĂe als Grundlage fĂŒr die angezeigten dienen soll.
Super, wenn das gefixt wird. Mich wunderts nur, daĂ man an sowas nicht denkt, bevor man Gutenberg auf Millionen User loslĂ€sst. Es ist halt echt frustrierend, wenn man einen Beitrag mit mehreren Galerien hat, die ihn dann auf ĂŒber 20 MB aufblĂ€hen, und man nichts dagegen tun kann.
Kann man denn mit der bordeigenen Galerie auch zwischen den Bildern blĂ€ttern, wenn man eins der Bilder anklickt, das heiĂt, wenn das angeklickte Bild geöffnet wird, dass man dann gleich zur GroĂansicht des nĂ€chsten Bildes kommt?