Technik die begeistert

Am Sonntag flatterte ein Kommentar von Catrin in mein Postfach, der eine Frage beinhaltete….. „Wie machst du den Fortschrittsbalken unter deinen Buchtitel?“

Diesen farbigen Balken hatte ich selbst irgendwann im Blogzimmer von Martin gesehen und mir damals einen Wolf im Netz gesucht. Vielleicht geht das ja auch anderen so und darum schreibe ich nun diese kleine Erklärung. Diese Beschreibung ist für WordPress.com Nutzer, die mit dem Gutenbergeditor arbeiten.

Im ersten Schritt fügt man über das + einen HTML Block in den Text ein.

Den Block findet man unter Widgets.

In diesen HTML Block fügt man dann diesen Text ein (ihr könnt euch den gerne kopieren)

<img src="https://www.loewenzahn.at/wp-content/uploads/2020/10/2680-768x1152.jpg" alt="Dancing with Bees | Meine Reise zurück zur Natur" style="width:170px;">
<br>
<br>
<span id="Autor">Autorin: Brigit Strawbridge Howard
<br>
<span id="Titel">Titel: Dancing with Bees | Meine Reise zurück zur Natur
<br>
<div style="border:1px solid #ccc;width:100px;background:white;margin:5px 0;padding:1px;"><div style="width:51%;background-color:#08C1C3;height:12px;"></div></div>
190 von 368 Seiten
</span></span>

Die farblich markierten Stellen müsst ihr dann durch eure Daten ersetzten. Das Bild wird mithilfe einer „Grafikadresse“ eingefügt. Diese hole ich mir meistens bei dem Verlag des Buches. Die übrigen Lücken sind selbsterklärend.

Ich hoffe, ich konnte Licht ins Dunkel bringen – falls es noch Fragen gibt, werde ich versuchen sie zu beantworten.