Einbau von Bildern mit “umfliessendem” Text
Manchmal ist es hilfreich, einfach einen Blog zu schreiben, damit man nicht immer wieder suchen und kramen muss, um sich zu erinnern, wie manche Dinge funktionieren!
Wenn dabei auch noch Anderen geholfen werden kann, so ist das ein wünschenswerter Nebeneffekt.
Um in diesem Blog die Bilder so wie gewünscht von Text umfliessen zu lassen, habe ich das Plugin “Image Caption Easy” von Mark W. B. Ashcroft | Besuch die Plugin-Seite | installiert, allerdings ist es nicht ohne ein paar “kleine” Handgriffe einzubauen – aber das Ergebnis entschädigt dann doch wieder!!
Jetzt aber zur Sache, so mache ich das mit den Bildern:
Als erstes füge ich über den Button neben “Hochladen/Einfügen” das Bild ein, bzw. lade es hoch Bild 1 hier alle relevanten Daten eingeben und bei “Ausrichtung” keine anklicken oder angeklickt lassen – dieses würden wir wieder löschen müssen. Dann auf “Alle Änderungen speichern klicken”.
Nun habe ich das Bild im Artikel und es sieht in der Entwurfsansicht eigentlich fast so aus, wie ich es gerne hätte, aber eben nur in der Entwurfsansicht und auch nicht genau so, wie ich es mir wünsche!
Den Mauszeiger auf das Bild bewegen und mit einem Linksklick das Bild 2 aktivieren, nun kann das Bild entweder bearbeitet oder gelöscht werden – auf “Bearbeiten” klicken und hier Bild 3 dann in die Erweiterten Einstellungen gehen.
Hier ist nur eines zu machen, das Feld CSS Klasse leeren und auf “Aktualisieren” klicken.
In der Zeile/n für den Einbau des Bildes steht dieses hier:
Das Gelb markierte muss geändert werden in :
Das Bild sieht in der Entwurfsansicht dann so aus: Entwurf – aber nicht davon täuschen lassen, mit der Vorschau und dann auch in der veröffentlichten Version sieht es so aus, wie das oben stehende Bild.
Vielleicht ist es nicht die einfachste Variante, aber da ich ein bestimmtes Verhalten erzielen wollte habe ich das CSS dementsprechend angeglichen und nutze nun diesen Weg!!




