{"id":2735,"date":"2022-07-28T11:07:05","date_gmt":"2022-07-28T09:07:05","guid":{"rendered":"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\/?page_id=2735"},"modified":"2026-05-06T15:54:25","modified_gmt":"2026-05-06T13:54:25","slug":"bildergalerie","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/bildergalerie\/","title":{"rendered":"Bildergalerie"},"content":{"rendered":"<jgu-base-pageheader react-props=\"{\n    &quot;items&quot;: [\n        {\n            &quot;box&quot;: {\n                &quot;index&quot;: &quot;&quot;,\n                &quot;title&quot;: &quot;Bildergalerie&quot;,\n                &quot;link&quot;: {\n                    &quot;url&quot;: &quot;&quot;,\n                    &quot;title&quot;: &quot;learn more&quot;\n                }\n            },\n            &quot;color&quot;: &quot;default&quot;,\n            &quot;image&quot;: {\n                &quot;url&quot;: &quot;&quot;\n            },\n            &quot;imgCredit&quot;: &quot;&quot;,\n            &quot;video&quot;: false\n        }\n    ],\n    &quot;type&quot;: &quot;border&quot;,\n    &quot;align&quot;: &quot;full&quot;,\n    &quot;quicklinks&quot;: {\n        &quot;show&quot;: false,\n        &quot;selects&quot;: []\n    },\n    &quot;useBreadcrumb&quot;: false\n}\">\n<\/jgu-base-pageheader>\n\n\n<p class=\"has-big-font-size\">Die Bildergalerie ist der schnellste Weg, eine Gruppe von Bildern in einem Rutsch zu ver\u00f6ffentlichen.<\/p>\n\n\n<jgu-base-anchornavigation react-props=\"{\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;theme&quot;: &quot;white&quot;\n}\">\n    \n<\/jgu-base-anchornavigation>\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"bildergalerie-neu-anlegen\"\n\tdata-label=\"Bildergalerie neu anlegen\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;heading&quot;: &quot;Bildergalerie neu anlegen&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Obwohl es nur einen Block gibt, haben die Bildergalerien ein ganz unterschiedliches Aussehen. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicken Sie auf den Block Bildergalerie<\/li>\n\n\n\n<li>Laden Sie Bilder hoch (kleiner als 2560px sonst wird ihr Bild beim Hochladen verkleinert!) oder<\/li>\n\n\n\n<li>W\u00e4hlen Sie die Bilder aus der Mediathek aus<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Neue Galerie erstellen<\/strong><\/li>\n\n\n\n<li>Galerie bearbeiten: hier w\u00e4hlen Sie die Reihenfolge und bearbeiten folgende Zusatzfelder, dies k\u00f6nnen Sie sp\u00e4ter jederzeit wieder aufrufen. \n<ul class=\"wp-block-list\">\n<li>Der <strong>Titel<\/strong> des Bildes erscheint, sobald Sie mit dem Mauszeiger \u00fcber dem Bild oder dem Thumbnail, also des verkleinerten Bildes verharren. <\/li>\n\n\n\n<li> Untertitel\/Captions erscheinen unter dem Bild<\/li>\n\n\n\n<li>Die Beschreibung wird nicht angezeigt.<\/li>\n\n\n\n<li><strong>Image Credit<\/strong> \/ Bildnachweis: wer hat das Bild gemacht, bei wem liegen die Verwertungsrechte.<\/li>\n\n\n\n<li>Der Alternativtext erscheint nur wenn keine Bilder geladen werden<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Galerie einf\u00fcgen<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"has-big-font-size\">Wenn in einer Bildergalerie Untertitel verlorengegangen sind, finden Sie eine Anleitung zur Wiederherstellung unter der \u00dcberschrift &#8218;Untertitel in Bildergalerien erg\u00e4nzen\/wiederherstellen&#8216; auf dieser Seite<\/p>\n\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"block-einstellungen\"\n\tdata-label=\"Block Einstellungen\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;heading&quot;: &quot;Block Einstellungen&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">\u00dcber den Doppel-Dreieckspfeil gelangen Sie in den Bearbeitungsmodus der Galerie zur\u00fcck.<\/p>\n\n\n<jgu-base-alertbox react-props=\"{\n    &quot;headline&quot;: &quot;Nach dem Bearbeiten der Untertitel der Bildergalerie im Medienbereich FEHLEN diese \\u00c4nderungen im Editor!&quot;,\n    &quot;subline&quot;: &quot;Dies ist scheinbar so, da die neuen Daten erst erneut dargestellt werden, nachdem Sie die Galerie gespeichert und im Browser neu geladen haben!&quot;,\n    &quot;icon&quot;: &quot;exclamation-triangle-solid&quot;,\n    &quot;iconColor&quot;: &quot;red&quot;,\n    &quot;iconOverHeadline&quot;: true,\n    &quot;headlineColor&quot;: &quot;dark&quot;,\n    &quot;children&quot;: &quot;&quot;,\n    &quot;isPreview&quot;: false\n}\">\n    \n<\/jgu-base-alertbox>\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"einstellungen-in-der-sidebar\"\n\tdata-label=\"Einstellungen in der Sidebar\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h2&quot;\n    },\n    &quot;heading&quot;: &quot;Einstellungen in der Sidebar&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Bestimmen Sie, ob es <strong>Thumbnails<\/strong> (kleine Voransichten) geben soll, und wo sie angezeigt werden sollen (oben, unten, rechts, links). <\/p>\n\n\n\n<p class=\"has-big-font-size\"><strong>Full Screen<\/strong>: damit wird die Galerie auf die Fensterbreite ausgedehnt.<\/p>\n\n\n\n<p class=\"has-big-font-size\"><strong> Images per Page<\/strong>: lassen Sie den Standard, also 1, dann wird das erste Bild gro\u00df dargestellt und es existieren Thumbnails. Bei der Einstellung ab 2 wird die Galerie als Slider angezeigt.<\/p>\n\n\n\n<p class=\"has-big-font-size\"><strong>Aspect Ratio<\/strong>: wie soll das Seitenverh\u00e4ltnis (4\/3, 16\/9, 9\/16, also hochkant) sein. Bei wechselnden Proportionen, also hochkant und quer in einer Bildergalerie ist der einzig sinnvolle Eintrag <strong>auto<\/strong>. <\/p>\n\n\n\n<p class=\"has-big-font-size\">Der Wert <strong>Breite<\/strong> \/ Width gilt f\u00fcr die gesamte Galerie in der Seite, nicht f\u00fcr ein einzelnes Bild.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Seltener ben\u00f6tigte Einstellungen f\u00fcr die gesamte Galerie finden Sie unter der Bezeichnung <strong>Erweitert<\/strong>.<br><br> Hier gibt es die Einstellungen <br>Hide credit = Bildnachweis ausblenden,<br>Hide caption = Bildbeschriftung ausblenden,<br>Dark background = Dunkler Hintergrund. <br>Im Feld <strong>Image Title<\/strong> kann man den Bildtitel aus der Mediathek einblenden (oder im Feld darunter einen eigenen Title eingeben). Der Bildtitel wird eingeblendet.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Wenn Sie die Bildgr\u00f6\u00dfe auf 1 setzen, k\u00f6nnen Sie die erweiterten Eigenschaften jedes Bildes auch hier anstatt in dem Bereich Galerie bearbeiten setzen.<\/p>\n\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"untertitel-erganzen\"\n\tdata-label=\"Untertitel erg\u00e4nzen\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h2&quot;,\n        &quot;classTag&quot;: &quot;h3&quot;,\n        &quot;tag&quot;: &quot;h2.h3&quot;\n    },\n    &quot;heading&quot;: &quot;Untertitel in Bildergalerien erg\\u00e4nzen\\\/wiederherstellen&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Durch das Refactoring der Blockelemente sind leider in vielen F\u00e4llen die Untertitel der Bildergalerien verlorengegangen. Die Untertitel k\u00f6nnen Sie ggf. wiederherstellen, indem Sie diese aus Ihrer Website auf cms-stage.zdv.uni-mainz.de kopieren. Die Adresse Ihrer Website auf cms-stage.zdv.uni-mainz.de hat den gleichen &#8218;Slug&#8216; wie ihre neue Website, also z.B. cms-stage.zdv.uni-mainz.de\/(hier der slug Ihrer Website)\/wp-admin . <\/p>\n\n\n\n<p class=\"has-big-font-size\">Wenn Sie dort die alte Seite mit einer Bildergalerie aufrufen, werden die Untertitel dort noch angezeigt. Sie k\u00f6nnen die Texte der Untertitel dann kopieren, indem Sie \u00fcber die 3 Punkte oben rechts in den Code-Editor wechseln und den Text einfach kopieren (STRG + C).<br>\u00d6ffnen Sie dann am Besten Ihre normale Website, auf der die Untertitel noch erg\u00e4nzt werden m\u00fcssen, in einem separaten Fenster und rufen Sie dort im Dashboard die Bildergalerie auf. Sie k\u00f6nnen dann dort auf ein einzelnes Bild klicken und dort den Untertitel im Feld &#8218;Untertitel&#8216; (engl.: Image Caption) in der rechten Spalte erg\u00e4nzen.<br>Dann auf den Button &#8218;Speichern&#8216; klicken und die Seite in der normalen Oberfl\u00e4che ansehen, um zu pr\u00fcfen, ob die Unterschrift jetzt angezeigt wird.<br>In der Editor-Ansicht m\u00fcsste die Seite nach dem Speichern neu geladen werden (Taste F5), um den Untertitel dort auch wieder anzuzeigen.<\/p>\n\n\n<div\n\tclass=\"jgu-anchorpoint\"\n\tid=\"bildergalerien-in-sprachvarianten\"\n\tdata-label=\"Bildergalerien in Sprachvarianten\"\n\tdata-hide-in-nav=\"false\"\n\ttabindex=\"0\"\n\tdata-initial-scroll=\"true\"\n><\/div>\n\n\n<jgu-base-heading react-props=\"{\n    &quot;tags&quot;: {\n        &quot;htmlTag&quot;: &quot;h3&quot;,\n        &quot;classTag&quot;: &quot;&quot;,\n        &quot;tag&quot;: &quot;h3&quot;\n    },\n    &quot;heading&quot;: &quot;Bildergalerien in Sprachvarianten&quot;,\n    &quot;textAlign&quot;: &quot;left&quot;,\n    &quot;anchor&quot;: &quot;&quot;,\n    &quot;index&quot;: &quot;&quot;,\n    &quot;color&quot;: &quot;red&quot;\n}\"><\/jgu-base-heading>\n\n\n\n<p class=\"has-big-font-size\">Bilder (und alle anderen Inhalte in der Mediathek) werden automatisch f\u00fcr die Sprachvariante verdoppelt, wenn f\u00fcr Ihr WordPress-Projekt eine Sprachvariante existiert. Die Verdoppelung sieht man, wenn man in der Mediathek oben bei der Sprachauswahl auf &#8218;All Languages&#8216; \/ &#8218;Alle Sprachen&#8216; ausw\u00e4hlt.<\/p>\n\n\n\n<p class=\"has-big-font-size\"><strong>Der Block &#8218;Bildergalerie&#8216; allerdings kann nicht mit WPML \u00fcbersetzt werden.<\/strong> <br>Bevor Sie Seiten mit Bildern \u00fcbersetzen, m\u00fcssen Sie eine Entscheidung treffen: Wenn Sie einfach nur die gleichen Bilder in beiden Sprachen haben wollen, dann ist dies problemlos.<\/p>\n\n\n\n<p class=\"has-big-font-size\">M\u00f6chten Sie allerdings Bildnachweise und Captions (Beschriftungen) ins englische \u00fcbertragen, dann m\u00fcssen Sie vor dem \u00dcbersetzen in der rechten Seitenleiste im Feld Sprachen die Medien kopieren, indem Sie bei<\/p>\n\n\n\n<p class=\"has-big-font-size\"><strong>Medienanh\u00e4nge<\/strong> &gt; <strong>Hochgeladene Medien f\u00fcr \u00dcbersetzungen duplizieren<\/strong> anhaken.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Das Problem dabei ist, da\u00df Sie danach die Bildergalerie mit dem WordPress Editor \u00e4ndern m\u00fcssen. Das wiederum f\u00fchrt dazu, da\u00df Sie nicht mehr die automatische \u00dcbersetzung per ATE und DEEPL verwenden k\u00f6nnen. Es empfiehlt sich also, Bildergalerien in diesem Fall auf eine eigene Seite mit m\u00f6glichst wenig weiterem Text auszulagern.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Die Bildergalerie wird 1:1 \u00fcbertragen. Sie , die Beschriftungen sind die deutschen Beschriftungen und wenn Sie sie \u00e4ndern, dann \u00e4ndern sich auch die Beschriftungen in der deutschen Variante. Im ATE sehen Sie keine dieser Texte.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Die folgende Anleitung geht davon aus, da\u00df Sie bereits alle n\u00f6tigen Bilder in der deutschen Variante in die Medien geladen haben und die Medienanh\u00e4nge dupliziert haben.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Im Adminbar auf die englische Sprache wechseln. <\/li>\n\n\n\n<li>In Dashboard &gt; Medien finden Sie die Bilder <\/li>\n\n\n\n<li>Diese Bilder sind Kopien der Bilder aus der deutschen Sprachversion<\/li>\n\n\n\n<li>Alternative Text und Caption (Beschriftung) im jeweiligen Feld \u00fcbersetzen.<\/li>\n\n\n\n<li>Jeweils mit Update best\u00e4tigen.<\/li>\n\n\n\n<li>WPML warnt, best\u00e4tigen Sie, da\u00df Sie trotzdem bearbeiten wollen.<\/li>\n\n\n\n<li>Deutsche Galerie auf der englischen Seite l\u00f6schen<\/li>\n\n\n\n<li>Neue Galerie einf\u00fcgen<\/li>\n\n\n\n<li>Bilder hinzuf\u00fcgen \u2013 voil\u00e0<\/li>\n<\/ol>\n\n\n\n<p class=\"has-big-font-size\">Beispiel f\u00fcr eine <a href=\"https:\/\/zdv.uni-mainz.de\/service\/cms\/block-editor-bildergalerie\/\" target=\"_blank\" rel=\"noreferrer noopener\">zweisprachige Bildergalerie mit duplizierten Medienanh\u00e4ngen und englischer  Beschriftung.<\/a><\/p>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n\n\n<jgu-base-imagegallery react-props=\"{\n    &quot;images&quot;: [\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/spillplaz.jpg&quot;,\n            &quot;id&quot;: 114816,\n            &quot;title&quot;: &quot;Opgepasst&quot;,\n            &quot;caption&quot;: &quot;Opgepasst&quot;,\n            &quot;width&quot;: 1024,\n            &quot;height&quot;: 768,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/spillplaz.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/spillplaz-300x225.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/spillplaz-768x576.jpg 768w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/spillplaz.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch.jpg&quot;,\n            &quot;id&quot;: 114753,\n            &quot;title&quot;: &quot;wasgau-elwetritsch&quot;,\n            &quot;width&quot;: 512,\n            &quot;height&quot;: 683,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch.jpg 512w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch-225x300.jpg 225w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_13-eco-car-scaled.jpg&quot;,\n            &quot;id&quot;: 113793,\n            &quot;alt&quot;: &quot;Ein verrostetes Schrottauto ganz gr\\u00fcn \\u00fcberwachsen&quot;,\n            &quot;caption&quot;: &quot;Friedhof&quot;,\n            &quot;credit&quot;: &quot;Anja Slowinski&quot;,\n            &quot;title&quot;: &quot;Webseiten - eine ewige Baustelle - neu sind sie inhaltsleer - sind sie perfekt, sind sie veraltet&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_13-eco-car-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-scaled.jpg&quot;,\n            &quot;id&quot;: 113787,\n            &quot;alt&quot;: &quot;Ein Pferd von einem Karussel saust vorbei&quot;,\n            &quot;caption&quot;: &quot;The Circle Game&quot;,\n            &quot;title&quot;: &quot;2019-02-03_17-carousel-horse&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_17-carousel-horse-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg&quot;,\n            &quot;id&quot;: 113781,\n            &quot;alt&quot;: &quot;Um den Marmorkopf eines Pferdes ranken Farne&quot;,\n            &quot;caption&quot;: &quot;Equus romanus&quot;,\n            &quot;credit&quot;: &quot;Anja Slowinski&quot;,\n            &quot;title&quot;: &quot;2019-02-03_20-marmor-pferdekopf&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg&quot;,\n            &quot;id&quot;: 113775,\n            &quot;alt&quot;: &quot;Eine extrembelichtete Malvenbl\\u00fcte&quot;,\n            &quot;caption&quot;: &quot;Malve&quot;,\n            &quot;title&quot;: &quot;2019-02-03_42-malve&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_42-malve-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-scaled.jpg&quot;,\n            &quot;id&quot;: 113769,\n            &quot;alt&quot;: &quot;Die Gl\\u00fcckskatze pirscht durch den Garten. Ein sch\\u00f6nes Bild f\\u00fcr einen Nutzer, der sich einem neuen Thema n\\u00e4hert.&quot;,\n            &quot;caption&quot;: &quot;Kathe auf der Pirsch&quot;,\n            &quot;credit&quot;: &quot;A. Slowinski&quot;,\n            &quot;title&quot;: &quot;Katze  auf der Pirsch&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_53-pinky-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-scaled.jpg&quot;,\n            &quot;id&quot;: 113763,\n            &quot;alt&quot;: &quot;Extrem belichtete Blumenwiese.&quot;,\n            &quot;caption&quot;: &quot;Dans le jardin d&#039;mon pere&quot;,\n            &quot;credit&quot;: &quot;Anja Slowinski&quot;,\n            &quot;title&quot;: &quot;Der Titel des Bilds in der Mediathek&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_48-blumen-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-scaled.jpg&quot;,\n            &quot;id&quot;: 113757,\n            &quot;alt&quot;: &quot;Ein bunter Verkaufsstand f\\u00fcr Taubenfutter&quot;,\n            &quot;caption&quot;: &quot;Fat Pigeons! Feed the birds :-)&quot;,\n            &quot;credit&quot;: &quot;Anja Slowinski&quot;,\n            &quot;title&quot;: &quot;2019-02-05_12-pigeon-food&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-05_12-pigeon-food-scaled.jpg&quot;\n        }\n    ],\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;withThumbs&quot;: true,\n    &quot;thumbsPosition&quot;: &quot;right&quot;,\n    &quot;initSlide&quot;: 1,\n    &quot;aspectRatio&quot;: &quot;16-9&quot;,\n    &quot;screenwidth&quot;: false,\n    &quot;width&quot;: &quot;100cqw&quot;,\n    &quot;perPage&quot;: 1\n}\">\n\n<\/jgu-base-imagegallery>\n\n\n\n<p class=\"has-big-font-size\">Bildergalerie mit Bildern in gemischten Seitenverh\u00e4ltnissen<\/p>\n\n\n<jgu-base-imagegallery react-props=\"{\n    &quot;images&quot;: [\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis.jpg&quot;,\n            &quot;id&quot;: 117561,\n            &quot;caption&quot;: &quot;Seitenverh\\u00e4ltnis Test&quot;,\n            &quot;credit&quot;: &quot;caption bildverh\\u00e4ltnisse slowi&quot;,\n            &quot;title&quot;: &quot;seitenverhaeltnis&quot;,\n            &quot;width&quot;: 1920,\n            &quot;height&quot;: 1080,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis.jpg 1920w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis-300x169.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis-1024x576.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis-768x432.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis-1536x864.jpg 1536w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/seitenverhaeltnis.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox.png&quot;,\n            &quot;id&quot;: 117423,\n            &quot;caption&quot;: &quot;Schmal&quot;,\n            &quot;title&quot;: &quot;mobil-network-throttling-firefox&quot;,\n            &quot;width&quot;: 1674,\n            &quot;height&quot;: 206,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox.png 1674w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox-300x37.png 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox-1024x126.png 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox-768x95.png 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox-1536x189.png 1536w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/09\\\/mobil-network-throttling-firefox.png&quot;\n        },\n        {\n            &quot;url&quot;: null,\n            &quot;id&quot;: 10061\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP.png&quot;,\n            &quot;id&quot;: 114312,\n            &quot;title&quot;: &quot;classicEditorWP&quot;,\n            &quot;width&quot;: 574,\n            &quot;height&quot;: 92,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP.png 574w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP-300x48.png 300w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP.png&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP-1.png&quot;,\n            &quot;id&quot;: 114324,\n            &quot;title&quot;: &quot;classicEditorWP-1&quot;,\n            &quot;width&quot;: 562,\n            &quot;height&quot;: 47,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP-1.png 562w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP-1-300x25.png 300w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/classicEditorWP-1.png&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg&quot;,\n            &quot;id&quot;: 113781,\n            &quot;alt&quot;: &quot;Um den Marmorkopf eines Pferdes ranken Farne&quot;,\n            &quot;caption&quot;: &quot;Equus romanus&quot;,\n            &quot;credit&quot;: &quot;Anja Slowinski&quot;,\n            &quot;title&quot;: &quot;2019-02-03_20-marmor-pferdekopf&quot;,\n            &quot;width&quot;: 2560,\n            &quot;height&quot;: 1707,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg 2560w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-300x200.jpg 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1024x683.jpg 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-768x512.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-1536x1024.jpg 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-2048x1365.jpg 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/2019-02-03_20-marmor-pferdekopf-scaled.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch.jpg&quot;,\n            &quot;id&quot;: 114756,\n            &quot;title&quot;: &quot;wasgau-elwetritsch&quot;,\n            &quot;width&quot;: 512,\n            &quot;height&quot;: 683,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch.jpg 512w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch-225x300.jpg 225w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2024\\\/01\\\/wasgau-elwetritsch.jpg&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait.png&quot;,\n            &quot;id&quot;: 116789,\n            &quot;caption&quot;: &quot;Quadratisch&quot;,\n            &quot;description&quot;: &quot;Ein Ersatzbild f\\u00fcr Layoutzwecke&quot;,\n            &quot;title&quot;: &quot;jgu-idm-portrait&quot;,\n            &quot;width&quot;: 3648,\n            &quot;height&quot;: 3648,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait.png 3648w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-300x300.png 300w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-1024x1024.png 1024w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-150x150.png 150w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-768x768.png 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-1536x1536.png 1536w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait-2048x2048.png 2048w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/03\\\/jgu-idm-portrait.png&quot;\n        },\n        {\n            &quot;url&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-scaled.jpg&quot;,\n            &quot;id&quot;: 117555,\n            &quot;alt&quot;: &quot;Dies ist der Alternativtext aus der Mediathek&quot;,\n            &quot;caption&quot;: &quot;Untertitel aus der Mediathek f\\u00fcr die Argenschwanger Kirche in der blauen Stunde&quot;,\n            &quot;description&quot;: &quot;Dies ist die Beschreibung aus der Mediathek&quot;,\n            &quot;title&quot;: &quot;argenschwang-konzert-image_67195649&quot;,\n            &quot;width&quot;: 1920,\n            &quot;height&quot;: 2560,\n            &quot;srcset&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-scaled.jpg 1920w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-225x300.jpg 225w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-768x1024.jpg 768w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-1152x1536.jpg 1152w, https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-1536x2048.jpg 1536w&quot;,\n            &quot;src&quot;: &quot;https:\\\/\\\/cms.zdv.uni-mainz.de\\\/modul-demo\\\/wp-content\\\/uploads\\\/sites\\\/22\\\/2025\\\/10\\\/argenschwang-konzert-image_67195649-scaled.jpg&quot;\n        }\n    ],\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;withThumbs&quot;: true,\n    &quot;thumbsPosition&quot;: &quot;right&quot;,\n    &quot;initSlide&quot;: 1,\n    &quot;aspectRatio&quot;: &quot;16-9&quot;,\n    &quot;screenwidth&quot;: false,\n    &quot;width&quot;: &quot;100cqw&quot;,\n    &quot;perPage&quot;: 1\n}\">\n\n<\/jgu-base-imagegallery>\n\n\n\n<p class=\"has-big-font-size\">Bildgr\u00f6\u00dfe, Ladezeit testen<\/p>\n\n\n\n<p class=\"has-big-font-size\">Progressive jpg<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Wie finde ich heraus, ob mein jpg als progressive jpg gespeichert ist?<br>Beispiel Gimp: Datei &gt; Export &gt; jpg ausw\u00e4hlen &gt; Advanced<\/li>\n\n\n\n<li>Wie teste ich das mit dem Progressive jpg, man sieht das nicht?<br>Sie testen es, indem Sie in Ihrem Browser so tun, als ob sie die Seite auf einem<a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/2025\/09\/01\/mobil-network\/\" data-type=\"post\" data-id=\"117421\"> Handy mit schlechtem Empfang abrufe<\/a>n.<\/li>\n\n\n\n<li>Ich hab mein Bild als Progressive gespeicher und nach WordPress hochgeladen. Jetzt ist es da nicht mehr progressive. Warum?<br>Die maximale Bildgr\u00f6\u00dfe bei WordPress ist auf 2560 Pixel Breite eingestellt. Man kann diesen Wert \u00e4ndern, aber der Standard ist schon sinnvoll. Bilder, die breiter sind, werden automatisch skaliert. Sie sehen das sofort am Dateinamen, der sich dann im WordPress ge\u00e4ndert hat. Bevor Sie ein Bild im WordPress progressive verwenden, m\u00fcssen Sie es vorher auf kleiner als 2560 herunterskalieren.<\/li>\n\n\n\n<li>Wie ist das bei anderen Speicherformaten: png, gif ?<br>Bei png hei\u00dft das Verfahren interlaced, bei gifs gibt es das nicht, bei svg ist es nicht m\u00f6glich und n\u00f6tig wegen des Vektorformats<\/li>\n<\/ol>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Die Bildergalerie ist der schnellste Weg, eine Gruppe von Bildern in einem Rutsch zu ver\u00f6ffentlichen. Obwohl es nur einen Block gibt, haben die Bildergalerien ein ganz unterschiedliches Aussehen. Wenn in einer Bildergalerie Untertitel verlorengegangen sind, finden Sie eine Anleitung zur Wiederherstellung unter der \u00dcberschrift &#8218;Untertitel in Bildergalerien erg\u00e4nzen\/wiederherstellen&#8216; auf dieser Seite \u00dcber den Doppel-Dreieckspfeil gelangen &hellip; <a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/bildergalerie\/\">Weiter lesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-2735","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"\",\"title\":\"Bildergalerie\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"default\",\"image\":{\"url\":\"\"},\"imgCredit\":\"\",\"video\":false}],\"type\":\"border\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Die Bildergalerie ist der schnellste Weg, eine Gruppe von Bildern in einem Rutsch zu ver\u00f6ffentlichen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/anchornavigation \/-->\n\n<!-- wp:jgu\/anchorpoint {\"title\":\"Bildergalerie neu anlegen\",\"slug\":\"bildergalerie-neu-anlegen\"} \/-->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Bildergalerie neu anlegen\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Obwohl es nur einen Block gibt, haben die Bildergalerien ein ganz unterschiedliches Aussehen. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Klicken Sie auf den Block Bildergalerie<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Laden Sie Bilder hoch (kleiner als 2560px sonst wird ihr Bild beim Hochladen verkleinert!) oder<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>W\u00e4hlen Sie die Bilder aus der Mediathek aus<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Klicken Sie auf <strong>Neue Galerie erstellen<\/strong><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Galerie bearbeiten: hier w\u00e4hlen Sie die Reihenfolge und bearbeiten folgende Zusatzfelder, dies k\u00f6nnen Sie sp\u00e4ter jederzeit wieder aufrufen. <!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Der <strong>Titel<\/strong> des Bildes erscheint, sobald Sie mit dem Mauszeiger \u00fcber dem Bild oder dem Thumbnail, also des verkleinerten Bildes verharren. <\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li> Untertitel\/Captions erscheinen unter dem Bild<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Die Beschreibung wird nicht angezeigt.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><strong>Image Credit<\/strong> \/ Bildnachweis: wer hat das Bild gemacht, bei wem liegen die Verwertungsrechte.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Der Alternativtext erscheint nur wenn keine Bilder geladen werden<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Klicken Sie auf <strong>Galerie einf\u00fcgen<\/strong><\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Wenn in einer Bildergalerie Untertitel verlorengegangen sind, finden Sie eine Anleitung zur Wiederherstellung unter der \u00dcberschrift 'Untertitel in Bildergalerien erg\u00e4nzen\/wiederherstellen' auf dieser Seite<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/anchorpoint {\"title\":\"Block Einstellungen\",\"slug\":\"block-einstellungen\"} \/-->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Block Einstellungen\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">\u00dcber den Doppel-Dreieckspfeil gelangen Sie in den Bearbeitungsmodus der Galerie zur\u00fcck.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/alertbox {\"headline\":\"Nach dem Bearbeiten der Untertitel der Bildergalerie im Medienbereich FEHLEN diese \u00c4nderungen im Editor!\",\"subline\":\"Dies ist scheinbar so, da die neuen Daten erst erneut dargestellt werden, nachdem Sie die Galerie gespeichert und im Browser neu geladen haben!\",\"icon\":\"exclamation-triangle-solid\",\"iconColor\":\"red\",\"iconOverHeadline\":true} \/-->\n\n<!-- wp:jgu\/anchorpoint {\"title\":\"Einstellungen in der Sidebar\",\"slug\":\"einstellungen-in-der-sidebar\"} \/-->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Einstellungen in der Sidebar\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Bestimmen Sie, ob es <strong>Thumbnails<\/strong> (kleine Voransichten) geben soll, und wo sie angezeigt werden sollen (oben, unten, rechts, links). <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><strong>Full Screen<\/strong>: damit wird die Galerie auf die Fensterbreite ausgedehnt.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><strong> Images per Page<\/strong>: lassen Sie den Standard, also 1, dann wird das erste Bild gro\u00df dargestellt und es existieren Thumbnails. Bei der Einstellung ab 2 wird die Galerie als Slider angezeigt.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><strong>Aspect Ratio<\/strong>: wie soll das Seitenverh\u00e4ltnis (4\/3, 16\/9, 9\/16, also hochkant) sein. Bei wechselnden Proportionen, also hochkant und quer in einer Bildergalerie ist der einzig sinnvolle Eintrag <strong>auto<\/strong>. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Der Wert <strong>Breite<\/strong> \/ Width gilt f\u00fcr die gesamte Galerie in der Seite, nicht f\u00fcr ein einzelnes Bild.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Seltener ben\u00f6tigte Einstellungen f\u00fcr die gesamte Galerie finden Sie unter der Bezeichnung <strong>Erweitert<\/strong>.<br><br> Hier gibt es die Einstellungen <br>Hide credit = Bildnachweis ausblenden,<br>Hide caption = Bildbeschriftung ausblenden,<br>Dark background = Dunkler Hintergrund. <br>Im Feld <strong>Image Title<\/strong> kann man den Bildtitel aus der Mediathek einblenden (oder im Feld darunter einen eigenen Title eingeben). Der Bildtitel wird eingeblendet.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Wenn Sie die Bildgr\u00f6\u00dfe auf 1 setzen, k\u00f6nnen Sie die erweiterten Eigenschaften jedes Bildes auch hier anstatt in dem Bereich Galerie bearbeiten setzen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/anchorpoint {\"title\":\"Untertitel erg\u00e4nzen\",\"slug\":\"untertitel-erganzen\"} \/-->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"h3\",\"tag\":\"h2.h3\"},\"heading\":\"Untertitel in Bildergalerien erg\u00e4nzen\/wiederherstellen\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Durch das Refactoring der Blockelemente sind leider in vielen F\u00e4llen die Untertitel der Bildergalerien verlorengegangen. Die Untertitel k\u00f6nnen Sie ggf. wiederherstellen, indem Sie diese aus Ihrer Website auf cms-stage.zdv.uni-mainz.de kopieren. Die Adresse Ihrer Website auf cms-stage.zdv.uni-mainz.de hat den gleichen 'Slug' wie ihre neue Website, also z.B. cms-stage.zdv.uni-mainz.de\/(hier der slug Ihrer Website)\/wp-admin . <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Wenn Sie dort die alte Seite mit einer Bildergalerie aufrufen, werden die Untertitel dort noch angezeigt. Sie k\u00f6nnen die Texte der Untertitel dann kopieren, indem Sie \u00fcber die 3 Punkte oben rechts in den Code-Editor wechseln und den Text einfach kopieren (STRG + C).<br>\u00d6ffnen Sie dann am Besten Ihre normale Website, auf der die Untertitel noch erg\u00e4nzt werden m\u00fcssen, in einem separaten Fenster und rufen Sie dort im Dashboard die Bildergalerie auf. Sie k\u00f6nnen dann dort auf ein einzelnes Bild klicken und dort den Untertitel im Feld 'Untertitel' (engl.: Image Caption) in der rechten Spalte erg\u00e4nzen.<br>Dann auf den Button 'Speichern' klicken und die Seite in der normalen Oberfl\u00e4che ansehen, um zu pr\u00fcfen, ob die Unterschrift jetzt angezeigt wird.<br>In der Editor-Ansicht m\u00fcsste die Seite nach dem Speichern neu geladen werden (Taste F5), um den Untertitel dort auch wieder anzuzeigen.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/anchorpoint {\"title\":\"Bildergalerien in Sprachvarianten\",\"slug\":\"bildergalerien-in-sprachvarianten\"} \/-->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h3\",\"classTag\":\"\",\"tag\":\"h3\"},\"heading\":\"Bildergalerien in Sprachvarianten\"} \/-->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Bilder (und alle anderen Inhalte in der Mediathek) werden automatisch f\u00fcr die Sprachvariante verdoppelt, wenn f\u00fcr Ihr WordPress-Projekt eine Sprachvariante existiert. Die Verdoppelung sieht man, wenn man in der Mediathek oben bei der Sprachauswahl auf 'All Languages' \/ 'Alle Sprachen' ausw\u00e4hlt.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\"><strong>Der Block 'Bildergalerie' allerdings kann nicht mit WPML \u00fcbersetzt werden.<\/strong> <br>Bevor Sie Seiten mit Bildern \u00fcbersetzen, m\u00fcssen Sie eine Entscheidung treffen: Wenn Sie einfach nur die gleichen Bilder in beiden Sprachen haben wollen, dann ist dies problemlos.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">M\u00f6chten Sie allerdings Bildnachweise und Captions (Beschriftungen) ins englische \u00fcbertragen, dann m\u00fcssen Sie vor dem \u00dcbersetzen in der rechten Seitenleiste im Feld Sprachen die Medien kopieren, indem Sie bei<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><strong>Medienanh\u00e4nge<\/strong> &gt; <strong>Hochgeladene Medien f\u00fcr \u00dcbersetzungen duplizieren<\/strong> anhaken.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Das Problem dabei ist, da\u00df Sie danach die Bildergalerie mit dem WordPress Editor \u00e4ndern m\u00fcssen. Das wiederum f\u00fchrt dazu, da\u00df Sie nicht mehr die automatische \u00dcbersetzung per ATE und DEEPL verwenden k\u00f6nnen. Es empfiehlt sich also, Bildergalerien in diesem Fall auf eine eigene Seite mit m\u00f6glichst wenig weiterem Text auszulagern.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"className\":\"has-big-font-size\"} -->\n<p class=\"has-big-font-size\">Die Bildergalerie wird 1:1 \u00fcbertragen. Sie , die Beschriftungen sind die deutschen Beschriftungen und wenn Sie sie \u00e4ndern, dann \u00e4ndern sich auch die Beschriftungen in der deutschen Variante. Im ATE sehen Sie keine dieser Texte.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Die folgende Anleitung geht davon aus, da\u00df Sie bereits alle n\u00f6tigen Bilder in der deutschen Variante in die Medien geladen haben und die Medienanh\u00e4nge dupliziert haben.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Im Adminbar auf die englische Sprache wechseln. <\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>In Dashboard &gt; Medien finden Sie die Bilder <\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Diese Bilder sind Kopien der Bilder aus der deutschen Sprachversion<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Alternative Text und Caption (Beschriftung) im jeweiligen Feld \u00fcbersetzen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Jeweils mit Update best\u00e4tigen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>WPML warnt, best\u00e4tigen Sie, da\u00df Sie trotzdem bearbeiten wollen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Deutsche Galerie auf der englischen Seite l\u00f6schen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Neue Galerie einf\u00fcgen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Bilder hinzuf\u00fcgen \u2013 voil\u00e0<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Beispiel f\u00fcr eine <a href=\"https:\/\/zdv.uni-mainz.de\/service\/cms\/block-editor-bildergalerie\/\" target=\"_blank\" rel=\"noreferrer noopener\">zweisprachige Bildergalerie mit duplizierten Medienanh\u00e4ngen und englischer  Beschriftung.<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/image-gallery {\"images\":[{\"url\":null,\"id\":114816,\"title\":\"Opgepasst\",\"caption\":\"Opgepasst\"},{\"url\":null,\"id\":114753},{\"url\":null,\"id\":113793},{\"url\":null,\"id\":113787},{\"url\":null,\"id\":113781},{\"url\":null,\"id\":113775},{\"url\":null,\"id\":113769},{\"url\":null,\"id\":113763},{\"url\":null,\"id\":113757}]} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Bildergalerie mit Bildern in gemischten Seitenverh\u00e4ltnissen<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/image-gallery {\"images\":[{\"url\":null,\"id\":117561},{\"url\":null,\"id\":117423},{\"url\":null,\"id\":10061},{\"url\":null,\"id\":114312},{\"url\":null,\"id\":114324},{\"url\":null,\"id\":113781},{\"url\":null,\"id\":114756},{\"url\":null,\"id\":116789},{\"url\":null,\"id\":117555}]} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Bildgr\u00f6\u00dfe, Ladezeit testen<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Progressive jpg<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Wie finde ich heraus, ob mein jpg als progressive jpg gespeichert ist?<br>Beispiel Gimp: Datei &gt; Export &gt; jpg ausw\u00e4hlen &gt; Advanced<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Wie teste ich das mit dem Progressive jpg, man sieht das nicht?<br>Sie testen es, indem Sie in Ihrem Browser so tun, als ob sie die Seite auf einem<a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/2025\/09\/01\/mobil-network\/\" data-type=\"post\" data-id=\"117421\"> Handy mit schlechtem Empfang abrufe<\/a>n.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Ich hab mein Bild als Progressive gespeicher und nach WordPress hochgeladen. Jetzt ist es da nicht mehr progressive. Warum?<br>Die maximale Bildgr\u00f6\u00dfe bei WordPress ist auf 2560 Pixel Breite eingestellt. Man kann diesen Wert \u00e4ndern, aber der Standard ist schon sinnvoll. Bilder, die breiter sind, werden automatisch skaliert. Sie sehen das sofort am Dateinamen, der sich dann im WordPress ge\u00e4ndert hat. Bevor Sie ein Bild im WordPress progressive verwenden, m\u00fcssen Sie es vorher auf kleiner als 2560 herunterskalieren.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Wie ist das bei anderen Speicherformaten: png, gif ?<br>Bei png hei\u00dft das Verfahren interlaced, bei gifs gibt es das nicht, bei svg ist es nicht m\u00f6glich und n\u00f6tig wegen des Vektorformats<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/2735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/comments?post=2735"}],"version-history":[{"count":14,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/2735\/revisions"}],"predecessor-version":[{"id":119959,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/2735\/revisions\/119959"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=2735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=2735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=2735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}