Andrea Herzog-Kienast Erwin Hontheim. Das TYP03-Buch. Schritt für Schritt zur professionellen Web-Präsenz

Transkript

1 Andrea Herzog-Kienast Erwin Hontheim Das TYP03-Buch Schritt für Schritt zur professionellen Web-Präsenz *

2 Einführung 21 1 Pflichtenheft zum Projekt 25 2 Installation des Basissystems Die TYP03-Pakete Packages auf den Server bringen Rechte vergeben Sinnvolle Zugriffsrechte für TYP Symbolische Links Weitere Software Letzte Vorbereitungen Auf PHP-Version 5.x prüfen Internet-Domain bzw. Webverzeichnis MySQL-Datenbank Das Verzeichnis typo3conf Das Install Tool 55* 2.5 Grundlegende Einrichtung des Backend Das TYP03 Extension Repository (TER) einrichten Benutzer einrichten Sicherungen anlegen und wieder einspielen Sicherungen anlegen Automatische Sicherung via Cronjob Sicherung spezieller Zustände während der Installation Sicherungen wiederherstellen 80

3 3 Vorlagen und Seitenstruktur Eine einfache HTML-Vorlage erstellen Die CSS-Basisdatei Heraufladen und Erstellen von Dateien Erste Seiten im Backend anlegen Seiten mit dem Assistenten erstellen Die Seitentypen Standard, Verweis und SysOrdner Grundlagen des ersten TypoScript-Template Das TypoScript-Setup 105 * 3.6 Constant Editor Erste Schritte im Constant Editor Fehleranalyse in Typo Script Object Browser und Template Analyzer 3.8 Traditionell vs. TemplaVoila Der traditionelle Weg mit Markern und Subparts Inhaltsbereiche definieren Ersten Seiteninhalt anlegen Die Extension TemplaVoilä! Die Unterschiede TemplaVoila installieren Static Info Tables Konflikte Das veränderte Backend TemplaVoila vorbereiten Verzeichnisse in Fileadmin organisieren Die Grundlage: Das HTML-Template Die Steuerung des Layouts: CSS-Dateien Nur für besonders Eilige: Der TemplaVoila-Assistent HTML-Template für den Assistenten bereitstellen TemplaVoila in Handarbeit TypoScript-Template anpassen Der Mapping-Prozess Ersten Seiteninhalt anlegen 163 Ill Гв"

4 т -^мттттшвштшшшшшш Verwendung eines alternativen TemplaVoila-Template Erstellen eines Flexible Content Element (FCE) Menüs einrichten Traditionell bzw. mit TemplaVoila Horizontales Menü Vertikales Menü Design über CSS anpassen Trailerbild einfügen Farbverlauf für horizontales Menü Farbverlauf für die Fußzeile Grafiken im vertikalen Menü Rahmen für Seitenbereiche Ausbau der Webseite Vertikales Menü um Submenus erweitern IFSUB undactifsub anpassen Menüpunkte optisch trennen HTML-Vorlage für Sondermenüs anpassen Brotkrümel-Menü Datum und Uhrzeit einfügen Druckversion der Seite erstellen Weitere Seiten anlegen und Seiten verschieben Seiten im Menu oben anlegen Seiten im Menu Links anlegen 21g 8.5 Seite mit Unterseiten anlegen und verschieben Seiten rekursiv in ein Unterverzeichnis verschieben Seiteninhalte Normaler Text Text mit Bild Nur Bilder Aufzählung Tabelle Dateiverweise 234

5 »»11111»ИИДИИ» 1ЮШ1)1И v Multimedia Sitemap HTML Mailformular Suchformular Anmeldeformular CSS-Checkliste Seitenheader gestalten 250 % HTML-Vorlage anpassen TypoScript Setup erweitern CSS anpassen Bilder auf einzelnen Seiten zuweisen Mehrsprachigkeit Die Extension sr_language_menu Translation Handling HTML-Vorlage: Die Sprachauswahl platzieren TypoScript-Vorlage: Sprachen einbinden CSS-Datei um ID für die Sprache erweitern Seiten und Inhalte mehrsprachig darstellen Übersetzungen prüfen Der Rieh Text Editor RTE-Modi Funktionsweise Grundkonfiguration Konfiguration über Page-TS-Config RTE.classes RTE.default Datenbank bereinigen mit proc Klassen und Tags Überschriften, Layout und Tabellen Der RTE im Backend Textformatierungen anwenden Mehrsprachigkeit 294 r^

6 Юму- mm»идиишеииииии»»»* Inhaltsverzeichnis 9.7 Die RTE-Toolbar Organisation der Backendbenutzer/Redakteure Eine erste Gruppe erstellen Registerkarte Allgemein Registerkarte Zugriffsliste Registerkarte Freigaben und Arbeitsumgebungen Einen ersten Redakteur anlegen Registerkarte Allgemein Registerkarte Freigaben und Arbeitsumgebungen Zugriff Gruppenrechte vererben Eine Benutzergruppe mit Leserechten für alle neu angelegten Seiten Arbeitsumgebungen Die Standard-Entwurfsarbeitsumgebung Das Modul Arbeitsumgebung Eine eigene Entwurfsumgebung Einrichten eines Arbeitsablaufs (Workflow) Vorschau einer Arbeitsumgebung verschicken Webseitenstatistik mit cc_awstats Kontaktdaten mit tt_address Mannschaften TS-Template erstellen HTML-Template CSS für tt_address Seiten und Plugins SysOrdner tt_address -Datensätze anlegen Plugin einfügen Trainerteam tt_address für Redakteure Mehrsprachigkeit

7 г -'ншгшшямшшшшшыш.--. ' тэммннв 14 FAQ TS-Template erstellen HTML-Template Seite und SysOrdner anlegen Plugin einfügen FAQ, Experten und Kategorien im SysOrdner anlegen Ausgangspunkt setzen Feineinstellungen CSS zuweisen Mehrsprachigkeit Der Redakteur für die FAQ Zugriff Filme und Audiodokumente einbinden mit rgmediaimages Extension-Template css_styled_content anpassen Video- und Audiofiles einbinden Bildergalerie mit kj Jmagelightbox Seiteninhalt anlegen Die Galerie im Frontend Benutzerregistrierung felogin Installation felogin HTML-Template CSS-Datei Extension-Template Frontendbenutzerregistrierung Installation Seiten anlegen und Plugins einfügen Benutzergruppen anlegen HTML-Template CSS-Datei TS-Template: Constants 429 I 12

8 -.т. - ".. i : " '-чмщшшшшшшшшвшшшшш Inhaltsverzeichnis TS-Template: Setup static_info_tables und static_info_tables_de Statische Templates einschließen Verschlüsselung Kategorien Kategorien anlegen TS-Template ergänzen Seiten-TS-Config Kategorien im Frontend Das Backendformular der Frontendbenutzerregistrierung Mehrsprachigkeit Zugriffsrechte für Frontendbenutzer Rechte auf Seitenebene Rechte auf Inhaltsebene Login User Tracking Installation Das Modul User Track Shop-System Installation Seiten und SysOrdner einrichten Plugins einfügen Die Seite Shop Die Seite Sonderangebote Die Warenkorbseite Die Seite Bezahlung Die Seite Suche im Shop TS-Template Constants Setup HTML-Template und CSS-Datei Produkte anlegen Titel und Zusammenfassung 470 ir\

9 " " ' ~ ~ ш е и Beschreibung und Bild Preis und Steuern Lagerbestand WWW-Adresse und Maße Sonderangebote Größen und Farben Ähnliche Produkte Dokumentenlisten Ähnliche Seiten Lieferanten Kategorien Shop mit registrierten Benutzern Bezahlmethoden Rechnung Nachnahme Selbstabholer Bedingungen für Bezahlmethoden Liefermethoden Bestellungen Statuscode Orders Management Statistics Orders Completed Orders Products Statistics Mehrsprachigkeit Nachrichtensystem mit tt_news Anforderungen des Sportvereins Installation TS-Template HTML-Templates Nachrichtenordner und -unterordner strukturieren Kategorien anlegen und strukturieren 511 П7

10 20.7 Nachrichten erstellen Bestandteile einer Nachricht Bestandteile des Plugins tt_news Sponsorennachrichten auf allen Webseiten anlegen (mit TemplaVoila bzw. traditionell) Layout anpassen Pagebrowser abschalten Layout der Sponsorennachrichten anpassen Darstellung über TypoScript anpassen Anpassungen des HTML-Template Anpassungen über CSS Detailnachrichten Einzelansicht für Sponsorennachrichten anpassen Bestimmte Felder in den Nachrichten für die Eingabe sperren bzw. vorbelegen Nachrichten auf der Willkommen-Seite anzeigen Einzelansicht allgemein Nachrichtenanzeige der Abteilungsseiten erstellen Alle Nachrichten auf einer Seite einschließlich Kategoriemenü Archivanzeige erstellen Arbeiten mit Redakteuren Anzeige von geschützten Nachrichten im Frontend tt_news - ein Wort zum Abschluss Das TypoScript für tt_news Forum 57g 21.1 Was ist ein Internetforum überhaupt? Das Forum im Frontend Foren-Hauptseite Einzelnes Forum Forumsthemen Installation TS-Template erstellen HTML-Template und CSS-Datei Seitenbaum für die Foren erstellen

11 Plugins einfügen Benachrichtigungen Mehrsprachigkeit Gästebuch Seiten anlegen Plugins einfügen Plugin Teaser Plugin Formular 598 * Plugin Liste Grundkonfiguration sr_freecap Der Gästebuch-SysOrdner Mehrsprachigkeit Karten mit WEC Map Der Google Map Key Installation Plugin auf der Kontaktseite einfügen Die Einfache WEC Landkarte im Frontend Plugin für die Sportstätten einfügen Plugin für die Frontendbenutzer einfügen WEC Frontend Benutzer Karte für registrierte Benutzer im Frontend Mehrsprachigkeit Calendar Base Installation Statisches Template einbinden Kalenderseiten Extension-Template +cal views SysOrdner für Kalendereinträge Plugin Jahresansicht Plugin Tagesansicht Plugin Monatsansicht 626 I 16

12 1 ' Ш1ИИИИИИИИЯИИИИЯИ Inhaltsverzeichnis Plugin Wochenansicht Plugin Listenansicht Plugin Ereignisansicht Kalender anlegen Ersten Kalendereintrag anlegen Kategorien Kategorie Stile Kalenderort Kalenderterminveranstalter Kalendertermin Ereignis mit Beschreibung Wiederkehrende Ereignisse verweis auf interne Seite Link zu externer URL Kalenderausnahme Kalenderausnahme Eventgruppe TS-Template +cal Constants Setup TS-Template +cal views Constants +cal views Setup +cal views Besprechung Suche Abonnentenverwaltung 66^ Terminverwaltung Benachrichtigung bei Terminänderung Frontendediting erlauben wecjnap zur Anzeige der Kalenderorte tt_news-datensätze im Kalender ausgeben Minical Für traditionelle Vorgehensweise Für TemplaVoila TypoScript-Template für den Minikalender 669

13 25 Newsletter mit direct_mail Installation SysOrdner und Seiten für Direct Mail anlegen HTML-Template für Plain-Text- s TypoScript-Template erstellen Konfiguration Kategorien konvertieren Empfängerlisten erstellen Typ Von Seiten Typ Normale Liste Typ Statische Liste Typ Spezielle Anfrage Typ Andere Empfängerlisten Direct Mails einrichten Quickmail Direct Mail Versand-Status Statistiken Plaintext- s personalisieren HTML- s mit eigenem Template versenden tt_news-datensätze als Newsletter versenden Seite für tt_news-newsletter anlegen Cronjob einrichten Mehrsprachigkeit Seite weiterempfehlen mit tipafriendlplus Installation und HTML-Template Template für traditionelle Vorgehensweise Template TemplaVoila Seite anlegen und Plugin einfügen TypoScript-Template Constants Setup CSS-Datei anpassen

14 HIIIIIIIHIIIIIIIHII Ш Inhaltsverzeichnis 26.5 Mehrsprachigkeit Suche mit Indexed Search Installation und Konfiguration TypoScript-Template für Indexed Search Macina Searchbox installieren Suchseite für Indexed Search anlegen Suchbox auf allen Seiten anzeigen Modul Indexierung General Statistics List: TYP03 pages List: External documents Indexierung prüfen Suchmaschinenoptimierung Off-Page Optimierung Social Bookmarking On-Page-Optimierung Überschriften hl-h Fehlercodes Seitentitel Menü Keywords und Description Verlinkung der eigenen Seite Bilder Seitenstrukturierung 74* Simulate Static Documents Google AdWords Sitemap und Glossar Eigene Gästebücher und Foren robots.txt I