Bilder auf der Webseite

Bilder laden Sie über den Texteditor oder die Mediathek hoch. Die Mediathek finden Sie im Dashboard -> Mediathek.

Ziehen Sie das Bild per 'Drag&Drop' aus dem Dateiexplorer in den Texteditor. Dies stösst automatisch einen Uploadvorgang in die Mediathek an.

Alle Dateien liegen in der Mediathek. Laden Sie Dateien und Bilder am besten auf der Seite hoch, auf der sie auch auftauchen sollen. Der Vorteil: in der Mediathek sehen Sie die Verknüpfung dieser Elemente.

Alle Dateien werden nach Monaten abgespeichert, damit nie zu viele Dateien in einem Ordner liegen.

Wenn Sie eine Datei zu einer Seite hochladen, wird diese Datei in dem Jahres-Monats-Ordner gespeichert, an dem die Seite publiziert wurde. Es handelt sich NICHT um das Datum des hochladens. Wenn Sie die Datei über die Mediathek direkt hochladen, wird die Datei in den aktuellen Jahres-Monats-Ordner hochgeladen.

Mediathek organisieren

Bevor Sie anfangen, wild Bilder hochzuladen, überlegen Sie sich eine Strategie, wie Sie Bilder immer wiederfinden, die zusammengehören. Da Sie in der Mediathek keine Ordnerstruktur haben, lohnt sich eine Systematik gleich von Anfang an. Hier unsere Vorschläge gegen einen Mediathek-Dateien-Dschungel:

 

  • Struktur in der Mediathek geht davon aus, dass man einen Blog hat, das kann man Nutzen (einschränken auf einen Monat)
  • Bilder und Dateien NIE in der Mediathek hochladen, sondern IMMER aus der Seite! Dann hat man in der Mediathek die Verknüpfung "Hochgeladen zu"
  • Die Bilder geeignet nennen (vor allem bei Bildergalerien, anstelle des von der Kamera vergebenen kryptischen Namens). Zusammengehörende Bilder haben am besten den gleichen Dateinamensanfang. Danach können sie in der Mediathek auch einschränken.
  • Das geht auch im Nachhinein: Verwenden Sie die Felder Beschriftung und Beschreibung. Nach denen können Sie in der Mediathek suchen!

Bilder hochladen

Gehen Sie auf "Dateien hinzufügen". Es öffnet sich folgendes Fenster.

bildhochladen

 

Bild hinzufügen

Drücken Sie auf "Medien hinzufügen" und anschließend auf "Dateien hochladen".

Per Drag and Drop oder über "Dateien auswählen" können Sie nun das gewünschte Bild hochladen. Das ausgewählte Bild befindet sich automatisch in Ihrer Mediathek.

Bitte beachten: Folgende Zeichen im Dateinamen können nach unseren Erfahrungen Probleme verursachen: +
Am besten entfernen Sie solche Zeichen aus dem Dateinamen, bevor Sie das Bild hochladen.

Fügen Sie das Bild an der markierten Stelle im Texteditor ein mit "in die Seite einfügen/in den Beitrag einfügen" .

Bilddetails

Bildtitel, Beschriftung und Alternativtext des Bildes werden rechts angezeigt, wenn Sie das Bild markiert haben. Diese Details werden z.B in der Anhangsseite angezeigt.

Bildgröße

Beim Hochladen werden mehrere Versionen Ihres Bildes angelegt: ein quadratisches Miniaturbild, eine mittelgroße und eine große Version. Beachten Sie: wenn Sie die vollständige Größe einbauen, wird das Bild zwar optisch verkleinert in die Seite eingepasst, die Dateigröße kann aber mehrere Megabyte betragen!

Wir empfehlen, Bilder mit einer maximalen Breite von 500 Pixeln zu verwenden.

bilder-groesse

Wohin soll das Bild verlinken

  •  Neben einer benutzerdefinierten URL können Sie
  • auf die Medien-Datei verlinken lassen. (Klick auf das Bild öffnet die originalgroße Version des Bildes in einem neuen Fenster).
  • Wenn Sie auf eine Anhang-Seite verlinken, wird wenn auf das Bild geklickt wird, eine Anhangseite geöffnet, in der zum Beispiel auch eventuelle Bildbeschreibungen angezeigt werden.
  • Bei keiner Verlinkung des Bildes passiert nichts.

Screenshot

Bild bearbeiten

Sollte das Bild aber zu groß sein, können Sie die Bildgröße direkt in WordPress ändern, indem Sie auf den Bild bearbeiten-Button unter dem kleinen Vorschaubild klicken.

Damit starten Sie einen Editor zur Bildbearbeitung. Hier können Sie unter anderem das Seitenverhältnis per Bildausschnitt ändern oder das Bild skalieren.

bildbearbeiten

 

Mit den Buttons oberhalb des Vorschaubildes können Sie das Bild drehen und spiegeln. Klicken Sie rechts oben auf Bild skalieren, um die Größe des Bildes proportional zu verändern. Bestätigen Sie Ihre Eingabe im Format Breite x Höhe mit einem Klick auf den Button Skalierung. Das Bild wird nun gespeichert, die Änderung kann jedoch wieder rückgängig gemacht werden.

Sie können direkt im Vorschaubild auch einen Bildausschnitt auswählen, indem Sie mit der Maus wie im Beispiel gezeigt den gewünschten Bereich umranden. Ihre Auswahl wird automatisch in der rechten Spalte im Bereich Bildausschnitt übernommen.

Nun sollten Sie sich dem Titel und der Beschreibung des Bildes widmen.

Geben Sie dem Bild zunächst einen aussagekräftigen Titel. Es handelt sich hierbei nicht um den Dateinamen, sondern um den Namen der Datei, wie er in der Mediathek angezeigt wird. In das zweite Feld Beschreibung geben Sie den Text ein, der erscheinen soll, wenn der Besucher mit der Maus über das Bild fährt (ein sog. Tooltip). In das Feld Beschriftung geben Sie den Text ein, der angezeigt wird, wenn das Bild nicht geladen wurde.

Unter URL können Sie angeben, ob das Bild eine Verlinkung haben soll. Sie können selbst eine Url eingeben, eine Verlinkung zur Bild-Datei (Datei-Url) oder zum Artikel (Artikel-URL) einrichten oder auf die Verlinkung verzichten (Keine).

Mit dem "Speichern"-Knopf speichern Sie Ihre Änderungen am Bild. Falls Sie die Änderungen wieder rückgängig machen wollen, können Sie dies über den Button "Originalbild wieder herstellen".

Originalbild

 

Um das Bild nach der Bearbeitung in Ihren Texteditor einfügen zu können, müssen Sie wieder zurück in Ihr Ausgangsfenster wechseln und auf "in die Seite einfügen/in den Beitrag einfügen" klicken.

Weitere Möglichkeiten, Bilder einzufügen

von URL einfügen

Bitte beachten:

Für die Einbindung fremder Inhalte (z.B. fremder Bilder) in die Internetseiten Ihres Projektes muss in der Regel die Zustimmung des Urhebers eingeholt werden. Das Zentrum für Datenverarbeitung ist nicht verantwortlich für Urheberrechtsverletzungen, welche durch den nicht-autorisierten Upload fremder Inhalte entstehen.

Wenn Sie auf ein Bild direkt aus dem Internet verweisen möchten (und dürfen)

url

Dafür geben Sie die gewünschte URL des Bildes an sowie eine Titel für das Bild und drücken anschließend auf "in die Seite einfügen/in den Beitrag einfügen".

 

Beitragsbild festlegen

Wird in unserem Layout nur im Imagescroller verwendet.

Bild und Text nebeneinander

P1050048Dies erreichen Sie durch die Ausrichtung. Beim Einbau des Bildes im Menü auf der rechten Seite. Ausrichtung= links sieht dann in Kombination mit der Textboxaktuell-Klasse so aus.
Die optimale Reihenfolge ist: zuerst den Text (in einem Absatz). Dann das Format textboxgrau zuweisen. Als nächstes den Cursor vor den Text und und das Bild einbinden. Als letztes das Bild links ausrichten. Bild und Text müssen gemeinsam in einem Absatz stehen, um die gewünschte Ausrichtung zu erreichen.

Bild aus der Mediathek löschen

Klicken Sie dazu in der Mediathek einmal auf das Thumbnail-Bild der zu löschenden Datei:

mediathek_thumbnail

Danach erhalten Sie die Detailansicht, in der Sie unten rechts einen Link 'Unwiderruflich löschen' finden:

meda_delete

Bitte beachten: die Datei kann danach nirgendwo in WordPress mehr angezeigt/verwendet werden. In allen Seiten/Beiträgen, die möglicherweise darauf verlinkten, werden diese Links danach nicht mehr funktionieren. Wurde eine Datei auf diesem Wege ungewollt gelöscht, wenden Sie sich bitte unter Angabe der Blog-URL an: webmaster@uni-mainz.de.

Diashow (JGU Imagescroller)

Dazu benötigen Sie zuerst je einen Beitrag für jedes Bild. Das Bild ist mit dem jeweiligen Beitrag verlinkt. Lesen Sie mehr dazu: JGU Imagescroller einrichten

Datenschutz bei Bildern

Sie dürfen nicht einfach alles hochladen oder wiederverwenden! Mehr dazu auf: Datenschutz bei Bildern