ModX Tutorial

Changing the net, one site at a time…

Bildimport
video-icon
Das Bildimport Fenster
   
 werkzeugleiste
   
baum-icon-bildimportDer Bildimport geschieht über die Schaltfläche mit dem Baum-Iocn. Klickt man darauf, öffnet sich das Fenster mit den Optionen zum Importieren und bearbeiten von Bildern.

Das sich nun öffnende Fenster hat drei Tab-Reiter:

 

 
werkzeugleiste

1. Allgemein / General

image-import.png 

 Durch Klicken auf den A uswahl Button   wird die Bildquelle gewählt und die URL des Bildes gezeigt.

Im zweiten Eingabefeld sollte die Benennung des Bildes vorgenommen werden.

Sind all diese Eingaben / angaben gemacht, wird das ausgewählte Bild als Vorschau dargestellt.

   
bilder-manager-02

2. Aussehen / Appearance

Hier kann der Textfluss und das Verhalten des Bildes in Bezug auf die es umgebenden Elemente festgelegt werden.
Alle unter "Ausrichtung" / "Alignment" gewählten Einstellungen werden in ihren Auswirkungen auf das betreffende Bild in dem Vorschau mit dem stilisierten Baum veranschaulicht.

"Ausmaße" / "Size" Wichtig ist vor allem die Einstellung der Größe in Pixelwerten.

   
bilder-manager-03 3. Advanced / Erweitert

Dieses Fenster erlaubt Animationen bzw. den Bildtausch bei "mouse over" und "mouse out".

Dazu aktiviert man die Option "alternative Image" und klickt zum Festlegen der Alternativ-Bilder (müssen exakt dieselbe Größe haben!!!)
auf den Auswahl Button.


Abschließend muss der Dialog mit "insert" abgeschlossen werden.
   
2.  Bilder auf den Server laden ... 
   
 bildimport-01

bildimport-02

Zum Hochladen von Bildern auf den Server, zuerst in der Werkzeugleiste auf das Bild-Import-Icon klicken.

Nun öffnet sich der Bild-Import-Manager, der alle bereits geladenen Bilddateien anzeigt. Man sieht hier die schon vorhandene Ordnerstruktur, die wichtig ist, denn auch hier ist Ordnung nicht nur das halbe, sondrn das gesamte Leben.

Also Bilder immer in Ordner - niemals in das Rootverzeichnis laden.

Eine durchdachte Ordnerstruktur erleichert besonders dann das Leben, wenn die Site umfangreicher geworden ist und das Datenvolumen ebenfalls gestiegen ist. Ohne ein Ordnungssystem ist man schnell an seine Grenzen gestoßen ...

   

 bildimport-03

 

Im Bild-Import-Manager selbst muss nun die Schaltfläche "Durchsuchen" für die Bildauswahl anklickt werden, die rechts unten im Fenster zu finden ist. 

Nun greift ModX auf den eigenen Desktop zu und man wählt hier die Bilddatei, die auf den Server geladen werden soll, damit sie ModX zur Verfügung steht.

Den Vorgang mit "Upload" beenden.
bildauswahl-09

   
  3.   Bilder vom Server laden ...
   
 bildauswahl-10

Alle Bilder, die sich innerhalb der vorhandenen Ordnerstruktur auf dem Server befinden, können per Mausklilck in die Seite eingefügt werden.

Dazu klickt man in die gewünschte Datei - hier das Icon "BlurMetal_b7.gif.

 

   
 bildauswahl-11

 Die gewünschte Datei wird nun im Bild-Import-Manager angezeigt. Um sie endgültig auf der Site zu implementieren, einfach auf die Schaltfläche "einfügen" klicken - fertig!
bildauswahl-12