Anleitung
Ortsvereins-Website
Elementor
Überblick Elemente

Das Bild-Element

Bevor Sie das Bild-Element in Elementor bearbeiten können, müssen Sie dieses zuerst in die Seite oder den Beitrag eingefügt haben. Wie dies geht, zeigt unsere Anleitung „Elemente einfügen“ .

  • Bilder sollten optimalerweise schon vor dem Upload zugeschnitten / komprimiert werden. Hierdurch sparen Sie unnötigen Speicherplatz in Ihrem Webspace und vermeiden unnötige Ladezeiten auf Ihrer Ortsvereins-Website.
  • Möglichkeiten, Bilder zuzuschneiden zeigt unsere Anleitung "Bilder zuschneiden (optimale Bild-Größe)".
Bilder zuschneiden (optimale Bild-Größe)
Inhalt bearbeiten
1

Bild wählen...

  • Klicken Sie links im Editor-Bereich auf die "Bild wählen" Fläche, es öffnet sich die Mediathek:
2

... aus Mediathek (kurz zuvor hochgeladene Bilder)

  • Medien einfügen
    • Reiter "Mediathek": Wählen Sie aus den bereits hochgeladenen Bildern das gewünschte Bild aus (die zuletzt hochgeladenen Bilder befinden sich immer ganz oben links)
    • mit blauem "Auswählen" - Button bestätigen
3

... oder über "Datei hochladen" (noch nicht hochgeladene Bilder)

  • Medien einfügen:
    • Reiter "Datei hochladen": Ziehen Sie per Drag & Drop von Ihrem PC das gewünschte Bild auf die Mediathek-Schaltfläche (färbt sich blau) und lassen es dort los - Bild lädt hoch und ist danach automatisch ausgewählt
    • mit blauem "Auswählen"-Button bestätigen
4

... oder über URL (schon länger hochgeladene Bilder)

  • Von URL einfügen
    • Wenn Sie ein schon länger hochgeladenes Bild einfügen möchten, öffnen Sie einfach (am besten parallel in einem eigene Browser-Fenster) im WordPress-Adminbeich (dunkelgraues Adminmenü > Medien) die Mediathek
    • Suchen Sie sich das gewünschte Bild raus und klicken dieses an
    • Kopieren Sie sich rechts bei den Bilddaten die URL (Button "URL in Zwischenablage kopieren").
    • Diese URL können Sie dann wiederum hier im Elementor Editor im Bild-wählen-Modus unter der Option "Von URL einfügen" (oben links wählen statt Medien einfügen) eintragen
    • Das Bild wird automatisch im System erkannt, keine weiteren Einstellungen notwendig
    • mit blauem "Auswählen"-Button bestätigen
  • externe URLs, die NICHT über Ihre Ortsvereins-Website laufen, sollten hier NICHT eingetragen werden!
5

Bildgröße

  • Wählen Sie bei Bildgröße die Bildqualität, die Ihnen zur Einbindung ausreicht:
    • Thumbnail - wenn Sie das Bild nur als kleines Vorschaubild einbinden möchten
    • Medium - wenn Sie das Bild in halber Bildschirmgröße oder etwas kleiner einbinden möchten
    • Originalgröße - wenn Sie das Bild in voller Größe, zum Beispiel wie im Slider auf der Startseite, einbinden möchten
    • die anderen Optionen sind in der Regel unrelevant
6

Ausrichtung

  • Wenn gewünscht, Ausrichtung wählen: Linksbündig, mittig oder rechtsbündig
  • Diese Option wird nur sichtbar, wenn das Bild weniger als 100% der Seitenbreite einnimmt
  • ansonsten einfach freilassen
7

Bildunterschrift

  • Im Standard ist "Keine" ausgewählt
  • Wenn gewünscht, Bildunterschrift wählen:
    • "Beschriftung des Anhangs" - hier wird automatisch der Text eingefügt, der in der Mediathek zu diesem Bild im Feld "Beschriftung" hinterlegt ist
    • oder "Eigene Beschriftung" - hier können Sie Ihre Beschriftung dann direkt eingeben
8

Link

  • Im Standard ist das Bild-Widget nicht verlinkt
  • Wenn Sie das Bild mit seiner Originaldatei verlinken möchten (Bild öffnet sich dann bei Klick in einer Lightbox mit schwarzem Hintergrund in groß), können Sie im Dropdown "Medien-Datei" auswählen
  • Wenn Sie das Bild mit einem anderen Link verknüpfen möchten, wählen Sie "Individuelle URL" und fügen die entsprechende URL ins Link-Feld ein
    • Link Optionen - Auf Zahnrad-Symbol rechts neben Link-Feld klicken: Es öffnen sich die Link-Optionen:
      • Bei externen Links, die von der Ortsverein-Website wegführen, bitte Häkchen setzen bei "Link in neuem Fenster öffnen"
      • Bei seiten-internen Links sind keine Link-Optionen notwendig.
9

Andere Optionen

  • Alle anderen Optionen werden in der Regel nicht benötigt.
10

Speichern

  • Zum Speichern der Einstellungen im Editor oben rechts auf den pinken "Veröffentlichen" - Button klicken (färbt sich wieder dunkelgrau, dann ist alles gespeichert)
  • Das Bild-Element ist nur zum Einfügen von EINZEL-BILDERN gedacht. Sobald 2 oder mehrere Bilder neben- / untereinander eingebunden werden sollen, benutzen Sie am besten das GALERIE-Widget
Galerie-Widget
Stil bearbeiten

Bild

1

Breite, Höchstbreite und Höhe

  • Für ein gutes responsives Verhalten empfehlen wir bei Breite den Wert 100%. So passt sich das Bild immer automatisch der Größe des umschließenden Containers an. Es wird nichts abgeschnitten, nichts verzerrt und es sind in der Regel keine weiteren Responsiv-Einstellungen nötig
  • Wenn Ihnen das Bild in der 100% Ansicht im Desktop- und Tabletmodus zu groß ist, können Sie die Bildbreite mit den Höchstbreite Einstellungen begrenzen, z.B. 400px. Das Bild wird dann also in 400px angezeigt (denn dies ist der eingetragene Maximalwert der Höchstbreite), es sei denn der Container ist kleiner als 400px, dann schrumpft das Bild automatisch auf diese Größe mit und wird bei kleineren Bildschirm-Breiten nicht abgeschnitten.
  • Höhe können Sie in der Regel freilassen.
2

Andere Optionen

  • Alle anderen Optionen werden in der Regel nicht benötigt.
3

Speichern

  • Zum Speichern der Einstellungen im Editor oben rechts auf den pinken "Veröffentlichen" - Button klicken (färbt sich wieder dunkelgrau, dann ist alles gespeichert)

Bildunterschrift (falls vorhanden)

1

Ausrichtung

  • Textausrichtung wählen: Links, zentriert, rechts, ausgerichtet (Blocksatz)
2

Textfarbe und Hintergrund-Farbe

  • Jeweils zwei Möglichkeiten:
    • Per Vorgabe (Weltkugel-Icon) kann man auf die in den Website-Einstellungen angelegten "Globalen Farben" zurückgreifen, um sicherzustellen, dass man immer den selben Farbton verwendet
    • Alternativ steht auch die Farbpalette zur Verfügung (Icon mit rot durchgestrichenem farblosem Quadrat, solange noch keine Farbe hinterlegt ist / farbiges Quadrat, wenn bereits eine Farbe hinterlegt ist)
3

Typographie

  • Um Änderungen am Schriftbild der Bildunterschrift vorzunehmen, klicken Sie bei Typographie auf den Icon mit Stift - es öffnen sich die Typographie-Einstellungen
  • Alle Optionen hierfür finden Sie in unserer Anleitung "Typographie-Einstellungen"
4

Abstände

  • Abstand zwischen Text und Bild einstellen
5

Andere Optionen

  • Alle anderen Optionen werden in der Regel nicht benötigt.
6

Speichern

  • Zum Speichern der Einstellungen im Editor oben rechts auf den pinken "Veröffentlichen" - Button klicken (färbt sich wieder dunkelgrau, dann ist alles gespeichert)
Erweitert bearbeiten
Anleitung "Erweiterte Einstellungen"