7. Ein PDF (oder Bild) verlinken

Wenn wir ein Bild (JPG, PNG, GIF, SVG) verlinken würden, wären es die gleichen Prozesse. Wir könnten als das Wort PDF einfach mit dem Wort Bild vertauschen und hätten auch eine Anleitung für Bilder hochladen.

Wir wollen nun ein PDF mit einer Textstelle verlinken. Das PDF befindet sich noch nicht auf dem Webserver. Das Hochladen des PDF und das editieren der Textstelle machen wir in einem Aufwisch. Es gibt nur wenige CMS, die das können. Aber mit Contao sind wir gut bedient. Das ist der Hyundai unter den Content Management Systemen. Markieren Sie nun das Wort Technik (rot umrandet Nr. 1). Dazu wendet man einen DOPPELKLICK auf das Wort Technik an. Das Wort Technik ist nun markiert. Jetzt klickt man auf das Werkzeug "Link einfügen/bearbeiten" (2).

PDF verlinken
PDF verlinken

Das Fenster "Link einfügen" öffnet sich. Dort ist ein Icon "Ordner mit Lupe" (1) zu sehen. Irgendwie sieht es eher aus wie ein "Fotoapparat" - aber egal. Das Fenster öffnet sich und fragt nach einem URL. Ein URL ist ein Link. Man kann einen Link setzen auf eine Seite, auf ein Bild, auf eine Excel-Datei usw. oder auf ein PDF. Wir klicken nun auf das Icon "Ordner mit Lupe" (1).

Link einfügen
Link einfügen

Ein weiteres Fenster öffnet sich. Wir sehen die Seitenstruktur (1). Wir wollen jedoch nicht eine Seite verlinken, sonst wären wir hier richtig, sondern wir wollen ein markiertes Wort mit einer PDF-Datei verlinken. Ein PDF ist eine Datei. Deshalb wählen wir "Zum Dateiwähler" (2).

Link einfügen Seitenstruktur
Link einfügen Seitenstruktur

Schon öffnet sich wieder ein neues Fenster. Wir sehen nun unseren Dateipfad. Dort befindet sich auch ein Ordner "PDF" (1). Leider sehen wir noch nicht unser PDF, weil es sich nicht auf unserem Computer befindet. Wir müssen nun die "Dateiverwaltung" öffnen. Oben im Fenster sehen wir zwei Links "Zum Dateiwähler" und "Die Dateiverwaltung öffnen". Klicken Sie nun auf "Die Dateiverwaltung öffnen" (2).

Es öffnet sich schon wieder ein Fenster, wer hätte das gedacht! Wir befinden uns jetzt in der Dateiverwaltung. Woher weiss ich,dass wir uns in der Dateiverwaltung befinden? DateiverwaltungDas Fenster sieht ja ganz ähnlich wie die anderen sich öffnenden Fenster aus? Schauen Sie die neu dazu gewonnen Optionen an (Zeile im oberen Bildbereich beachten):  z.B. "Neuer Ordner", "Datei-Upload", "Synchronisieren". Wir klicken auf "Datei-Upload", denn wir möchten eine Datei, nämlich ein PDF, hochladen.

 

PDF hochladen
PDF hochladen

Es öffnet sich ein Fenster und fragt (siehe graue Textmitteilung) wo wir unser nächstes Element positionieren wollen (1). Wir wollen unser PDF, das sich auf unserem Computer befindet, in den Ordner "PDF" transferieren. Achtung: immer schön auf der gleichen Linie (4) bleiben.

Wir klicken nun das kleine orange Icon Oranges Icon"In dieses Verzeichnis einfügen" (3). 

PDF einfügen
PDF einfügen

Das Fenster "Datei-Upload" öffnet sich und fragt, welche Datei wir vom Computer hochladen wollen. Klicken Sie auf "Datei auswählen"(1). Wenn Sie sich geirrt haben, gelangt man mit dem Pfeil "Zurück" (2) zum letzten Fenster zurück oder schliessen Sie einfach das Fenster (3). Wir haben uns aber nicht geirrt, deshalb klicken wir nun im neuen Fenster auf den Button "Datei hochladen und zurück".

Datei-Upload
Datei-Upload

Wir haben nun die PDF-Datei ausgwählt (1), die wir mit der Textstelle verbinden wollen. Schauen Sie sich bitte auch die Upload-Informationen (2) an. Sie geben Auskunft, wieviel Megabyte wir hochladen dürfen und wie gross ein Bild sein darf. Zum Abschluss wird der Button "Datei hochladen und zurück" (3) gewählt.

Datei Upload II
Datei Upload II

Das PDF ist nun in unserm gewünschten Ordner gelandet (1). Jetzt müssen wir die Datei nur noch auswählen. Wir sehen jedoch nirgends einen Button "Auswählen". Deshalb klicken wir auf den Link "Zurück zum Dateiwähler" (2). Wenn wir die Bezeichnungen im Fenster genau lesen, ist Contao eigentlich "selbsterklärend". Deshalb rate ich dem Anfänger: lesen Sie alles gründlich und konzentriert.

Zurück zum Dateiwähler II
Zurück zum Dateiwähler II

Jetzt sind wir im Dateiwähler und wählen unsere Datei, PDF (1). Markieren Sie nun den Radio-Button ganz rechts (roter Pfeil) und klicken unten den Knopf "Anwenden" (2).

Datei auswählen II
Datei auswählen II

Es öffnet sich ein letztes weisses kleines Fenster "Link einfügen". Dort sehen wir den Pfad des PDF (1). Das PDF befindet sich im Ordner /files/vision/pdf. Das PDF ist mit der Textstelle "Technik" (6) verbunden, weil das Wort "Technik" im zweiten Feld "Anzuzeigender Text" (2) erscheint. Den Titel (3) dürfen Sie nicht leer lassen. Der Titel soll aussagekräftig und möglichst ein gutes Suchwort enthalten (denken Sie daran, wie Ihre Besucher suchen würden - welche Suchworte würden diese benutzen?).

Wichtig: Das PDF soll in einem neuen Fenster öffnen (4). Mit "OK" (5) bestätigt man den ganzen Vorgang und schliesst ihn ab.

Link einfügen final
Link einfügen final

Jetzt sehen wir, dass der verlinkte Text blau unterstrichen ist (1). Wir sind nun beinahe fertig. Vergessen Sie jetzt nicht die Seite zu "speichern und schliessen" (2).

Link einfügen blauer Text
Link einfügen blauer Text

Merke: Wir sind uns immer bewusst, was wir gerade machen. Laden wir gerade ein Datei hoch? Müssen wir die Textstelle verlinken? Ist es ein PDF oder ein Bild, welches wir verlinken oder ist es eine Seite oder ein externer Link? Welche Arbeiten wir gerade ausführen, definieren unser Werkzeug: Seitenwähler, Dateiwähler, Dateiverwaltung? Stellen Sie sich Fragen: z.B. wofür brauchen wir die Dateiverwaltung? (Antwort: Zum Hochladen von Dateien. Dateien sind PDF, Bilder, MP3-Lieder, Filme, Excel-Sheets usw.). Wann brauchen wir den Seitenwähler? Antwort...?