Feeds
Artikel
Kommentare

Bilder einfügen

Das ist wieder ein Kapitel für sich. Inzwischen habe ich einige Wege entdeckt, wie das am besten funktioniert. Es wird einem zwar viel Arbeit abgenommen, aber wenn man bestimmte Vorstellungen hat, wird es schwieriger.

Im Editor kann man ein oder mehrere Bilder von seinem eigenen Rechner aus hochladen. Nach dem Hochladen kann man einen Titel eingeben und einige weitere Angaben machen, ob das Bild z.B. als Vorschaubild eingefügt werden soll oder in voller Größe.
Wenn man mehrere Bilder hochlädt, ohne sie gleich in den Artikel einzufügen, werden diese zunächst in einer Galerie gespeichert. Diese kann man dann auf einen Rutsch in den Artikel einfügen. Allerdings hat man (fast) keinen Einfluss darauf, wie diese aussieht. Man muss sich also vorher überlegen, wie viele Bilder man nimmt und welche Voreinstellungen man im Editor macht.

Es ist auf jeden Fall sinnvoll, das in den Artikel eingefügte Bild noch einmal im Editor zu bearbeiten. Sonst kann zwar der Besucher des Blogs beim Anklicken des Bildes dieses in voller Größe in seinem Browser anschauen. Er kommt aber nur zum Blog zurück, wenn er die Zurück-Taste im Browser anklickt. Beim Schließen des Bildes verschwindet auch der Blog. Um das zu vermeiden, muss man den im Bild automatisch eingefügten Link bearbeiten. Das Ziel (target) ist nämlich sonst nicht definiert. Es muss “blank” angegeben sein, damit das Bild sich in einem eigenem Fenster öffnet. Auch sollten “title”- und “alt”-Tag im HTML-Code richtig und sinnvoll definiert sein. Beim Überstreichen des Bildes mit der Maus öffnet sich dann ein kleines Pop-up-Fenster mit dem Text oder der Mauszeiger wird zum “Händchen”.

Mädchen 1 Hier füge ich als Beispiel ein Vorschaubild (Thumbnail) ein mit der Voreinstellung 140 X 140 Pixel ohne exaktes Zuschneiden (Crop). Da das Original nicht quadratisch ist, wird es nun 140 x 105 Pixel groß, zeigt aber das ganze Bild im richtigen Seitenverhältnis. Nach dem Einfügen habe ich das Bild noch editiert. Hier ist es links ausgerichtet und der ebenfalls linksbündig ausgerichtete Text fließt rechts herum. Durch Anklicken des kleinen Bildchens wird das ganze Bild in einem eigenen Fenster im Browser angezeigt. Das bewirkt der “eingebaute” interne Link mit den entsprechenden Angaben.

Als Beispiel das gleiche Vorschaubild noch einmal mit einer anderen Voreinstellung 140 x 140 Pixel und exaktes Zuschneiden. Mädchen 2Es wird 140 x 140 Pixel groß, der Zuschnitt erfolgt automatisch, aber vermutlich nicht so wie man das gerne hätte. Hier ist es außerdem rechts ausgerichtet und der linksbündig ausgerichtete Text geht links herum.
Was man macht, ist zum Teil Geschmacksache. Ich persönlich habe lieber linksbündigen Text mit einem “Flatterrand” rechts, da beim Blocksatz oft je nach Wortbreite große Lücken im Text entstehen. Aber hier wirkt es nicht so gut, weil das Bild einen großen Teil des Absatzes einnimmt.

Jetzt noch einmal das vorherige Bild kopiert und im Editor bearbeitet. Es steht in der Mitte, ist 100 x 100 Pixel groß und hat einen 5 Pixel breiten schwarzen Rand.

Mädchen 3

Das im Browser zu sehende ganze Bild ist aber in allen drei Fällen gleich.
Ein Rätsel ist mir noch, warum im Eigenschaften-Fenster des Browsers trotz aller (hoffentlich) richtiger Angaben noch Fehler bemängelt werden. Auch zeigt der Internet-Explorer manches etwas anders als Firefox. Vielleicht kann mir da ein Fachmann weiter helfen?
Gut Blog