Ein Bild in den Text einfügen

Transkript

1 Bild in einen Artikel einfügen Ein Bild in den Text einfügen Positioniert den Cursor an der Stelle im Text, egal ob bei einem Artikel oder einer WordPress-Seite, wo das Bild eingefügt werden soll. Hinter Hochladen/Einfügen auf das Symbol für Bild hinzufügen klicken. Im nun erscheinenden Pop-Up Fenster unter dem ersten Reiter Vom Computer (Reiter sollte bereits aktiv sein) den Button in der Fenstermitte [Dateien auswählen] drücken. Das Pop-Up Fenster sieht jetzt in der neuesten WordPress Version im Vergleich zu einer anderen Version, die ich im Artikel WordPress Grundlagen einen Artikel erstellen nutzte, etwas anders aus. 1

2 Ein Browserfenster öffnet sich und ihr könnt zu eurer Bilddatei auf eurem PC navigieren und das gewünschte Bild auswählen. Durch Klick auf [Öffnen] wird das Bild hochgeladen. Bild einfügen per Drag and Drop Eine andere Möglichkeit ein Bild zu laden ist das Bild per sogenanntem Drag and Drop die mit einer gestrichelten Linie eingerahmten Fläche im Fenster zu ziehen. Drag and Drop bedeutet: Die Datei anklicken, mit gedrückter Maustaste ziehen und anschließend am Zielort die Maustaste loslassen um die Datei abzulegen. Das Bild wird nun im Pop-Up Fenster angezeigt und es werden weitere Optionen sichtbar. Rechts neben dem Bild befinden sich die Bildinformationen wie der Dateiname, der Dateityp, das Upload-Datum und die Bildgröße in Pixel (Breite x Höhe). 2

3 Unter dem Bild befindet sich der Button [Bild bearbeiten], dahinter verbergen sich weitere Funktionen, mit denen das Bild bearbeitet werden kann. Das Bild bearbeiten 3

4 Die sieben Buttons über dem Bild: Ausschnitt: Der Button kann zuerst nicht gedrückt werden. Um einen Ausschnitt des Bildes zu erzeugen, einfach in das Bild klicken und mit gedrückter Maustaste ziehen, das Bild wird abgedunkelt und durch das Klicken und Ziehen wird ein Rechteck aufgezogen, das den Bildausschnitt umrahmt. Anschließend die Maustaste loslassen. Die Fläche in dem Rechteck ist heller. Wenn ihr mit dem Ausschnitt noch nicht zufrieden seid, kann der Rahmen an den kleinen Quadraten verschoben und somit der gesamte Ausschnitt geändert werden. 4

5 Rechts in der Box Bildausschnitt befindet sich ein Hilfe-Link, durch den noch weitere Erläuterungen zum Bildausschnitt ausgeklappt werden können. Erneutes klicken auf (Hilfe) klappt die Erläuterungen wieder ein. Seid ihr zufrieden mit dem Bildausschnitt, klickt auf den Ausschneiden-Button um das Rechteck auszuschneiden. Gegen den Urzeigersinn drehen / Mit dem Urzeigersinn drehen: Mit dem zweiten und dritten Button wird das Bild um 90 gegen den Urzeigersinn bzw. um 90 mit dem Urzeigersinn gedreht. Erneutes Drücken dreht das Bild 90 weiter in die entsprechende Richtung. Vertikal kippen: Der vierte Button spiegelt das Bild vertikal. Wiederholtes Drücken spiegelt das Bild noch einmal, wobei wieder das Ausgangsbild entstehen würde. 5

6 Horizontal kippen: Der fünfte Button spiegelt das Bild horizontal. Auch hier bewirkt wiederholtes Drücken des Buttons, dass wir wieder das Ausgangsbild hätten. Widerrufen: Der sechste Button macht den letzten Schritt rückgängig, das funktioniert natürlich nur, wenn schon etwas geändert wurde. Wiederholen: Mit dem siebten Button kann man wieder einen Schritt vor gehen aber erst nachdem ein Schritt rückgängig gemacht wurde. Bild skalieren Auch Bild skalieren ist ein Link, durch den eine nähere Erläuterung auf- und zugeklappt werden kann. 6

7 Wollt ihr das Bild skalieren, einfach in das erste Kästchen für die Breite oder in das zweite Kästchen für die Höhe klicken und die gewünschte Breite bzw. Höhe eingeben. Der jeweils andere Wert passt sich automatisch proportional an. Anschließend den Button [Skalierung] drücken und das Bild wird neu berechnet. Miniaturbild Einstellungen Auch hier verbirgt sich ein Hilfetext unter dem Link (Hilfe). In dieser Box kann angegeben werden auf welche Bilder der Beschnitt des Bildes angewendet werden soll. 7

8 Dafür gibt es die drei Möglichkeiten: Alle Bildgrößen, Miniaturbild, Alle Größen außer dem Miniaturbild Titel und weitere Angaben Titel, Alternativtext, Beschriftung, Beschreibung, URL, Ausrichtung und Größe des Bildes 8

9 Titel Am Bildtitel könnt ihr das betreffende Bild in eurer Bilddatenbank, der Mediathek wiedererkennen. Standardmäßig wird hier der Name der Bilddatei verwendet. Dieser Name erscheint auch in der URL des Bildes. Ist der Name der Datei nicht gut gewählt worden, solltet ihr den Titel jetzt ändern. Alternativtext Dieser Alternativtext ist wichtig für barrierefreie Websites. Das bedeutet, sehbehinderte Leser bekommen den Text von Screenreadern vorgelesen und dort, wo sich ein Bild befindet, kann der Alternativtext zum Bild vorgelesen werden, so erhalten diese Besucher zumindest die Information, was für ein Bild sich dort befindet. Beschriftung 9

10 Der Text, der hier eingegeben wird erscheint anschließend unter dem Bild. Beschreibung Die Beschreibung des Bildes ist nur für interne Zwecke. Sie soll ebenfalls die Übersicht über die Bilder in der Mediathek erleichtern. URL Hier wird die automatisch von WordPress dem Bild zugewiesene URL angezeigt. Mit den Buttons direkt darunter kann eingestellt werden, auf was das Bild verlinkt werden soll. [Keine]: Das Bild wird ohne Link eingefügt, das bedeutet, das Bild hat keine Funktion als Link, es ist nicht anklickbar. [Datei-URL]: Das Bild verlinkt auf die angezeigte URL, das bedeutet, wenn das Bild angeklickt wird, wird die originale Bilddatei aufgerufen. Diese Einstellung ist sinnvoll wenn das Bild im Text verkleinert dargestellt wird, dann kann es so durch Anklicken vergrößert werden. [URL des Anhangs]: Das Bild wird mit einer Seite verlinkt. Wird das Bild angeklickt, wird es auf dieser extra Seite des Blogs separat angezeigt. Ausrichtung Hier gibt es vier Optionen für die Ausrichtung des Bildes. Bei Links (Linksbündig), Zentriert und Rechts (Rechtsbündig) wird das Bild jeweils vom Text umflossen. Bei der Option Keine wird kein Text links und/oder rechts vom Bild angezeigt. Größe Hier werden bis zu vier Auswahlen für die Bildgröße angeboten. Das Miniaturbild hat immer eine Größe von 150 x 150 Pixel. Die Vollständige Größe ist immer die Größe des Ausgangsbildes. Die anderen beiden Größen Mittelgroß und Groß richten sich nach der Größe des Ausgangsbildes und können deshalb bei verschiedenen Bildern unterschiedlich sein. Wenn das Ausgangsbild recht klein ist, zum Beispiel eine Größe von 300 x 200 Pixel hat, stehen nicht alle Größen zur Auswahl. Ist eine Auswahl nicht möglich, dann wird die Größe in Pixel auch nicht hinter der entsprechenden Auswahl angezeigt. Bei einer Größe von 300 x 200 Pixel steht zum Beispiel nur das Miniaturbild und die Vollständige Größe zur Verfügung. Der letzte Schritt 10

11 Als letzter Schritt wird der Button [In Artikel einfügen] gedrückt. Das Pop-Up Fenster schließt sich daraufhin und das Bild wurde in den Text eingefügt. Das Bild ist auch gleichzeitig über die Mediathek zu finden. 11