MODX-Anleitung

Bild innerhalb Text

ie "Hauptbilder" für die Darstellung der Teaser werden über eine Template-Variable hinzugefügt, dazu mehr weiter unten.

BITTE BEACHTEN: BEIM ERSTELLEN EINER NEUEN RESSOURCE/SEITE, BITTE VOR DEM HINZUFÜGEN VON BILDERN DIE RESSOURCE/SEITE DURCH KLICK AUF "SPEICHERN" ABSPEICHERN. DIES GEWÄHRLEISTET, DASS DAS BILD AUTOMATISCH IM RICHTIGEN ORDNER ABGESPEICHERT WIRD.

Ich habe für den Upload der Bilder ein Zusatz-Plugin gekauft, welches die Organisation der Bilduploads weitestgehend automatisch vornimmt. Beim Upload eines Bildes wird automatisch der Name der obersten Ressource/Seite als Ordnername gewählt, weiterhin wird ein Unterordner mit dem aktuellen Jahr und Datum erstellt. Somit sollte das Ganze relativ übersichtlich bleiben, dadurch dass die Bilder automatisiert in den entsprechenden Unterordnern abgespeichert werden. Es wäre auch möglich den Benutzernamen hinzuzufügen, wenn dies gewünscht wird. Solltest Du noch zusätzliche Ideen für eine optimierte Organisation der Dateien haben, lass es mich gern wissen.


Zum Einfügen eines Bildes gibt es ebenfalls mehrere Möglichkeiten:

Klick auf dieses Symbol:

Daraufhin öffnet sich ein neues Modal-Fenster, über welches man neue Bilder hinzufügen oder bereits hochgeladene Bilder auswählen kann.

  • Reiter "Upload"

    hier können neue Bilder entweder per Drag'n'Drop oder per Klick auf "Durchsuchen" hinzugefügt werden. Das Bild wird dann automatisch im Hintergrund hochgeladen.

  • Reiter "Choose"

    hier werden alle bereits hochgeladenen Bilder aus dem Ordner mit dem Namen der obersten Ressource/Seite angezeigt und man kann eines der Bilder per Klick auswählen.

    Die Bilder aus den zuvor erwähnten automatisch erstellten Unterordnern mit aktuellem Jahr und Monat werden hier ebenfalls angezeigt, aber nicht in die Unterordner unterteilt, sondern in einer Gesamtübersicht.

  • per Drag'n'Drop in das "Inhalt"-Textfeld:
    Das gewünschte Bild einfach aus dem Windows-Explorer in das Textfeld ziehen, das Bild wird dann automatisch im Hintergrund hochgeladen und eingefügt.

  • Bild verschieben

    Ein eingefügtes Bild kann einfach per Drag'n'Drop an eine andere Stelle im Text verschoben werden.


    Bild bearbeiten / Bild als Link

    Ein eingefügtes Bild kann per Klick darauf und anschließendem Klick auf "Bearbeiten" editiert werden. Daraufhin erscheint ein Modal-Fenster mit verschiedenen Optionen:

    • erstes Textfeld ohne Bezeichnung = Alt-Text

      hier kann der alt-Text eingetragen werden (dient ebenfalls den Suchmaschinen-Robotern und ist nur im Quelltext sichtbar); dies ist aber ein nicht unwichtiger Faktor für Suchmaschinen. Hier sollte eine möglichst kurze Bezeichnung für das Bild oder die Seite gewählt werden.

    • Link

      hier kann wieder eine URL eingetragen werden oder aber der zuvor schon beschriebene Platzhalter:

      [[~ID-der-Ressource]]

    • Link in neuem Tab öffnen

      öffnet bei Klick den eingetragenen Link in einem neuen Fenster

    • Textumbruch

      definiert, wie sich Text um das Bildelement herum verhalten soll:

      • Linksbündig
      • Mitte
      • Rechtsbündig
    Bei Fragen stehe ich gerne per Email oder telefonisch zur Verfügung.