Bobaro V0.9.950 - HTML Blöcke und viel mehr

🌾 Hallo liebe Windwortfänger, Satzfeldgänger und sanften Hüter der Sprachkörner 🍃

Mit diesem Update schießt Bobaro wieder einmal den sprichwörtlichen Vogel ab. In den vergangenen drei Tagen drehte sich in der Entwicklung alles darum, Bilder und Fotos noch schöner und eindrucksvoller präsentieren zu können.

Wie das Ganze nun in Aktion aussieht, schauen wir uns am besten gemeinsam an – und nutzen dafür direkt die Tab‑Blocks von Bobaro.

---

HTML-Blöcke

Funktion	Beschreibung	Mögliche Einsatzgebiete
HTML-Blöcke	Freiform‑Bereiche für beliebige HTML‑Inhalte wie Text, Layouts, Komponenten oder eingebettete Elemente.	Individuelle Content‑Sektionen, komplexe Layouts, Custom‑Widgets, strukturierte Informationsblöcke.

Mit den HTML‑Blöcken wird Bobaro zu einer rundum universell einsetzbaren Blogsoftware – dir sind kaum Grenzen gesetzt. Die HTML‑Blöcke (also HTML‑Code, den du in einzelnen Absätzen nutzen kannst) liegen zwar alle in einem geschützten Block, dennoch solltest du dir gut überlegen, was du wie einsetzt. Einfach blind HTML‑Code aus dem Internet zu kopieren, ohne die Programmierung zu verstehen, führt zwangsläufig dazu, dass du dich später kaum rechtfertigen kannst, was deine Seite im Hintergrund eigentlich alles tut.

Überlege daher immer sorgfältig und lass dich im Zweifel beraten, bevor du HTML‑Code einsetzt. Nutze im besten Fall selbst programmierten Code – dann weißt du genau, was passiert – oder greife nur auf Code aus wirklich vertrauenswürdigen Quellen zurück.

Ich selbst stelle dir verschiedene Code‑Blöcke für den Einsatz von Cookies, Lamettaregen, Vorlesefunktionen und mehr zur Verfügung. Bitte nutze dafür ausschließlich die im Bereich der HTML‑Blöcke bereitgestellte Quelle. Siehe Bild:

Beispiel 1: Ein HTML-Codeblock

Wenn du genau hinsiehst, erkennst du in der linken oberen Ecke einen Kreis mit einem kleinen Männchen darin. Dabei handelt es sich um ein Barrierefreiheits‑Tool, das Menschen mit Beeinträchtigungen die Bedienung der Website erleichtern soll.

Dieses Element wird nur auf dieser Seite – oder ausschließlich auf einer anderen Seite – angezeigt, weil die entsprechende Programmierung in einem HTML‑Block eingefügt wurde, und zwar genau an der Stelle, an der ich sie benötige.

HTML‑Blöcke kannst du – je nach Funktion – entweder ganz unten im Text oder direkt zwischen deinen Textzeilen einbinden.

Inlineframes sind ebenfalls möglich. Achte hier jedoch besonders sorgfältig auf die Quelle, da Inlineframes in der Regel Inhalte ausschließlich aus Drittquellen laden.

Beispiel 2: Ein BMI-Rechner

Angenommen, ich schreibe einen Artikel, in dem es um die Berechnung des Body‑Mass‑Index geht. Dann bietet es sich an, die Leser interaktiv abzuholen und sie einzuladen, direkt einen kleinen Selbsttest zu starten.

Ein solcher Test könnte dann wie folgt aussehen – und das Beste daran: Er stammt direkt von deiner eigenen Seite und greift nicht auf fremde Tools zurück.

Beispiel 3: Ein Quizz mit fünf Fragen

Ich habe einen Bericht geschrieben und möchte meinen Nutzern nun fünf Fragen zum Inhalt stellen. Auch das ist mit einem HTML‑Block kein Problem mehr – besonders für erfahrene Anwender, die mit HTML‑ und JavaScript‑Programmierung vertraut sind.

Beispiel 4: Kleiner Konfettiregen

Im nächsten Beispiel habe ich einen kleinen Button programmiert. Wird er angeklickt, regnet über einem zuvor definierten Bereich Konfetti herab. Natürlich könnte der Effekt auch über die gesamte Seite laufen – hier möchte ich jedoch vor allem die Vielfalt und die Möglichkeiten demonstrieren.

Nachfolgend ein paar Ideen

In der nachfolgenden Tabelle findest du einige Anregungen und Ideen für den Einsatz von HTML‑Codeblöcken in deinem Blog. Die Einsatzmöglichkeiten sind so vielfältig, dass garantiert für jeden etwas Passendes dabei ist.

Das Beste kommt zum Schluss

Du hast außerdem die Möglichkeit, einen globalen HTML‑Block einzusetzen. Dieser wirkt auf alle Seiten und Unterseiten deines Blogs.

Das bedeutet zum Beispiel: Wenn du einen Cookie‑Banner anzeigen möchtest, der überall erscheinen soll, eignet sich der globale HTML‑Block perfekt dafür.

Gleiches gilt für ein Informationsfenster, einen kurzen Hinweis oder einen modalen Dialog, der auf jeder Seite sichtbar sein soll.

Darüber hinaus kannst du den globalen Bereich auch für saisonale Effekte nutzen – etwa Schneefall zu Weihnachten, Hinweise zu besonderen Ereignissen oder eine persönliche Begrüßung für deine Besucher. Die Einsatzmöglichkeiten sind nahezu unbegrenzt.