--- title: 'Testground – Bildformate' url: 'https://kickstartusa.spdns.eu/testground/bild-formate' markdown: 'https://kickstartusa.spdns.eu/testground/bild-formate.md' date: '2026-09-08' description: 'Diese Seite dient als Test-, Referenz- und Copy-&-Paste-Library für die Bilddarstellungen im Blog. **Querformat:** `IMG_5283.PNG` **Hochformat:** `IMG_5188.jpg` Format-Navigation 1–7 Grundformate 8–10 Brei…' taxonomy: tag: - testground --- # Testground – Bildformate [ Testground ](https://kickstartusa.spdns.eu/testground) Testground – Bildformate ## [Testground – Bildformate](https://kickstartusa.spdns.eu/testground/bild-formate) 8th Sep 2026 [testground](https://kickstartusa.spdns.eu/tag:testground#body-wrapper) Diese Seite dient als Test-, Referenz- und Copy-&-Paste-Library für die Bilddarstellungen im Blog. **Querformat:** `IMG_5283.PNG` **Hochformat:** `IMG_5188.jpg` ## Format-Navigation --- ## Grundformate ### 1) Standard Frame – Querformat  **Shortcode** ``` [kb-photo f="1" img="BILD.jpg" alt="Beschreibung"] ``` ### 2) Standard Frame + Caption Standard Frame mit Bildunterschrift **Shortcode** ``` [kb-photo f="2" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 3) Standard Frame – Hochformat  **Shortcode** ``` [kb-photo f="3" img="BILD-HOCH.jpg" alt="Beschreibung"] ``` ### 4) Polaroid + Caption – Querformat Polaroid – Querformat **Shortcode** ``` [kb-photo f="4" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 5) Polaroid + Caption – Hochformat Polaroid – Hochformat **Shortcode** ``` [kb-photo f="5" img="BILD-HOCH.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 6) Wide – Frame Wide Frame **Shortcode** ``` [kb-photo f="6" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 7) Wide + Polaroid Wide + Polaroid **Shortcode** ``` [kb-photo f="7" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` --- ## Manuelle Breiten ### 8) 50 Prozent 50 Prozent **Shortcode** ``` [kb-photo f="8" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 9) 70 Prozent 70 Prozent **Shortcode** ``` [kb-photo f="9" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 10) 800 Pixel 800 Pixel **Shortcode** ``` [kb-photo f="10" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` --- ## Bildreihen ### 11) Zwei Bilder nebeneinander Bild 1 Bild 2 **Shortcode** ``` [kb-row f="11" img="BILD1.jpg|BILD2.jpg" cap="Text 1|Text 2"] ``` ### 12) Drei Querformate Bild 1 Polaroid in Row Bild 3 **Shortcode** ``` [kb-row f="12" img="BILD1.jpg|BILD2.jpg|BILD3.jpg" cap="Text 1|Text 2|Text 3"] ``` ### 13) Drei Hochformate Hochformat 1 Polaroid Hochformat Hochformat 3 **Shortcode** ``` [kb-row f="13" img="HOCH1.jpg|HOCH2.jpg|HOCH3.jpg" cap="Text 1|Text 2|Text 3"] ``` ### 14) Gemischt – Quer / Quer / Hoch Querformat 1 Querformat 2 Hochformat **Shortcode** ``` [kb-row f="14" img="QUER1.jpg|QUER2.jpg|HOCH.jpg" cap="Text 1|Text 2|Text 3"] ``` > Format 14 bleibt unser Testfall für die spätere Natural-Row bei gemischten Bildformaten. --- ## Tilt ### 15) Polaroid + Tilt links Tilt links **Shortcode** ``` [kb-photo f="15" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 16) Polaroid + Tilt rechts Tilt rechts **Shortcode** ``` [kb-photo f="16" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 17) Frame + Tilt  **Shortcode** ``` [kb-photo f="17" img="BILD.jpg" alt="Beschreibung"] ``` --- ## Papier- und Retro-Look ### 18) Polaroid mit Papiertextur Papiertextur **Shortcode** ``` [kb-photo f="18" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 19) Retro Polaroid Retro Polaroid **Shortcode** ``` [kb-photo f="19" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 20) Retro Polaroid + Tilt Retro + Tilt **Shortcode** ``` [kb-photo f="20" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` --- ## KB-Lightbox ### 21) Einzelbild mit KB-Lightbox [](https://kickstartusa.spdns.eu/user/pages/07.testground/bild-formate/IMG_5283.PNG)KB-Lightbox Einzelbild **Shortcode** ``` [kb-pswp img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` ### 22) Zwei Bilder mit KB-Lightbox Querformat Hochformat **Shortcode** ``` [kb-row f="22" img="BILD1.jpg|BILD2.jpg" cap="Text 1|Text 2"] ``` --- ## PhotoSwipe ### 23) PhotoSwipe – Standard [](https://kickstartusa.spdns.eu/user/pages/07.testground/bild-formate/IMG_5283.PNG) **Shortcode** ``` [kb-pswp img="BILD.jpg"] ``` ### 24) PhotoSwipe + Caption [](https://kickstartusa.spdns.eu/user/pages/07.testground/bild-formate/IMG_5283.PNG)Rhode Island Rams 2026 **Shortcode** ``` [kb-pswp img="BILD.jpg" cap="Bildunterschrift"] ``` ### 25) PhotoSwipe + Caption + Alt [](https://kickstartusa.spdns.eu/user/pages/07.testground/bild-formate/IMG_5283.PNG)Rhode Island Rams 2026 **Shortcode** ``` [kb-pswp img="BILD.jpg" cap="Bildunterschrift" alt="Alternativtext"] ``` ### 26) PhotoSwipe – Hochformat [](https://kickstartusa.spdns.eu/user/pages/07.testground/bild-formate/IMG_5188.jpg)PhotoSwipe Hochformat **Shortcode** ``` [kb-pswp img="BILD-HOCH.jpg" cap="Bildunterschrift" alt="Alternativtext"] ``` --- ## Originalbild direkt öffnen ### 27) Originalbild in neuem Tab [](https://kickstartusa.spdns.eu/user/pages/07.testground/bild-formate/IMG_5283.PNG)Originalbild in neuem Tab **Shortcode** ``` [kb-photo f="27" img="BILD.jpg" cap="Bildunterschrift" alt="Beschreibung"] ``` --- ## Formatvergleich ### 28) Querformat und Hochformat nebeneinander Querformat Hochformat **Shortcode** ``` [kb-row f="28" img="QUER.jpg|HOCH.jpg" cap="Querformat|Hochformat"] ``` --- # Ende der Bildformat-Library Alle aktuell definierten Bildformate sind über Shortcodes reproduzierbar und können direkt über die jeweilige Codebox kopiert werden. Previous Post Next Post --- ## Navigation - Parent: [Testground](https://kickstartusa.spdns.eu/testground.md) - Next: [Content Tools](https://kickstartusa.spdns.eu/testground/content-tools.md)