{"id":120870,"date":"2026-06-18T17:24:24","date_gmt":"2026-06-18T15:24:24","guid":{"rendered":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/?page_id=120870"},"modified":"2026-06-18T17:36:23","modified_gmt":"2026-06-18T15:36:23","slug":"teaser-bilder","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/teaser-bilder\/","title":{"rendered":"teaser-bilder"},"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;Teaser-Bilder&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;useVideo&quot;: false,\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    &quot;autoplay&quot;: false\n}\">\n<\/jgu-base-pageheader>\n\n\n<p class=\"has-big-font-size\">Die Teaserboxen sind die Standard-Darstellung auch in allen Beitrags\u00fcbersichten wie Post-Listing. M\u00f6chte man dort Beitragsbilder verwenden, gibt es wegen des einheitlichen Layouts manchmal Probleme. Das <strong>Format der Bilder sollte 16:9 <\/strong>sein. Auf den Bildern sollte im unteren Bereich keinesfalls etwas abgebildet sein, was v:on Belang ist, da es ja abgeschnitten wird.<\/p>\n\n\n\n<p class=\"has-big-font-size\">Bilder, die ein anderes Format haben werden zugeschnitten, dabei wird von der Mitte ausgegangen. Im schlimmsten Fall hatten Sie also ein hochrechteckiges Bild, beispielsweise von einer Publikation, mit der Beschriftung des Buches.<\/p>\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;Zuschneiden eines Beitragsbildes auf 16:9&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<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-content\/uploads\/sites\/22\/2026\/06\/teaser-zuschneiden.webm\"><\/video><\/figure><div class=\"wp-block-media-text__content\">\n<ol class=\"wp-block-list\">\n<li>Bild nochmals hochladen: Dashboard &gt; Medien &gt; Bild &gt; Bild bearbeiten<\/li>\n\n\n\n<li>Bild auf 16:9 zuschneiden<\/li>\n\n\n\n<li>Speichern<\/li>\n\n\n\n<li>Im Beitrag als Beitragsbild festlegen.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-big-font-size\"><\/p>\n<\/div><\/div>\n    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Die Teaserboxen sind die Standard-Darstellung auch in allen Beitrags\u00fcbersichten wie Post-Listing. M\u00f6chte man dort Beitragsbilder verwenden, gibt es wegen des einheitlichen Layouts manchmal Probleme. Das Format der Bilder sollte 16:9 sein. Auf den Bildern sollte im unteren Bereich keinesfalls etwas abgebildet sein, was v:on Belang ist, da es ja abgeschnitten wird. Bilder, die ein anderes &hellip; <a href=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/teaser-bilder\/\">Weiter lesen<\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-120870","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"\",\"title\":\"Teaser-Bilder\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"default\",\"image\":{\"url\":\"\"},\"imgCredit\":\"\",\"useVideo\":false,\"video\":false}],\"type\":\"border\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Die Teaserboxen sind die Standard-Darstellung auch in allen Beitrags\u00fcbersichten wie Post-Listing. M\u00f6chte man dort Beitragsbilder verwenden, gibt es wegen des einheitlichen Layouts manchmal Probleme. Das <strong>Format der Bilder sollte 16:9 <\/strong>sein. Auf den Bildern sollte im unteren Bereich keinesfalls etwas abgebildet sein, was v:on Belang ist, da es ja abgeschnitten wird.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Bilder, die ein anderes Format haben werden zugeschnitten, dabei wird von der Mitte ausgegangen. Im schlimmsten Fall hatten Sie also ein hochrechteckiges Bild, beispielsweise von einer Publikation, mit der Beschriftung des Buches.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:jgu\/heading {\"tags\":{\"htmlTag\":\"h2\",\"classTag\":\"\",\"tag\":\"h2\"},\"heading\":\"Zuschneiden eines Beitragsbildes auf 16:9\"} \/-->\n\n<!-- wp:media-text {\"mediaId\":120875,\"mediaLink\":\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/teaser-bilder\/teaser-zuschneiden\/\",\"mediaType\":\"video\"} -->\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><video controls src=\"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-content\/uploads\/sites\/22\/2026\/06\/teaser-zuschneiden.webm\"><\/video><\/figure><div class=\"wp-block-media-text__content\"><!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Bild nochmals hochladen: Dashboard &gt; Medien &gt; Bild &gt; Bild bearbeiten<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Bild auf 16:9 zuschneiden<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Speichern<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Im Beitrag als Beitragsbild festlegen.<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph {\"placeholder\":\"Inhalt\u00a0\u2026\"} -->\n<p class=\"has-big-font-size\"><\/p>\n<!-- \/wp:paragraph --><\/div><\/div>\n<!-- \/wp:media-text -->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/120870","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/comments?post=120870"}],"version-history":[{"count":2,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/120870\/revisions"}],"predecessor-version":[{"id":120882,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/120870\/revisions\/120882"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=120870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=120870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=120870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}