Kopfgrafik und Kopflinks (Stand: Februar 2012)

Transkript

1 Anleitung directcms 5.0 Konfiguration der Startseite Kopfgrafik und Kopflinks (Stand: Februar 2012) Jürgen Eckert Domplatz Bamberg Tel (09 51) Fax (09 51) Mobil (01 79) eckert@erzbistum-bamberg.de Im Internet Diese Unterlagen sind nur zum Gebrauch in Seminaren des Verfassers bestimmt. Sie sind Arbeitsunterlagen und müssen noch mündlich und schriftlich ergänzt werden. Die Veröffentlichung ist untersagt ebenso die Weitergabe an Dritte.

2 Inhaltsverzeichnis 2 Inhaltsverzeichnis 1 Einführung 3 2 Erstellen und Einfügen der Kopfgrafik 3 3 Headernav und Topnav Sammlung anlegen und füllen Veröffentlichung überprüfen 9

3 1 Einführung 3 1 Einführung Zur Individualisierung der jeweiligen Homepage steht wie im CMS3.3 eine Kopfzeile zur Verfügung, die nach Belieben gestaltet werden kann. Neu sind Sprungmarken, die entweder oberhalb ( Topnav ) oder in ( Headernav ) der Kopfgrafik stehen. Sie sollen noch einmal gesondert die wichtigen Seiten der Homepage hervorheben. Die Punkte Sekretariat bis Impressum (ganz oben) sind dabei Topnav, Über Cursillo und Kurse Headernav. Die Grafik dahinter ist die Kopfgrafik, die Suchleiste auf Höhe der Sprungmarken fügt sich selbständig ein. 2 Erstellen und Einfügen der Kopfgrafik Voraussetzung zum Anlegen des Headerbildes sind grundlegende Kenntnisse in einem Bildbearbeitungsprogramm. Ob Gimp oder Photoshop ist irrelevant, wichtig ist die Größe von 980x90 Pixel, normalerweise im jpeg-format. Speichern Sie die erstellte Grafik mit einem beliebigen Namen ab und loggen Sie sich in das CMS ein (cms.kirche-bamberg.de). Das Anlegen funktioniert wie bei einem normalen Bild, nur der Medientitel muss der fest vorgegebene sein. Gehen Sie zum Anlegen in der linken Navigation auf den Punkt Inhalte und hier auf Medien. Dort klicken Sie auf den Button Neu und den Menüeintrag Neue Medien.

4 2 Erstellen und Einfügen der Kopfgrafik 4 Der Titel des neuen Mediums muss Kopfgrafik sein. Um Bilder von Ihrem Computer in das Redaktionssystem hochzuladen, benötigen Sie den Button Upload. Klicken Sie darauf und es öffnet sich ein neues Fenster mit dem Titel Medien- Upload

5 2 Erstellen und Einfügen der Kopfgrafik 5 Betätigen Sie den Button Upload und Sie gelangen zu dem Fenster Dat(ein) hochladen. Klicken Sie auf den Button Datei(en) hinzufügen. Sie sehen nun in einem neuen Fenster die Ordner und Dateien, die sich auf Ihrem PC befinden. Suchen sie die Datei für die Titelgrafik. Durch einen Klick auf die Datei, wird diese in das Feld Dateiname befördert. Steht die richtige Datei im Feld Dateiname, aktivieren Sie den Button Öffnen. Den Titel der Datei sehen Sie nun im Fenster Datei(en) hochladen unter der Rubrik Dateiname. Aktivieren Sie den Prozess des Hochladens, indem Sie auf den Button Datei(en) hochladen klicken. Bestätigen Sie den Vorgang im Fenster Medienupload durch Betätigung des OK -Buttons.

6 2 Erstellen und Einfügen der Kopfgrafik 6 Im Formular Medien ist die Datei nun im Unterformular Dateien und Text angehängt. Damit Sie Ihre Grafik im Redaktionssystem auch noch in einem Jahr wiederfinden, ist es nötig Suchbegriffe zu vergeben, die die Suche erleichtern. Füllen Sie im Formular Medien das Feld Suchbegriffe aus. Verwenden Sie Bezeichnungen, die Sie mit der Grafik in Verbindung bringen. Im Fall der Kopfgrafik sind Suchbegriffe wie Header, Kopfgrafik Grafik, Headergrafik u.ä. sinnvoll. (Achtung: Besteht ein Suchbegriff aus mehreren Worten, müssen diese in Anführungszeichen gesetzt werden.--> Funktioniert im Moment noch nicht) Die Einstellungen für die Grafik zur Titelleiste sind nun vollständig. Bestätigen Sie ihre Einträge durch den Speichern -Button unten rechts.

7 3 Headernav und Topnav 7 Wichtig: Speichern Sie nach Möglichkeit die Originaldatei, über die Sie das Bild erstellt haben (also bei Photoshop die entsprechende psd-datei), ebenfalls im CMS ab. Dadurch ist sie zum einen gesichert und kann zum anderen auch nachbearbeitet werden, wenn zum Beispiel ein neues Logo verfügbar ist. 3 Headernav und Topnav Anders als die Kopfgrafik müssen Headernav und Topnav nicht angelegt werden. Je größer die Homepage ist bzw. wenn Sie bestimmte Punkte hervorheben wollen, sind die Sprungmarken jedoch sinnvoll. 3.1 Sammlung anlegen und füllen Zum Anlegen ist im CMS wieder der Punkt Inhalte zu wählen. Als Navigationspunkt in Medien finden Sie die Sammlungen. Klicken Sie hier auf Neu, um eine neue Sammlung anzulegen. Der Titel der neuen Sammlung muss entweder Topnav (für die Links oberhalb der Kopfgrafik) oder Headernav (für die Links unterhalb der Kopfgrafik) sein. Gehen Sie nun in den Reiter Medien. Dort finden Sie den Button Hinzufügen, über den Sie einen Hyperlink anlegen können. Es öffnet sich ein neues modales Fenster, in dem mittig unten der Button Neu ist. Klicken Sie darauf, öffnet sich wiederum ein neues Fenster.

8 3 Headernav und Topnav 8 Hier können Sie den Linktitel und den Linkpfad eingeben. Gehen Sie dazu auf den Button Seite auswählen. Es öffnet sich eine Ansicht Ihrerr Website. Wählen Sie hier die gewünschte Seite aus, die verlinkt werden soll. Wenn Sie eine Seite wählen, die in einem Ordner liegt, dürfen Sie nicht auf die Schrift des Ordners klicken, um ihn zu öffnen, sondern müssen den blauen Pfeil daneben verwenden! Ein Klick auf die Schrift führt dazu, dass der Ordner verlinkt wird. Das Fenster verschwindet wieder, Sie können die Auswahl nun Speichern und Schließen. Nach jedem Speichern und schließen kommen Sie wieder in das darunterliegende Fenster, in dem alle bisher angelegten Links gelistet sind. Fehlen noch links, die Sie benötigen, gehen Siee wieder auf Neu und wiederhole n die Vorgehensweise. Sind die gewünschten Links angelegt, klicken Sie auf das Kästchen vor den Links, die an der jeweiligen Position stehen sollen. In unserem Beispiel erstellen wir die Topnav, hier sollen die vierr Links Sekretariat, Förderverein, Sitemap und Impressum stehen. Wirr wählen also alle vier Links über einen Klick auf das Kästchen daneben aus und klicken auf Übernehmen.

9 3 Headernav und Topnav 9 Sie sehen jetzt wieder die Grundeinstellungen der Sammlung, im Reiter Medien sind die vier Links, die angezeigt werden sollen, zu sehen. Gehen Sie auf Speichern und schließen, um die Sammlung anzulegen. Auch die Sammlung muss noch veröffentlicht werden. Dafür klicken Sie auf den blauen Pfeil links neben dem Sammlungsnamen und wählen im sich öffnenden Menü Veröffentlichen. 3.2 Veröffentlichung überprüfen Auch hier können Sie wieder über die Vorschau Ihre Änderungen ansehen. Um sicherzugehen, dass die neuen Einstellungen auch für den externen User zu sehen sind, surfen Sie Ihre Seite von außen an. Dafür klicken Sie nicht auf die Vorschau (hier können Sie auch noch nicht veröffentlichte Änderungen sehen), sondern geben in die Adressleiste Ihres Browser die jeweilige Adresse ein (z.b. Um ganz sicher zu gehen, dass Sie von "außen" auf Ihre Seite zugreifen, können Sie Ihre Homepage auch mit einem anderen Browser öffnen.