WordPress für Einsteiger: Galerie-Funktion: leistungsfähig und unterschätztsteemCreated with Sketch.

in steempress •  6 years ago  (edited)

Dass man mit WordPress Bilder in Beiträge und Seiten einfügen kann, ohne dass man dabei auf Plugins zurückzugreifen muss, ist natürlich bekannt. Es scheint aber weniger bekannt zu sein, dass man auch Galerien mit WordPress-eigenen Mitteln einfügen kann, wie ich ab und an in manchen Kunden-Installationen feststellen musste.

Leider denken erstaunlich viele Website-Betreiber, dass man für die Präsentation von Galerien spezielle Plugins benötigt. Das führt in der Praxis oft zum Einsatz von völlig überdimensionierten Plugins, die Nutzer in der Bedienung oft überfordern und letztlich dazu führen, dass man Galerien als etwas "wahnsinnig kompliziertes" ansieht, das man besser nicht nutzt.

Das ist sehr schade, denn Galerien sind eine zusätzliche und manchmal sehr praktische Möglichkeit Bilder zu präsentieren.

Galerie-Plugins haben selbstverständlich ihre Berechtigung, und insbesondere das weit verbreitete Plugin NextGEN Gallery bietet viele Möglichkeiten Galerien zu erstellen, zu verwalten und zu präsentieren, aber für die meisten Bedürfnisse bietet das Plugin, meiner Meinung nach, zu viel. Die WordPpress-eigene Galerie-Funktion reicht meist aus.

Galerien erstellen

Nun schauen wir uns die konkreten Schritte an, die notwendig sind um in WordPress mit Bordmitteln eine Bildergalerie einzubinden.

Bilder auswählen

Möchtest du in einem Beitrag mehrere Bilder in einer Galerie – also zusammenhängend – einfügen, so musst du die gewünschten Bilder zunächst auswählen. Dies geschieht entweder in der Mediathek oder aber unmittelbar nach dem Hochladen von Bildern. Dann klickst du links auf den Link Galerie erstellen.


Bilder für eine Galerie auswählen

Im gleichen Schritt hast du auch die Möglichkeit, den einzelnen Bildern die individuellen Informationen zu vergeben: alt-Text, eine Beschriftung und eine Beschreibung – den Text für die Anhang-Seite. Hierfür musst du das jeweilige Bild aktivieren bzw. anklicken.


Informationen der einzelnen Bilder in der Galerie anpassen

Nun bestätigst du das ganze in dem du auf den Button Neue Galerie erstellen rechts unten klickst. In diesem Schritt kannst du nicht nur die Galerie-Einstellung anpassen sondern auch, falls du es im vorherigen Schritt vergessen hast, rechts unterhalb der Einstellungen die Information der einzelnen Bilder anpassen:


Die Galerie-Einstellungen bearbeiten

Als erstes hast du die Möglichkeit mit dem Klick auf den entsprechenden Button die Sortierung der Bilder umzukehren. Du kannst die die Bilder natürlich auch per klicken und ziehen sortieren.

Rechts daneben entscheidest du ob das einzelne Bild verlinkt sein soll und falls ja auf was. Zur Auswahl stehen die Datei selber oder auf eine Anhang-Seite. Die Standardeinstellung ist Anhang-Seite.

Auf die Datei zu verlinken lohnt es sich nur wenn das Bild auch wirklich größer ist als das Bild in der Galerie. Es ist sehr ärgerlich auf ein verlinktes Bild zu klicken nur um dann auf das gleichgroße Bild zu gelangen. Eine Anhang-Seite mit dem Bild ist empfehlenswert, wenn das Bild einen längeren Begleittext hat.

Darüber hinaus kann man einstellen, wie viele Spalten die Galerie hat, ob es eine zufällige Sortierung geben soll und welche Bildergröße eingebunden werden soll. Welche Bildergrößen zur Verfügung stehen ist abhängig davon, was du in EinstellungenMedien eingestellt hast und ob nicht durch Anpassungen in der functions.php oder durch Plugins zusätzliche Bildergrößen. Die Bildergrößen der Einzelbilder stehen auch den Bildern in den Galerien zur Verfügung.

Wenn du fertig bist, dann wird das ganze in den Beitrag oder Seite eingefügt in dem du auf den Button Galerie einfügen, rechts unten klickst.

Darstellung im Text- und im visuellen Editor


Im Text-Editor schaut die Einbindung der Galerie bzw. des Galerie-Shortcodes dann in Abhängigkeit der getätigten Einstellungen folgendermaßen aus:

[gallery link="file" columns="2" ids="12104,12103,12102"]

Diese Shortcode kannst du natürlich manuell anpassen. Du könntest link="file" in link="none" umändern und dadurch erreichen, dass es keine Verlinkung gibt oder du könntest die Anzahl der Spalten ändern, Bilder entfernen oder hinzufügen in dem du die entsprechend die Angabe der Bilder-IDs manipulierst. Die Dokumentation des gallery-Shortcodes findest du in der offiziellen Dokumentation.

Die eingefügten Galerien kannst du im visuellen Editor ebenfalls bearbeiten. Einfach die Galerieund dann das Stift-Icon anklicken:


Galerie im visuellen Editor bearbeiten

Danach gelangst du in die schon beschriebenen Schritte wo du die Galerie-Einstellungen und die Informationen zu den einzelnen Bildern bearbeiten kannst.


Aus meinem Weblog via SteemPress publiziert.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  



Merry Christmas, enjoy the vote!

Hey, Du wurdest von @altobot gevotet!

Guten Tag,

Mein Name ist GermanBot und du hast von mir ein Upvote erhalten. Als UpvoteBot möchte ich dich und dein sehr schönen Beitrag unterstützen. Jeden Tag erscheint ein Voting Report um 19 Uhr, in dem dein Beitrag mit aufgelistet wird. In dem Voting Report kannst du auch vieles von mir erfahren, auch werden meine Unterstützer mit erwähnt. Schau mal bei mir vorbei, hier die Votings Reports. Mach weiter so, denn ich schaue öfter bei dir vorbei.

Euer GermanBot

This post has received a 3.13 % upvote from @drotto thanks to: @patternbot.

Hi @vladimir-simovic!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.088 which ranks you at #3315 across all Steem accounts.
Your rank has improved 13 places in the last three days (old rank 3328).

In our last Algorithmic Curation Round, consisting of 192 contributions, your post is ranked at #59.

Evaluation of your UA score:
  • Some people are already following you, keep going!
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server