{"id":163,"date":"2022-12-27T13:35:42","date_gmt":"2022-12-27T12:35:42","guid":{"rendered":"https:\/\/www.servicepraxis.com\/faq\/?p=163"},"modified":"2025-05-27T15:36:46","modified_gmt":"2025-05-27T13:36:46","slug":"lightbox-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.servicepraxis.com\/faq\/how-to\/lightbox-in-wordpress\/","title":{"rendered":"Lightbox f\u00fcr Bildergalerien in WordPress"},"content":{"rendered":"\n<p>Zur Gestaltung von Multimediainhalten in WordPress bieten sich Lightboxen an. Bei dieser Form der Darstellung wird nach dem Klick auf ein Vorschaubild die Seite beispielsweise abgedunkelt und quasi dar\u00fcber schwebend legt sich gro\u00dfformatig das Bild. Sie erhalten ein sauberes Design, um Ihre Bilder optimal darzustellen. Die Generierung der Vorschaubilder \u00fcberlassen wir dabei WordPress.<\/p>\n\n\n\n<div class=\"wp-block-group card-container-group data-aos_zoom-in data-aos-delay_200 data-aos-duration_400\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-group card-container\"><div class=\"wp-block-group__inner-container\">\n<figure class=\"wp-block-gallery has-nested-images columns-4 is-cropped\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_001.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"155\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_001.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-155 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_001.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_001-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_001-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_002.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"156\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_002.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-156 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_002.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_002-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_002-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_003.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"157\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_003.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-157 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_003.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_003-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_003-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_004.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"158\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_004.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-158 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_004.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_004-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_004-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_005.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"159\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_005.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-159 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_005.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_005-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_005-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_006.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"160\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_006.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-160 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_006.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_006-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_006-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_007.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"161\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_007.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-161 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_007.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_007-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_007-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_008.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"600\" data-id=\"162\" src=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_008.jpg\" alt=\"The Pavilions Bali \u00a9 Tourismus.tv\" class=\"wp-image-162 img-fluid \" srcset=\"https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_008.jpg 899w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_008-450x300.jpg 450w, https:\/\/www.servicepraxis.com\/faq\/wp-content\/uploads\/sites\/7\/blg7_gal_pavilions_008-768x513.jpg 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><figcaption class=\"wp-element-caption\">The Pavilions Bali \u00a9 Tourismus.tv<\/figcaption><\/figure>\n<\/figure>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>Liegen alle Bilder in gleicher H\u00f6he und Breite vor, bedarf es eigentlich keines Plugins. Ein Eintrag der Funktion bzw. wann und wo wir diese ben\u00f6tige (um diese nicht durch die gesamte Website zu schleppen) und etwas Javascript wie beispielsweise <em>Magnific Popup<\/em> reicht schon aus.  Bei unterschiedlich gro\u00dfen Vorschaubildern, z.B. weil man diese nicht beschneiden m\u00f6chte, nutze ich gerne einen Kacheleffekt, um diese dann ansprechend zu pr\u00e4sentieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Masonry f\u00fcr komplexere Anwendungen<\/strong><\/h3>\n\n\n\n<p>Mit dem sog. Masonry-Layout k\u00f6nnen Inhalte wie Bilder, unterschiedliche lange Texte einer Archiv- bzw. \u00dcbersichtsseite oder auch Card-Elemente ansprechend und platzsparend auf einer Website angezeigt werden. Im Gegensatz zu klassischen Rastern zeichnet es sich durch eine versetzte Optik aus \u2013 daher auch die Bezeichnung als Mauerwerk: <a href=\"https:\/\/www.servicepraxis.com\/plugins\/lightbox\/\">www.servicepraxis.com\/plugins\/lightbox<\/a> bzw. <a href=\"https:\/\/www.servicepraxis.com\/plugins\/lightbox\/masonry\/\">www.servicepraxis.com\/plugins\/lightbox\/masonry<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zur Gestaltung von Multimediainhalten in WordPress bieten sich Lightboxen an. Sie erhalten ein sauberes Design, um Ihre Bilder optimal darzustellen. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[14],"class_list":["post-163","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-bildergalerien"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/posts\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}