PHT-Web CMS Anleitung Redaktion, Version 2.0 September 2015

Transkript

1 Inhalt 1.1 Anmelden im System Allgemeine Hinweise Texte Artikelbilder Inhalte erstellen bzw. editieren Eigene Inhalte finden Vorhandenen Inhalt bearbeiten Einen neuen Inhalt erstellen Einen Artikel erstellen Ein Artikelbild hinzufügen Bild löschen Dateien hochladen Organisationseinheit und Kategorien wählen Eine Einzelseite erstellen Bilder im Editorbereich Eine Bildergalerie erstellen Advanced Upload Menüpunkte Vorbemerkung Die folgende Anleitung richtet sich an alle Personen, die auf einem der PHT- Webs Redaktionsrechte besitzen. Die Screenshots beziehen sich auf die PHT-Website, gelten jedoch grundsätzlich für alle mit dem bei uns eingesetzten Content-Management- System (CMS) erstellten Webs, wie z. B. pht-intern.tsn.at, praxis-vs.tsn.at, praxis-nms.tsn.at, bs-leseprojekt.tsn.at, imst-projekt.tsn.at, recc.tsn.at, phtlehrmittel.tsn.at, mb.tsn.at. Jede Org.-Einheit kann auf ihrer eigenen Startseite selbst Inhalte bereitstellen. Diese Anleitung zeigt Schritt für Schritt wie Sie zum besten Ergebnis kommen. Hinweis: Die neuen Beiträge werden sofort nach dem Speichern auf der Website im jeweiligen Bereich angezeigt. Robert Mader, MSc Seite 1 von 15

2 1.1 Anmelden im System Melden Sie sich auf der Website (Startseite) in der rechten Spalte über den Link TSN-Login mit Ihrem TSN-Useraccount an. Der Link befindet sich zusätzlich in der Fußzeile ganz rechts unten. Abbildung 1: Login Sie werden zum Portal-Tirol geleitet und müssen sich dort authentifizieren. Abbildung 2: Anmeldung Eine allfällige Sicherheitswarnung bestätigen Sie durch Fortfahren. Abbildung 3: Sicherheitswarnung Robert Mader, MSc Seite 2 von 15

3 2 Allgemeine Hinweise Die Inhalte einer Website werden anders als in einer Zeitschrift oder einem Buch gestaltet. 2.1 Texte Die Texte werden eher kurz gehalten und wegen der besseren Lesbarkeit in mehrere Absätze unterteilt. Mit Hervorhebungen (fett, kursiv) bitte sparsam umgehen! Es ist unbedingt auf korrekte Zitation mit Quellenangabe zu achten! Schriftstil und art ist im CMS vorgegeben. Eine Veränderung der Schriftgröße sollte nur in Ausnahmefällen erfolgen! Text per Copy & Paste einfügen: Direktes Kopieren und Einfügen von Texten aus Word oder von Internetseiten verursacht einen unsauberen HTML-Code. Außerdem könnte dadurch unbemerkt unsicherer Code mit herein kopiert werden. o Es sollte daher der Text entweder direkt im Editor verfasst und gestaltet, oder der Fremdtext mit Hilfe eines der beiden Symbole ( Als Text einfügen bzw. Aus MS Word einfügen ) eingebunden werden. o Es öffnet sich ein kleines Dialogfenster, in dem mit STRG+V der zuvor kopierte Text eingefügt werden kann. Dadurch werden alle unnötigen HTML-Codes entfernt. Abbildung 4: Fremdtext einfügen 2.2 Artikelbilder Zur Vermeidung von Urheberrechtsverletzungen dürfen nur Bilder aus entsprechenden Quellen und mit entsprechendem Hinweis verwendet werden. Wenden Sie sich bei Bedarf an die Servicestelle für Öffentlichkeitsarbeit! Bildgröße: Laden Sie die Bilder in der Originalgröße (bis 10 MB) hoch. Das CMS optimiert die Bilder automatisch und bringt sie auf eine Größe von 800x600 Robert Mader, MSc Seite 3 von 15

4 Pixel. Beim Artikel selbst wird das Bild in 180px Breite dargestellt. Durch Anklicken des Bildes erhält man die vergrößerte Ansicht. Bildergalerie: Es besteht die Möglichkeit, zusätzlich zum Artikel eine Bildergalerie anzulegen. Dazu benötigen Sie eine eigene Berechtigung bzw. erledigt das die SOA für Sie. 3 Inhalte erstellen bzw. editieren Nach erfolgreichem Login wird ganz oben eine schwarze Leiste mit dem Link zur Startseite (Haussymbol) und ganz rechts der Link zum eigenen Profil und zum Abmelden angezeigt. Abbildung 5: Shortcut Leiste Darunter in der grauen SHORTCUTLEISTE ist der Link zum Hinzufügen neuer Inhalte zu sehen. Hinweis: Falls die Shortcutleiste nicht sichtbar ist, kann diese über den kleinen Pfeil eingeblendet werden! 3.1 Eigene Inhalte finden Alle von Ihnen erstellten Inhalte finden Sie im eigenen Profil. Klicken Sie dazu auf Ihren Namen rechts oben in der schwarzen Adminleiste. Klicken Sie dann auf die Registerkarte BEITRÄGE. Öffnen Sie den Beitrag durch Klick auf den Titel und anschl. Auf die Registerkarte BEARBEITEN. Abbildung 6: Eigene Inhalte 3.2 Vorhandenen Inhalt bearbeiten Jede Org.-Einheit erhält eine eigene Berechtigungsrolle. Damit ist gewährleistet, dass keine irrtümlichen Veränderungen von Inhalten anderer Einheiten erfolgen Robert Mader, MSc Seite 4 von 15

5 können. Jeder Inhalt ist dem authentifizierten Benutzer zugeordnet. Unabhängig davon kann jede Person mit der gleichen Berechtigung innerhalb der Organisationseinheit die Inhalte der KollegInnen bearbeiten. Abbildung 7: Artikel editieren Gehen Sie zum gewünschten Webseiteninhalt. Sofern die Berechtigung vorhanden ist, sehen Sie die Registerkarte BEARBEITEN. Klicken Sie darauf. Ändern/Ergänzen Sie den Text wie gewünscht. Anschließend am unteren Ende auf SPEICHERN klicken. 3.3 Einen neuen Inhalt erstellen Abbildung 8: Inhalt erstellen Nach Klick auf den Button Inhalt hinzufügen links oben in der Shortcut-Leiste werden die nach Rolle/Berechtigung verfügbaren Inhaltstypen aufgelistet. Hier können Sie u.a. auswählen, ob ein Artikel oder eine Einzelseite erstellt werden soll. Robert Mader, MSc Seite 5 von 15

6 3.3.1 Einen Artikel erstellen Abbildung 9: Auswahl Artikel oder Einzelseite Hinweis: Die Artikel erscheinen automatisch auf der Startseite der jeweiligen Organisationseinheit. Für die Freischaltung des Artikels auf der PHT-Startseite wenden Sie sich an die Servicestelle für Öffentlichkeitsarbeit (SOA). Es öffnet sich die Eingabemaske. Dort können Titel * Text Fotoquelle Artikelbild Dateianhänge Organisationseinheit * Kategorien (abhängig von der Org.-Einheit) eingegeben bzw. ausgewählt werden. Titel und Organisationseinheit sind Pflichtfelder. Die Organisationseinheit ist bereits richtig voreingestellt. Hinweis: Der Titel sollte prägnant und aussagekräftig, aber nicht zu lang sein! Robert Mader, MSc Seite 6 von 15

7 Abbildung 10: Titel u. Text Ein Artikelbild hinzufügen Jedem Artikel sollte auch ein Artikelbild hinzugefügt werden, damit die Darstellung auf der Website in allen Bereichen einheitlich wirkt. Durch Klick auf Datei auswählen kann der PC durchsucht und ein Bild gewählt werden. Beachten Sie die Hinweise weiter oben zum Urheberrecht! Durch Klick auf Sichern wird das Bild hochgeladen. Abbildung 11: Bild hochladen Es können Bilder bis max. 10 MB Größe hochgeladen werden. Das hochgeladene Bild wird automatisch auf eine max. Darstellungsgröße von 800x600 Pixel verkleinert und gleichzeitig für die Darstellung im Internet optimiert. Das hochgeladene Bild wird hier als Thumbnail (180px Breite) angezeigt. Vergeben Sie unbedingt einen Alternativtext. (Barrierefreiheit!) Vergeben Sie einen Titel. (Anzeige bei Mouseover) Geben Sie die Bildquelle an. (Urheberrecht!) Robert Mader, MSc Seite 7 von 15

8 Abbildung 12: Alternativtext und Quelle Um Bilder in den Textbereich (Editor) zu integrieren, siehe Punkt Bild löschen Bei Bedarf kann das Bild über den Button Entfernen wieder gelöscht werden. In diesem Fall wird das Bild nicht nur ausgeblendet, sondern komplett vom Server gelöscht Dateien hochladen Bei Bedarf können zusätzlich Dateien als Attachment hochgeladen werden. Dies erfolgt analog zum Hochladen eines Artikelbildes. Durch Klick auf Datei auswählen kann der PC durchsucht und eine Datei gewählt werden. Durch Klick auf Sichern wird die Datei hochgeladen. Die Datei darf max. 20 MB Größe haben. Die erlaubten Dateiformate sind angeführt. Abbildung 13: Datei hochladen Der Text im Feld Beschreibung wird auf der Website als Link auf die Datei ausgeführt. Nach dem Hochladen der ersten Datei erscheint automatisch ein weiteres Feld zum Hochladen weiterer Dateien. Robert Mader, MSc Seite 8 von 15

9 Abbildung 14: Datei hochladen Organisationseinheit und Kategorien wählen Die Organisationseinheit ist bereits richtig vorausgewählt. Die Kategorien können über Checkboxen ausgewählt werden. Teilweise beeinflusst die Wahl der Kategorie den Erscheinungsort. Abbildung 15: Kategorien wählen 3.4 Eine Einzelseite erstellen Das Erstellen einer Einzelseite erfolgt analog zu Artikelerstellung. Es gibt jedoch dort keinen Upload für ein Artikelbild. Die Einzelseite kann zu diesem Zeitpunkt nur aufgerufen werden, wenn die genaue Adresse bekannt ist. Einzelseiten können z. B. in einem Artikel verlinkt werden. Für einen eigenen Menüpunkt wenden Sie sich an 4 Bilder im Editorbereich Auch hier gilt: Urheberrecht beachten! Robert Mader, MSc Seite 9 von 15

10 Es besteht die Möglichkeit, zusätzlich zum Artikelbild weitere Bilder in den Textbereich zu laden. Diese Bilder müssen jedoch zuerst mit einer Bildbearbeitung für das Internet optimiert und auf die gewünschte Größe gebracht werden. Empfohlene Bildbreite: 450 px Empfohlen Dateigröße: max KB Die Einbindung der Bilder erfolgt in mehreren Schritten: Bilder hochladen o Klicken Sie dazu im Editor auf das Symbol BILD (1.) o Klicken Sie im nun geöffneten Dialogfenster auf SERVER DURCHSUCHEN (2.) Abbildung 16: Grafik im Editor hochladen o Es öffnet sich eine weitere Dialogbox mit dem Dateibrowser und Ihrem persönlichen Bilderordner. o Um neue Bilder hochzuladen, klicken Sie links oben auf SICHERN. Abbildung 17: Dateibrowser Robert Mader, MSc Seite 10 von 15

11 o Es öffnet sich erneut ein kleines Dialogfenster. o Klicken Sie dort auf Durchsuchen. Sie können nun auf Ihrem PC das gewünschte Bild auswählen/öffnen. Abbildung 18: Bild am PC suchen o Sobald neben dem Button Durchsuchen der Dateiname des Bildes erscheint, können Sie über SICHERN das Bild hochladen. o Kurz danach erscheint es in der Liste der vorhandenen Bilder. Abbildung 19: Bild hochladen o Werden keine weiteren Bilder hochgeladen, schließen Sie das kleine Dialogfenster durch Klick auf das x im rechten oberen Eck. o Das neu hochgeladene Bild kann nun durch Klick auf Datei einfügen oder durch Klick auf das Bild in das Dialogfenster Bild-Eigenschaften übernommen werden. Robert Mader, MSc Seite 11 von 15

12 Abbildung 20: Bild einfügen o Bei den Bild-Eigenschaften soll unbedingt ein Alternativtext (Barrierefreiheit!) und über die Registerkarte Erweitert ein Titel (Mouseover) eingegeben werden. o Bei Bedarf können noch die Bildausrichtung und ein Abstand zum Text eingerichtet werden. o Allenfalls kann auch noch die Anzeigegröße des Bildes angepasst werden. 5 Eine Bildergalerie erstellen Abbildung 21: Bild-Eigenschaften angeben Sollten bei einem Artikel - z. B. über eine vergangene Veranstaltung mehrere Bilder gezeigt werden, so eignet sich eine eigene Bildergalerie besser, als die Einbindung in Robert Mader, MSc Seite 12 von 15

13 den Textbereich. Vorteil: die Bilder werden ohne vorherige Bearbeitung im Originalformat hochgeladen und dann automatisch am Server auf 800x600 Pixel verkleinert und für das Web komprimiert. Nach dem Anklicken eines Bildes im Web wird die Bildergalerie automatisch abgespielt bzw. kann über eigene Buttons gesteuert werden. Grundsätzlich übernimmt gerne die SOA-Redaktion für Sie diese Arbeit. In Einzelfällen kann es Sinn machen, auch anderen Redaktionsmitgliedern dieses Recht zuzuordnen. In diesem Fall erscheint unter dem Punkt INHALT HINZUFÜGEN eine zusätzliche Auswahl BILDERGALERIE. Es gibt keinen eigenen Inhaltstyp Bildergalerie für jede Org.-Einheit. Daher ist darauf zu achten, dass die richtige Org.-Einheit bei der entsprechenden Kategorie ausgewählt wird! Die angezeigten Kategorien der SOA sind von den anderen Org.- Einheiten nicht zu verwenden. Einzugeben ist Ein Titel ABER kein Text im Textfeld Die Bilder 5.1 Advanced Upload Um mehrere Bilder gleichzeitig hochzuladen, klicken Sie bei Fotos auf "ADVANCED UPLOAD". Nun können entweder per drag&drop oder durch Auswahl mit Strg+Mausklick die Bilder aus einem Verzeichnis am PC ausgewählt werden. Achtung: die Gesamtgröße aller ausgewählten Bilder darf 64 MB nicht überschreiten, also bei Bedarf in mehreren Tranchen hochladen. Die Bilder werden dann alle klein unterhalb des leeren Bodyfeldes aufgelistet. Die Reihung kann durch Verschieben mit dem Koordinatenkreuz geändert werden. Die Bilder erscheinen NICHT im Textbereich. Nach dem Speichern werden die Bilder automatisch der Reihe nach in einem kleinen Format so wie in Abbildung 22 aufgelistet. Der Start der Bildergalerie erfolgt durch Klick auf eines der Bilder. Robert Mader, MSc Seite 13 von 15

14 Abbildung 22: Darstellung Thumbnails Die Galerie ist noch nirgends verlinkt oder im Menü eingebunden. Die Galerie wird in einem Artikel verlinkt. Dazu soll das Icon widescreen verwendet werden. Dieses findet man im Editor Symbol Bild Server durchsuchen Ordner Icons. Abbildung 23: Verlinkung Bildergalerie Als Link nicht die URL (also ph-tirol.ac.at/content/titel_der_galerie) wählen, denn diese ändert sich sobald die Überschrift des Artikel geändert wird. Stattdessen auf die eindeutige Beitrags-ID (z. B. /node/123456) verlinken. Diese Beitrags-ID erhält man durch Überfahren des Buttons Bearbeiten mit der Maus, ohne zu klicken. Die ID wird im Browser ganz unten in der Statuszeile eingeblendet. Diese Nummer merken oder aufschreiben! Nun im Textbereich des Artikels das eingefügte Icon widscreen (alternativ einen Text) markieren. Klick auf das Verknüpfungssymbol (siehe Abbildung 24). Im Dialogfenster Link beim Protokoll <andere> wählen und bei URL die Beitrags-ID in der Form /node/12345 eintragen. ACHTUNG: der Schrägstrich am Beginn ist wichtig! Robert Mader, MSc Seite 14 von 15

15 Abbildung 24: Beitrags-ID verlinken 6 Menüpunkte Da die Grundstruktur der Website ganz stark von der Menüführung abhängt, wird der Redaktion das Recht Menüpunkte zu erstellen nicht zugewiesen. Wenn Menüpunkte benötigt werden, setzen Sie sich bitte mit Robert Mader (webadmin@ph-tirol.ac.at) in Verbindung. Robert Mader, MSc Seite 15 von 15