Anwendung: Erstellen von Beiträgen in TYPO3

Transkript

1 Anwendung: Erstellen von Beiträgen in TYPO3 1. Neuen Ordner anlegen Als erstes muss man wissen, ob man einen neuen Ordner erstellen will oder einen Beitrag in einem bereits vorhandenen Ordner einfügen möchte. In unserem Fall werden wir einen neuen erstellen, mit dem Namen Test. Der neue Ordner soll unter dem Hauptordner Startseite zu sehen sein. Zunächst geht man auf die Darstellungsform Liste (siehe Anleitung 1) und dann auf den Hauptordner Startseite. Nun wird schon alles aufgelistet, was sich unter diesem Ordner befindet. Dort geht man nun auf das Symbol Datensatz anlegen. Klickt man darauf, öffnet sich ein neues Fenster. Dort kann man die Überschrift für den jeweiligen Text anlegen. Damit er in dieser Anwendungsübung leicht wiederzufinden ist, nennen wir ihn Test. Dazu muss im ersten Reiter (Allgemein) des neuen Fensters der Seitentitel, hier im Bespiel Test, bei dem gelben Ausrufungszeichen eingetragen werden. Unter dem zweiten Reiter Zugriff können wir den Test-Ordner verbergen. Das heißt, wir sehen den Ordner in TYPO3 und können ihn auch weiter bearbeiten, aber er ist auf der eigentlichen Internetseite für Besucher nicht sichtbar. Der Test-Ordner muss nun nur noch mit dem rechten Diskettensymbol gespeichert werden. Nun haben wir den ersten eigenen Ordner angelegt. Dieser kann nun mit verschiedenen Texten, Bildern, Dateien usw. versehen werden.

2 2. Text/Seiteninhalt erstellen a. Neue Seite Anlegen Um einen neuen Text zu erstellen muss man als erstes wieder die Darstellungsform von Liste auf Seite ändern. Nun kann man den eben erstellten Ordner Test anklicken und man sieht im Arbeitsfeld drei Spalten: Ganz links die Spalte Links, in der Mitte die Spalte Normal und ganz rechts die Spalte Rechts. Diese drei Spalten sagen aus, wo auf der Website der Text stehen soll. Dabei bezeichnet die Spalte Normal die breite Mittelspalte, während Links und Rechts die schmalen Seitenränder meint. Alle Beiträge wie Veranstaltungshinweise, Pressemitteilungen und allgemeine Öffentlichkeitsarbeits-Artikel kommen in die mittlere Spalte Normal. Daher fügen wir unsere Test-Seite auch dort ein. Eine neue Seite erstellt man, in dem man einfach auf das grüne Plus mit dem Text klickt. Hat man dort geklickt, öffnet sich ein neues Fenster, in welchem man einstellt, welche Textart man verwenden möchte (Text, Text und Bilder, Nur Bilder, Aufzählung, Tabelle). Wir entscheiden uns für Text und Bilder, weil sich daran fast alle grundlegenden Funktionen erklären lassen. Es öffnet sich nun eine neue Seite, mit welcher man den eigentlichen Text erstellt, der dann auf der Internetseite zu sehen sein soll. In dieser Ansicht kann man seine zuvor getroffenen Angaben noch einmal ändern. Wenn man sich also zuvor der Auswahl der Spalte oder der Art des Textes verklickt hat: Keine Sorge, man kann alles nochmal in Ruhe überprüfen und zur Not auch ändern. Dies geht in den oberen beiden Feldern Typ und Spalte.

3 b. Der Text Man fügt dann im Feld Überschrift den Titel des gewünschten Textes ein. In diesem Falle habe ich mich für den Titel Anwendungsbeispiel für TYPO3 entschieden. Neben dem Feld Datum findet sich ein kleines viereckiges Kalendersymbol. Mit diesem kann das relevante Datum (dies ist besonders bei Pressemitteilungen notwendig) direkt aus einem Kalendermenü gewählt werden. Dazu muss nur das aktuelle Datum ausgewählt werden (siehe auch unter 3. Termine erstellen). Im Feld Text schließlich wird der eigentliche Text eingestellt. ACHTUNG: Wird der Text nicht manuell eingegeben sondern aus einer Word-Datei oder einer anderen Quelle kopiert, muss darauf geachtet werden, dass man den Text zunächst im Editor bearbeitet. Diesen besitzt jeder Windows-Rechner. Einfach den Text da hinein kopieren, erneut kopieren und erst dann in das Textfeld bei TYPO3 einfügen. Das ist nötig, damit alle Texte auf der Internetseite in der gleichen Textart und -größe erscheinen! c. Bilder einfügen Um zum eigenen Beitrag ein oder mehrere Bilder hinzuzufügen, geht man auf den zweiten Reiter Bilder. Hier können entweder bereits hochgeladene Bilder in die neue Seite eingefügt werden oder neue Bilder extra hochgeladen werden. Oben befindet sich mittig ein Ordner-Symbol. Mit diesem öffnet sich ein neues Fenster, in dem man die Bilddateien verwalten kann. Wichtig ist aber auch das Feld Verhalten. Sollen die Bilder auf der Seite klein eingebunden werden, gibt es die Möglichkeit über ein Setzen eines Häkchens im markierten Feld, das Bild beim Anklicken in der Originalgröße anzeigen zu lassen. Stellt man eine Grafik auf die Internetseite, die mit einem Projekt verlinkt werden soll,

4 kann man einfach die URL der Zielseite im Feld Links einfügen. Den Urheber des Fotos sollte man entweder im Feld Beschriftungen angeben (Die Nennung erfolgt direkt unter dem Foto und kann unter Umständen Bildes optisch nicht ansprechend sein) oder im Feld Alternative Texte (Die Nennung erfolgt nur unter Grafik-Info, wenn man mit rechts auf das Bild klickt). ACHTUNG: Bilder müssen immer mit Hinweisen auf den Urheber versehen werden und dürfen auch nur mit Erlaubnis des Urhebers veröffentlicht werden. Also keine Bilder ohne Creative-Common-Lizenz aus dem Internet auf die eigene Seite stellen. Was diese Lizenzen sind, kann bei Bedarf in der Landesgeschäftsstelle bei Ralf Göhring (0361 / ) erfragt werden. Auch bei den selbst geschossen Bildern eigener Veranstaltungen sollte der Urheber genannt werden. Eines der beiden oben genannten Felder muss also als Urheberhinweis genutzt werden. Hat man nun das Ordnersymbol im Reiter Bilder geklickt, öffnet sich ein neues Fenster. In diesem befinden sich wieder 2 Reiter. Im linken Reiter Medien befinden sich alle Bilder, die bereits in TYPO3 hochgeladen wurden. Diese müssen dort nur noch herausgesucht und angeklickt werden. Den rechten Reiter Hochladen braucht man, wenn man das Bild gerade erst hochladen möchte. Dazu wählt man das oberste Feld Durchsuchen an. Daraufhin kann man einfach das gewünschte Bild aus dem Ordner suchen, in welchem man es auf seinem Computer liegen hat. Will man nur ein Bild hochladen klickt man nun auf den Button Hochladen unter den vielen Durchsuchen-Buttons. Ansonsten kann man auch mehrere Bilder gleichzeitig hochladen. ACHTUNG: Maximal können 12 MB große Dateien auf den Server geladen werden. Es sollte aber darauf geachtet werden, dass nicht zeitgleich mehr als insgesamt 4 MB an Bildern auf den Server gepackt wird. Das kann sehr lange dauern und zwischendurch schnell abstürzen. Dann sind alle nicht abgespeicherten Fortschritte verloren! Um das Bild nun einzufügen, muss man nur noch auf den Reiter Medien klicken und das hochgeladene Bild auswählen. Eine ordentliche Bildbeschriftung vor dem Hochladen erleichtert das Suchen!

5 Nun möchten wir natürlich das Bild auch noch optisch ansprechend in den Text einbinden. Dabei hilft uns der dritte Reiter Erscheinungsbild. Der erste Punkt, mit dem wir uns hier befassen gilt nicht nur für Beiträge mit Bildern, sondern auch für reine Text-Inhalte. Damit nicht alle Beiträge ineinander übergehen und nicht zu unterscheiden sind, kann man sie mit einer dünnen gestrichelten Linie voneinander abgrenzen. Dazu klicken wir im ersten Drop-Down- Menü, wo standardmäßig Standardframe eingestellt ist, auf Linie danach. Nun können wir unter Bildeinstellungen noch die Breite bzw. die Höhe einstellen, in welcher das Bild auf der Seite angezeigt wird. Dabei ist zu beachten, dass man nur entweder die Breite oder die Höhe angeben kann, der jeweils andere Punkt wird stets in Abhängigkeit davon von TYPO3 ausgerechnet und auf das Bild übertragen. Auf der Seite des Landesverbandes arbeiten wir überwiegend mit kleinen Bildern, die sich gut in den Text einpassen. Meistens stellen wir eine Standardbreite von 150 Pixeln ein. ACHTUNG: Die maximale Bildbreite für die mittlere Spalte auf der Internetseite beträgt 560 Pixel. Der letzte wichtige Punkt ist die Bildausrichtung. Dort kann angegeben werden, wo genau in Relation zum Text das Bild positioniert werden soll. Hat man als Illustration eines Textbeitrags nur ein Bild, so eignen sich die Einstellungen Im Text links / Im Text rechts sehr gut, da das Bild vom Text umflossen wird. ACHTUNG: Was bei einem Einzelbild gut aussieht muss nicht zwangsläufig bei mehreren Bildern gelten. Sollte man einen Beitrag erstellen wollen, in dem mehrere Bilder vorkommen, kann man alle gewünschten Bilder nur zusammenhängend einfügen. Sollen die Bilder jedoch einzelne Unterabschnitte eines längeren Texts illustrieren, so muss man für jeden dieser Unterabschnitte einen eigenen Beitrag anlegen (Dabei entfällt dann sowohl die Überschrift, das Datum, sowie die Linie danach!). Möchte man jedoch mehrere Bilder geballt vor, an oder unter einen Beitrag stellen, kann man neben der Einstellung Position und Ausrichtung auch noch die Spaltenanzahl einstellen. Jetzt haben wir es gleich geschafft! Nachdem der Text mit Überschrift und die Bilder mit ihrer gewünschten Position eingefügt sind, ist das Wichtigste das Speichern.

6 Hierzu haben wir jetzt mehrere Symbole zur Verfügung: Das graue Kreuz ganz links schließt den Beitrag ohne es zu speichern. Das Diskettensymbol speichert den Beitrag ab. Das Diskettensymbol mit dem Auge speichert den Beitrag und öffnet in einem neuen Tab im Browser den Beitrag wie er für einen Besucher der Seite aussehen würde. Das Diskettensymbol mit dem grauen Kreuz speichert den Beitrag ab und schließt das Bearbeitungsmenü. Das Diskettensymbol mit dem grünen Plus speichert den Beitrag ab und erstellt ein neues leeres Bearbeitungsfeld. Es empfiehlt sich stets das Diskettensymbol mit dem Auge zu klicken, denn manchmal sieht ein Beitrag leider nicht so aus, wie man ihn sich vorstellt und kann somit nochmal überprüft werden. Hat man den Beitrag, wie er auf der eigentlichen Internetseite für Besucher zu sehen ist, überprüft und ist zufrieden, muss der Beitrag aber noch sichtbar gemacht werden. Dazu schließt man das Bearbeitungsmenü. Hat man noch etwas geändert, Speichern nicht vergessen! Dann geht man wieder in die Listenansicht (siehe Dokument: Orientierung auf der Bedienoberfläche). Dort muss noch die Glühbirne in der Mitte angeklickt werden. Hat man das getan, lädt die Seite neu. Die Glühbirne leuchtet dann gelb und das rote Symbol links vor dem Titel des eigenen Beitrags verschwindet. Jetzt ist der Beitrag veröffentlicht und kann von allen Besuchern der Seite gesehen werden. ACHTUNG: Hat man in einem neu erstellten Ordner gearbeitet, der noch nicht freigegeben, heißt versteckt ist, können Besucher der Seite den neuen Beitrag noch nicht sehen, selbst wenn der Beitrag selbst schon mit dem Glühbirnensymbol aktiviert ist. In diesem Fall muss im Seitenbaum der Ordner mit recht angeklickt und dort der Punkt Aktivieren ausgewählt werden.

7 3. Termine erstellen Um viele Menschen für die Arbeit eines Vereins zu interessieren, bietet es sich an, ihnen regelmäßig Angebote zu machen und diese natürlich auch zu kommunizieren. Ein gepflegter Veranstaltungskalender ist dabei enorm hilfreich. Die Termine einzustellen ist sehr einfach und kann auch schnell erledigt werden. Zunächst ruft man die Listen-Ansicht auf und geht dann im Seitenbaum auf Terminablage. Klickt man auf das Text-Symbol mit dem grünen Plus, wir ein leeres Formular in einem neuen Fenster geöffnet, den man dann mit seinen Termininformationen füllen kann. Ein enormer Vorteil ist, dass man die Termine nicht von Hand ordnen muss. Zu jedem Termin trägt man ein Datum ein, das CMS ordnet den Termin an die richtige Stelle zwischen den bereits veröffentlichten Terminen und versteckt selbständig alle Termine, die nicht mehr aktuell sind. In dem neuen Fenster bearbeiten wir zunächst den Reiter Allgemeines. Dort tragen wir im ersten Feld zunächst den Titel der Veranstaltung ein. Über das Kalendersymbol neben den Feldern Terminbeginn und Terminende kann ein kleiner Kalender aufgerufen werden, in welchem nur das gewünschte Datum angeklickt werden braucht. Die Start- und Endzeit müssen angegeben werden. Sollte es sich um einen Ganztagesausflug oder gar eine längere Exkursion handeln, müssen keine Start- und Endzeiten eingetragen werden. Man setzt einfach ein Häkchen bei Ganztägiger Termin. Die daraufhin folgende Anfrage beantwortet man mit Ja. Um es den Interessierten leichter zu machen, kann man seine Termine in Kategorien einteilen. Bei unserem Beispiel bietet sich die Kategorie Vortrag an. Wird dies in der rechten Auswahl angeklickt, erscheint die Wahl in dem zu Beginn leeren Fenster links daneben.

8 Ganz unten trägt man nun noch den gewünschten Text, also eine Beschreibung der Aktion, notwendige Ausrüstung, an wen sich die Veranstaltung richtet und gegebenfalls ein Ansprechpartner oder eine zu entrichtende Gebühr, ein. Den Ort der Veranstaltung kann man einfach unter dem Reiter Ort eintragen. Dann erscheint er auch als ordentliche Ansicht auf der eigentlichen Internetseite. Zudem kann der Veranstaltungsort noch mit einer URL verknüpft werden. Finden Veranstaltungen also beispielsweise in einem Museum statt, kann direkt mit dem Namen des Museums auf deren Homepage verwiesen werden, auf der es beispielsweise eine Anfahrtsbeschreibung gibt. Die URL würde in diesem Fall unter dem Punkt Externe URL für Ort eingefügt. Selbiges gilt auch für den Veranstalter im so benannten Reiter. Das ist in den Fällen interessant, in welchen eine Kooperation stattfindet oder auf eine Aktion eines anderen Veranstalters verwiesen werden soll, z.b. weil daran viele Mitglieder des eigenen Kreisverbandes teilnehmen. Auch Bilder können in einen Termin eingefügt werden. Die Ansicht ist ähnlich der in normalen Seiteninhalten (siehe 2.c.). Auch hier wird die Datei über das Ordnersymbol und das sich daraufhin öffnende Fenster ausgewählt. ACHTUNG: Alle unter 2.c. gegebenen Hinweise zum Urheber des Fotos gelten natürlich auch hier! Außerdem kann man hier weder die Größe noch die Position des Bildes bestimmen. Das Bild erscheint immer unter dem Text in der originalen Größe. Hat man also ein sehr großes Bild muss es zunächst extern verkleinert werden, bevor man es in TYPO3 hochlädt. Nachdem alle gewünschten Informationen eingetragen sind, muss der Beitrag nur noch mit einem der Diskettensymbole abgespeichert werden. Alle notwenigen Schritte sind ebenfalls unter 2.c. erklärt.