🌟 Hallo ihr zerstreuten Pixel-Nomaden, Kaffee-Philosophen, Nachtschreib-Alpträume und digital-verlorenen Gartenfreunde! ✨
Neu in Bobaro: Bild und Text endlich Seite an Seite
Ihr kennt das bestimmt: Ein schönes Bild, ein bisschen Text dazu – aber bisher musste in euren Artikeln immer erst das Bild, dann der Text kommen (oder umgekehrt). Schön und gut, aber manchmal liest sich ein Artikel einfach besser, wenn das Bild neben dem Text steht, nicht darüber oder darunter.Genau das könnt ihr jetzt!
Bild am See
Die alte Backstube lag am Ende der Hauptstraße. Jeden Morgen zog der Duft frischer Brötchen durch das ganze Dorf. Die Leute kamen früh, tranken Kaffee und redeten über Gott und die Welt.
Bild rechts
Die alte Backstube lag am Ende der Hauptstraße. Jeden Morgen zog der Duft frischer Brötchen durch das ganze Dorf. Die Leute kamen früh, tranken Kaffee und redeten über Gott und die Welt.
Anmerkung
Wie man hier sieht kann der Text auch zentriert oder unten an das Bild gestellt werden.
Schatten und Rundung ist einstellbar. Verteilung 50/50.
Wie man hier sieht kann der Text auch zentriert oder unten an das Bild gestellt werden.
Schatten und Rundung ist einstellbar. Verteilung 50/50.
Was ist neu?
Über die Toolbar findet ihr im Medien-Menü den neuen Punkt „Bild + Text einfügen…“. Ein kleines Fenster öffnet sich, in dem ihr:- ein Bild aus eurem Medienverzeichnis auswählt,
- entscheidet, ob es links oder rechts stehen soll,
- eine optionale Ãœberschrift und euren Text eingebt,
- Rundung und Schatten für das Bild festlegt,
- und die Textausrichtung wählt (oben, mittig oder unten).
Und das Beste: Auf dem Smartphone wird automatisch alles sauber übereinander gestapelt, in der Reihenfolge, die zu eurer Wahl passt. Lesefluss bleibt also erhalten, egal auf welchem Gerät.
🚀 Und jetzt auch mit Video!
Bild und Text war erst der Anfang – jetzt könnt ihr an genau derselben Stelle auch ein YouTube- oder Vimeo-Video einbinden, ganz ohne zusätzliche Befehle zu lernen. Im Eingabefenster wählt ihr einfach „Video" statt „Bild", sucht euch die Plattform aus und tragt die Video-ID ein – das ist der kurze Code am Ende der Video-URL.Video links
So einfach geht das: YouTube-Video links, Text rechts daneben. Die Eingabe braucht nur die Video-ID, den Rest übernimmt Bobaro für euch – inklusive Rundung und Schatten, genau wie beim Bild.
Video rechts
Und natürlich geht es auch andersrum: Vimeo-Video rechts, Text links. Die Position lässt sich frei wählen, genau wie beim Bild auch.
Datenschutz ist uns dabei wichtig: YouTube-Videos werden automatisch über die datenschutzfreundliche
youtube-nocookie.com-Domain eingebunden, Vimeo-Videos laufen mit aktiviertem „Do Not Track". Es werden also keine Cookies gesetzt, solange das Video nicht aktiv gestartet wird – ganz ohne Cookie-Banner oder zusätzliche Einstellungen.Manch einer wird sich bestimmt fragen, ja wo war denn die Version 2.5.0. Diese war nur kurzfristig draußen, da ich mich dann dazu entschlossen habe, auch direkt das mit den Videos noch einzubauen.
Bonus: Freies HTML
Wer mag, kann jetzt außerdem über den neuen Button in der Toolbar einen eigenen HTML-Code-Block einfügen – für alle, die gerne mal selbst Hand anlegen.1{ freihtml }2<!-- Leerzeichen im Befehl nur wegen der Darstellung... -->3<style>4.bb-breathe img {5 animation: bbBreathe 9s ease-in-out infinite;6}7@keyframes bbBreathe {8 0%, 75%, 100% {9 transform: scale(1);10 filter: drop-shadow(0 0 0px rgba(120,190,255,0));11 }12 87% {13 transform: scale(1.06);14 filter: drop-shadow(0 0 8px rgba(120,190,255,.5));15 }16}17</style>18<div class="bb-breathe" style="display:inline-block;">19 <img src="https://bobaro.de/......../bobaro_logo_trans.png"20 alt="Bobaro" style="max-width:100px;opacity:.8;display:block;">21</div>22<p style="font-size:.75rem;margin-top:.4rem;">Bloggen ohne Ballast.</p>23{ /freihtml }So sieht es dann aus
Bitte auf die Pulsierung des Logos achten. Alle 9 Sekunden fängt es an zu "atmen".
Bloggen ohne Ballast.
Viel Spaß beim Ausprobieren! 🎨
Funfact aus der Softwareschmiede
Hinter jeder Bildschirmmaske steckt zunächst eine Skizze. Erst wenn das Layout stimmig ist, beginnt die eigentliche Entwicklung. Danach werden Schritt für Schritt die Funktionen eingebaut, bis aus einer Idee eine fertige Anwendung wird.
