Crash-Kursus TYPO3 für Redakteure

Transkript

1 Crash-Kursus TYPO3 für Redakteure Systemhaus Wachendorf GmbH Heinrich Wachendorf Inhalt: A. Allgemeines B. Internetseiten anlegen, löschen und verschieben C. Bearbeiten von Seiteninhalten D. Internetseiten mit typischen Seiteninhalt (Text / Bilder) E. Internetseiten mit speziellen Elementen (Dateiverweise / HTML) F. Internetseiten mit Formularen (Mailformular / Anmeldeformular) G. Internetseiten mit dem Plugin Nachrichten K. Internetseiten mit dem Plugin eshop M. Die technische Hotline

2 A. Allgemeines 1. Hinweise zur Anleitung Diese Anleitung wird laufend erweitert und kann unter im Kundenbereich als PDF-Datei geladen werden. 2. Aufruf des Adminbereiches für Redakteure Der Aufruf erfolgt mit Geben Sie Ihren Benutzernamen und Passwort ein. 3. Der Bildschirmaufbau Auf der linken Seite wird das Typo3 Menü angezeigt. Im Arbeitsbereich wird beim Start des Redaktionsbereiches eine Kurzerklärung der einzelnen Menüpunkte angezeigt. Wählen Sie auf der linken Seite den 1. Menüpunkt <Seite>. Der Arbeitsbereich wird jetzt angezeigt. Linke Seite TYPO3 Menü: <Seite> Zum Bearbeiten der einzelnen Seiten. Sie brauchen fast ausschließlich diesen Menüpunkt <Liste> Zum Bearbeiten von Listen, z.b. Produktlisten, Nachrichtenlisten usw. <Info> Zeigt Informationen zu einzelnen Seiten an <Funktionen> Zur Bearbeitung von mehreren Seiten gleichzeitig (nur für den geübten Redakteur) <Dateiliste> Nur für den geübten Redakteur der Dateien auf dem Server ablegt. <Aufgaben> ToDo-Liste die vom Administrator gesteuert wird <Einstellungen> Hier nehmen Sie persönliche Einstellungen vor, z.b. Passwortänderung <Über Module> Kurzhinweis zu den verschiedenen Modulen <Handbuch> Umfangreiches Handbuch zu TYPO3

3 Mittlerer Teil die Baumansicht des Webauftritts: Die Baumansicht stellt den gesamten Internetauftritt dar. Jeder Eintrag stellt eine Seite des Webauftritts dar. Die Bezeichnung der Seite ist gleichzeitig die Bezeichnung des Menüpunktes in der Internetansicht. Hinweise: - Durch Anklicken der Plus- oder Minuszeichen vor dem Symbol einer Seite wird die entsprechende Menüverzweigung geöffnet oder geschlossen. + Durch Anklicken einer Seitenbezeichnung in der Baumansicht wird der Arbeitsbereich der entsprechenden Seite angezeigt. + Durch Anklicken des Symbols vor der Bezeichnung wird ein Kontexmenü angezeigt. Hier können z.b. Löschen, Kopieren usw. gewählt werden. Rechte Seite der Arbeitsbereich: Wenn in der Baumansicht eine Seite ausgewählt wurde, wird auf der rechten Seite der Arbeitsbereich Seiteninhalt angezeigt. Hier kann die Seite bearbeitet werden (siehe Bearbeiten einer Seite). Hilfe zu den Detaileingaben erhalten Sie über das Fragezeichen vor den jeweiligen Eingabefeldern. 4. Adminbereich beenden Bitte immer mit <Logout> den Adminbereich für Redakteure verlassen. B. Internetseiten anlegen, löschen und verschieben 1. Internetseiten anlegen Wählen Sie <Seite> im TYPO3 Menü. Wählen Sie in der Baumansicht die Seite durch Anklicken auf dem Text, nach der oder vor der die neue Seite angelegt werden soll. Die ausgewählte Seite wird im Arbeitsbereich mit der Seitenansicht dargestellt. In der Buttonzeile wählen Sie den Schalter <Neue Seite>. In der nächsten Abfrage legen Sie fest, an welcher Stelle innerhalb des Menübaumes die neue Seite eingefügt werden soll. Dazu wählen Sie den entsprechenden Pfeil an dem gewünschten Platz.

4 In der Detailbearbeitung der Seiteneigenschaften legen Sie folgende Eigenschaften fest: Seitentitel: Stellt gleichzeitig auch den Menüpunkt dar (nicht länger als 15 Zeichen). Typ: Standard ist die normale Einstellung für alle Bild- und Textseiten. Seite verstecken: Wenn dieses Feld einen Haken aufweist, wird die Seite nicht im Internet angezeigt. Falls dort ein Haken ist, bitte entfernen. Alle anderen Felder brauchen Sie nicht beachten. Speichern Sie die Seite in dem Sie das 3. Symbol von links am oberen Rand anklicken (Diskette mit Kreuz). Damit werden die Seiteneigenschaften gespeichert und die Detailseite geschlossen. Die Bedeutung der anderen Symbole erfahren Sie, wenn Sie die Maus über ein Symbol verweilen lassen. Damit ist eine Internetseite mit noch leeren Inhalt angelegt und steht schon LIVE im Internet zur Verfügung. Hinweis: Die Seiteneigenschaften ( Menütitel und Seite verstecken ) können jederzeit verändert werden. Dazu wählen Sie [Seiteneigenschaften bearbeiten] in der Buttonzeile. 2. Internetseiten löschen Klicken Sie in der Baumansicht der Seiten auf das Symbol vor dem Seitentitel. Es wird das Seitenmenü angezeigt. Wählen Sie den Menüpunkt <Löschen> 3. Internetseiten verschieben Wählen Sie die zu verschiebene Seite in der Baumansicht durch anklicken des Seitentitels. Wählen Sie [Seite verschieben] in der Buttonzeile. Wählen Sie die neue Position innerhalb des Vereinsbereiches durch anklicken des entsprechenden Pfeiles.

5 C. Bearbeiten von Seiteninhalten Der Inhalt einer Internetseite besteht immer aus einem oder mehreren Datensätzen. Jeder Datensatz hat ein bestimmtes Raster, ein Template als Grundlage. Der Vorteil einer Internetseite mit mehreren Datensätzen besteht darin, dass die Datensätze mit unterschiedlichen Templates dargestellt werden können. Zum Anlegen bzw. Verändern eines Seiteninhaltes wählen Sie die entsprechende Seite in der Baumansicht. Auf der rechten Seite wird der Seiteninhalt dargestellt. Sie legen den Seiteninhalt immer in der Spalte Normal an. Die Spalten Links und Rand stehen Ihnen nicht zur Verfügung! Neuen Inhalts-Datensatz erzeugen: Wählen Sie das Symbol mit dem grünen Pluszeichen in der Spalte Normal. Sind schon Datensätze auf der Seite vorhanden, wählen Sie das Pluszeichen an der entsprechenden Stelle, an der ein neuer Datensatz erzeugt werden soll. Als nächstes werden die möglichen Datensatztemplates (Darstellungsmöglichkeiten) angezeigt. Hinweis: Das am meisten benutzte Template ist Text mit Bild. Klicken Sie auf den kleinen Auswahlkreis vor der Bezeichnung des gewünschten Templates. Anschließend wird die Detailmaske zur Erfassung des Inhaltes angezeigt. ACHTUNG: In der Detailmaske befindet sich ganz unten das Feld Zweite Optionspalette anzeigen. Bitte setzen Sie einen Haken in den Checkbox, damit alle Eingabefelder angezeigt werden.

6 D. Internetseiten mit typischen Seiteninhalt (Text / Bilder) 1. Template Nur Text Es brauchen nur die folgenden Felder ausgefüllt werden: [Überschrift] Die Überschrift kann, muss aber nicht angegeben werden. Wird keine Überschrift angegeben, ist es sinnvoll, diese zu verstecken (sonst wird ein Unterstrich mit dem Logo angezeigt - zum Verstecken Eigenschaftssymbol rechts von der Überschrift anklicken und in der Eigenschaftsleiste ganz oben unter Typ -> Verstecken wählen). [Text] Der Text wird mit dem Texteditor erfasst. Die Texteingabe erfolgt wie in jeder Textverarbeitung, kann aber je nach Browser kleinere Probleme bereiten: Falls der Cursor sich nicht korrekt verhält, löschen Sie ein Zeichen und geben dieses wieder neu ein.

7 2. Template Text mit Bild [Überschrift] + [Text] Siehe 1.Template Nur Text. [Bilder] Bei einem Template mit Bildern können diese mit dem Schalter <Durchsuchen> auf der Festplatte/CD gewählt werden. Es können mehrere Bilder in einem Inhalts-Datensatz angezeigt werden. Bei einem Template mit mehreren Bildern gehen Sie nach der Wahl eines Bildes noch einmal an das Ende der Zeile des Pfades/Bildname und drücken Sie <Enter>. Der Bildname wird dann in dem Kasten darüber angezeigt und es können weitere Bilder dem Template zugeordnet werden. Hinweis: Das Hochladen von Bildern erfolgt völlig selbständig. Allerdings dürfen Bilder nur eine bestimmte Größe haben. Zu beachten ist deshalb: Beim fotografieren wählen Sie eine geringe Auflösung. [Position] Abschließend wählen Sie die Position der Bilder innerhalb des Textes durch anklicken des entsprechenden Symbols. Hinweis: Je nach gewählten Symbol wird die Überschrift über den ganzen Bereich oder über einen Teilbereich gezogen. [Spalten] Wenn Sie mehrere Bilder dem Template zuordnen, können Sie die Anzahl der Spalten, in denen die Bilder angezeigt werden sollen, festlegen. Die Bilder werden z.b. in einer 3-Spalten Ansicht entsprechend verkleinert dargestellt.

8 [Breite] und [Höhe] Hiermit können Sie die Breite bzw. Höhe eines Bilder selber bestimmen. Tragen Sie die Pixelzahl ein und setzen Sie die Checkbox. Sollen die Bilder z.b. in voller Breite im Internet angezeigt werden, geben Sie die Breite 480 ein (die Spaltenanzahl muss dabei auf 1 stehen). [Verweis] Hiermit wird auf ein Bild ein Link gelegt. Klicken Sie das Symbol nach dem Eingabefeld ein und wählen Sie die Seite zu der die Verlinkung erfolgen soll. [Klick-vergrössern] Durch setzen dieser Checkbox werden Bilder durch Anklicken im Internet in voller Größe angezeigt. Gerade wenn sich mehrere Bilder auf einer Seite befinden ist dieses eine sehr nützliche Funktion dem Besucher doch die volle Größe der Bilder zu zeigen. [Qualität] und [Effekte] und [Rahmen] Hiermit können Sie das Bild in der Darstellung verändern. Probieren Sie einfach verschiedene Einstellungen aus. Besonders nützlich ist der Effekt Aufhellen bei besonders dunklen Fotos. [Bildtext] Der eingegeben Text erscheint immer unter den Bildern. 3. Template Nur Bilder [Überschrift] Wie unter 1. beschrieben. [Bilder] + [Position] + [Breite (pixel)] + [Bildtext] Wie unter 2. beschrieben. 4.. Template Aufzählung [Überschrift] Wie unter 1. beschrieben. [Text] Jede Zeile die mit <Enter> abgeschlossen wird, stellt eine Aufzählzeile dar. 5. Template Tabelle [Überschrift] Wie unter 8.a. beschrieben. Dann das Template abspeichern. Speichern Sie mit dem 1.Symbol ganz oben das Template. [Text] Wenn das Template gespeichert wurde, wird neben dem Textfeld ein Tabellensymbol dargestellt. Nach dem Anklicken kann in einem gesonderten Fenster die Tabelle erstellt werden (Zeilen und Spalten anfügen bzw. löschen erfolgt mit den entsprechenden Symbolen).

9 E. Internetseiten mit speziellen Elementen (Dateiverweise) bearbeiten (Optional - stehen nur bei entsprechender Freischaltung zur Verfügung) 1. Template Dateiverweise Hiermit können Internetseiten mit Verweise zu Dateien zum downloaden dargestellt werden. [Überschrift] Wie unter 1. beschrieben. [Dateien] Mit dem Schalter <Durchsuchen> können Sie Dateien, z.b. PDF-Dateien, auf der Festplatte suchen und einbinden. Es können wie bei den Bildern auch mehrere Dateien geladen werden (wie bei Bilder). 2. Template Sitemap Hiermit wird immer ein aktuelles Inhaltsverzeichnis aller Seiten des Internetauftritt dargestellt. Im Verzeichnis kann direkt eine Seite angewählt werden. [Überschrift] Wie unter 1. beschrieben. [Ausgangspunkt] Wählen Sie hier die Startseite Ihrer Homepage. 3. Template Reines HTML Hiermit kann reines HTML in eine Seite eingebunden werden. [Überschrift] Wie unter 1. beschrieben. [HTML] Kopieren oder geben Sie hier den HTML Code ein. Er wird von TYPO3 direkt beim Aufruf der Seite umgesetzt. F. Internetseiten mit Formularen (Mailformular / Anmeldeformular) (Optional - stehen nur bei entsprechender Freischaltung zur Verfügung) 1. Template Mailformular Assistent zum Erstellen von Mailformularen. [Überschrift] Wie unter 1. beschrieben. Speichern Sie nach Eingabe der Überschrift das Template mit dem 1.Diskettensymbol (oben links in der Reihe). [Kofiguration] Mit dem Speichern wird ein Symbol neben dem Konfigurationsfeld sichtbar. Durch Anklicken des Symbols wird der Konfigurationsassistent aufgerufen. Durch die entsprechenden Symbole können Elemtenttypen (Eingabefelder) hinzugefügt (Pluszeichen), gelöscht (Mülltonne) oder verschoben werden (Pfeile). Folgende Elementtypen können Sie einsetzten: Eingabefeld, Textbereich und Markierungsfeld. Der Assistent schlägt schon ein Mailformular vor, das in Folge angepasst werden kann.

10 Hinweise zu den Eingabefeldern: Typ: Wählen Sie in der Listbox den Elementtyp (Eingabefeld, Textbereich, Markierungsfeld), d.h. die Art des Eingabefeldes innerhalb des Formulars. Beschriftung: Freie Beschriftung des Eingabefeldes. Benötigt: Hier legen Sie fest, ob eine zwingende Eingabe erforderlich ist. Feld: Hier legen Sie den Variablennamen des Eingabefeldes fest. Der Inhalt des Eingabefeldes wird unter dieser Bezeichnung gespeichert und in der Mail so bezeichnet. Größe: Anzahl der Zeichen. Zeilen (nur bei Textbereich): Anzahl der Zeilen. Wert: Ein Wert, der schon beim Aufruf des Formulars vorgegeben wird. Hinweise zur speziellen Konfiguration: Beschriftung des Absende-Buttons: z.b. Abschicken Betreff: Die Betreffzeile des Formulars Empfänger GANZ WICHTIG - vergessen Sie nicht, an wem die Mail geschickt werden soll. Speichern Sie zum Abschluss den Assistenten mit dem 2. Diskettensymbol und speichern Sie auch die eigentliche Ausgangsseite, die Detailseite des Templates.

11 K. Internetseiten mit dem Plugin eshop (Optional - stehen nur bei entsprechender Freischaltung zur Verfügung) Hier wird die Erstellung von einfachen eshop Seiten beschrieben. Umfangreiche Systeme werden mit der Warenwirtschaft Genesis ELKE gekoppelt. 1. Anlegen von Warengruppen Wählen Sie in der Baumansicht die Seite <Produkte> Wählen Sie <Neue Seite> im Arbeitsbereich Seiteninhalt Platzieren Sie die neue Seite in der nächsten tieferen Ebene (entsprechenden Pfeil anklicken) Die Seiteneigenschaften werden als Detailmaske angezeigt: Seite verstecken: NEIN Typ: SysOrdner Titel: Bezeichnung der Warengruppe 2. Anlegen von Produkten (Artikeln) Wählen Sie in der Baumansicht die Seite der Warengruppe, zu der Sie Artikel anlegen möchten. Schalten Sie auf den TYPO3 Menüpunkt <Liste> um (linke Seite). Achten Sie darauf, dass die erweiterte Ansicht angeklickt ist. Zum Anlegen eines neuen Datensatzes (Produkte) wählen das Symbol mit dem grünen Kreuz das sich innerhalb des Produktkasten oberhalb der schon angelegten Artikel befindet. Mit dem Anklicken dieses Symbols wird gleich der richtige Datensatztyp gewählt. Sollten noch keine Artikel zu der Warengruppe existieren wählen Sie Neuen Datensatz anlegen und wählen in der folgenden Auswahlliste Produkte (Nicht Produkt-Artikel ).

12 Hinweise zu den Eingabefeldern: Name: Bezeichnung des Produktes. Untertitel: Erweiterung der Bezeichnung Artikel Nr.: Die Artikelnummer Preis: Preis inklusive Mehrwertsteuer (die anderen Preisfelder brauchen nicht ausgefüllt werden). Aktionsartikel: Setzen Sie hier einen Haken, wenn der Artikel noch auffällig vermarktet werden soll. Beschreibung: In dem Texteditor geben Sie die Detail-Beschreibung des Artikels ein. Bild: Hinterlegen Sie ein Bild. Das Bild wird automatisch in der Artikelliste des Shops verkleinert und in der Detailansicht entsprechend groß dargestellt. Speichern Sie das Produkt wie gewohnt ab (4.Symbol von links) bzw. wenn Sie einen weiteren Artikel anlegen wollen mit dem Symbol davor (Speichern und neuen Datensatz anlegen). 3. Anlegen einer Shopstartseite Legen Sie die Startseite als normale Standardseite Text mit Bild an Eine nette Begrüßung und eine kurze Beschreibung des Shops sowie ein nettes passendes Bild erwärmen Ihre Besucher den Shop zu betreten (siehe auch Die Startseite können Sie ergänzen mit einer Liste von Aktionsartikeln (kann auch später erfolgen): Legen Sie einen neuen Datensatz mit dem Template Shop System. Geben Sie als Überschrift Aktionsartikel ein. Wählen Sie unter Plugin Optionen das Objekt Produkte: Liste Aktionen Wählen Sie als Ausgangspunkt die Seite Produkte.

13 4. Anlegen einer Seite mit einer Produktauswahlliste (Artikelliste) Wählen Sie im Seitenbaum die Shopstartseite und wählen im Arbeitsbereich <Neue Seite>. Die Position der neuen Seite sollte eingerückt sein. Typ: Standard. Seitentitel: Name der Warengruppe deren Artikel angezeigt werden sollen. Speichern und schließen Sie die Detailseite. Legen Sie den Seiteninhalt an. Wählen Sie dazu das Symbol mit dem grünen Pluszeichen in der Spalte Normal. Wählen Sie das Template Shop System Überschrift: Geben Sie die Warengruppe an deren Artikel auf der Seite erscheinen sollen. Plugin Optionen: Wählen Sie das Objekt Produkte: Liste. Wählen Sie als Ausgangspunkt die gewünschte Warengruppe. Klicken Sie dazu auf das Koffersymbol und wählen die Seite (unter Produkte). Hinweis: die Seite unter der die Produkte abgespeichert sind, ist keine Seite zum anschauen, sondern dient ausschließlich als Datencontainer.

14 Das Ergebnis: Alle Produkte dieser Warengruppe werden auf der Seite mit kleinem Bild, Name, Untertitel, Artikelnummer und Preis angezeigt. Schon in der Warengruppe kann der Besucher ein Produkt auswählen und in den Warenkorb legen. Der Besucher kann aber auch die Detailseite des Artikels aufrufen. Hier werden neben den oben genannten Informationen noch der Beschreibungstext und das große Bild angezeigt. Wird in der Detailansicht das Bild anklickt, wird es in voller Größe dargestellt. Auch von der Detailseite kann der Besucher den Artikel in den Warenkorb legen. Hinweis: Entsprechend werden alle Seiten mit Artikellisten angelegt. 5. Warenkorb und Bestellübersicht Diese Seiten sind bereits installiert und angelegt. Falls Sie in Ihrem System noch nicht vorhanden sind, obwohl Sie das Shopsystem geordert haben, melden Sie sich bitte telefonisch in der Hotline. M. Die technische Hotline Falls Sie Probleme haben, eine Schulung buchen möchten oder nur einfach Fragen haben, rufen Sie uns an: oder schicken uns eine Mail: / systemhaus@wachendorf.de WIR HELFEN WEITER!