TYPO3 für Redakteure. DS Immobilien. Agenda 16. Dezember 2015 Start: 11 Uhr

Transkript

1 DS Immobilien TYPO3 für Redakteure Agenda 6. Dezember 205 Start: Uhr Seite Grundlagen Content-Elemente Seiten Mit Verstand faul sein Dateiliste Immo-Tool (Exportfunktion für InDesign Expose) Mittagspause Uhr 0 Hands-on Uhr

2 Grundlagen 2 Login Frontend 2 Den TYPO3 Login erreichen Sie über: 3 Und gelangen so in das Backend Ihre Login-Daten Name Passwort 3 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

3 Grundlagen Backend Modi Zum Bearbeiten von Seiten und Content-Elementen Seite 2 Anzeigen 3 Liste 4 Info Dateiverwaltung 5 Dateiliste dsimmobilien.com How to TYPO3 scan & design Werbeagentur

4 Grundlagen Backend Modus Seite Zum Bearbeiten von Seiten und fast allen Content-Elementen dsimmobilien.com How to TYPO3 scan & design Werbeagentur

5 Grundlagen Backend Modus Anzeigen 2 Für eine schnelle Vorschau aus dem Backend heraus dsimmobilien.com How to TYPO3 scan & design Werbeagentur

6 Grundlagen Backend Modus Liste 3 Zum Bearbeiten von Seiten und Content-Elementen! Daten des ImmoTools lassen sich nur über den Backend Modus Liste bearbeiten dsimmobilien.com How to TYPO3 scan & design Werbeagentur

7 Grundlagen Backend Modus Info Übersicht der Infos zu einer Seite wie z. B. Ersteller, Erstelldatum 4 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

8 2 Content-Elemente! Das Content-Element im Backend und im Frontend Der einfachste Weg um ein Content-Element (CE) zu erstellen ist, ein bestehendes dem neuen möglichst ähnliches zu kopieren [2], und dort wieder einzufügen, wo man es benötigt. Bevor Sie ein Content-Element entgültig löschen, sollten Sie es vorerst nur Verbergen [3] 4 4 Wichtigste Bearbeitungs- Funktionen 2 3 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

9 2 Content-Elemente Content bearbeiten Inhalte bearbeiten Tab Allgemein 2 2 Inhalts-Typ 3 Headline (CE) 3 4 Text Funktionen des RTE (Rich Text Editor) Text-Stile löschen 6 HTML-Code editieren 7 Blockstil definieren z. B. Überschriften H H4 8 Listen 9 Sonderzeichen 0 Verlinkungen erstellen Link-Optionen auf Folgeseite >> dsimmobilien.com How to TYPO3 scan & design Werbeagentur

10 2 Content-Elemente Content bearbeiten Link einfügen a b c d Link-einfügen-Fenster 2 Link-Optionen [a] zu einer Seite oder einem Datensatz innerhalb der Ihrer Internet- Präsenz [b] zu einer Datei auf dem Ihrem Server (Dateiliste) [c] zu einer externen Adresse [8] [d] zu einer Adresse 8 URL-Pfad zu einer externen Adresse 9 Dabei immer Neues Fenster (_blank) auswählen, damit das Ziel in einem neuen Browserfenster geöffnet wird 0 Vorschau-Text eingeben Dieser erscheint beim Mouseover und sollte möglichst beschreiben, was den User erwartet. dsimmobilien.com How to TYPO3 scan & design Werbeagentur

11 2 Content-Elemente Content bearbeiten 2 4 Bild(er) einfügen / bearbeiten 2 Bild(er) aus Dateiliste laden siehe Folgseite >> Bildtexte erstellen: als Hilfe für den User als SEO-Unterstützung (Search Engine Optimization) 4 Bild-Position und Größe werden auf dem Tab Erscheinungsbild eingestellt. Siehe Seite 3 >> Standard DS Bildformate Content-Bilder Bildverhältnis 4:3 600 x 200 px (maximal) Teaser-Bilder Bildverhältnis 2: 300 x 50 px (220 x 0 px) Seitenbilder für Content-Spalte 700 x 290 px Slider (280 x 265 px) Farbprofil: srgb (srgb IEC ) Auflösung: 72 ppi dsimmobilien.com How to TYPO3 scan & design Werbeagentur

12 2 Content-Elemente Content bearbeiten Bild(er) einfügen / bearbeiten 2 Bild(er) aus Dateiliste laden dsimmobilien.com How to TYPO3 scan & design Werbeagentur

13 2 Content-Elemente Content bearbeiten Erscheinungsbild 2 Abstand des CE zum nächsten CE Wert: Pixel Vordefinierte CE-Stile z. B. für Teaser-Box auf Übersichtsseiten 5 4 Bildformat Wert: Pixel Bei Angabe von nur einem Wert wird das Bild proportional verkleinert 5 Bildausrichtung (im CE) dsimmobilien.com How to TYPO3 scan & design Werbeagentur

14 3 Seiten Seiten bearbeiten 2 3 Bearbeitungsoptionen für Seiten 2 Seiten-Eigenschaften bearbeiten 4 3 Metadaten bearbeiten Keywords Description 4 Seitentyp dsimmobilien.com How to TYPO3 scan & design Werbeagentur

15 4 Mit Verstand faul sein Der einfachste Weg, um ein Content-Element (CE) oder eine Seite zu erstellen: Ein bestehendes CE dem neuen möglichst ähnliches kopieren 2 Und dort wieder einfügen, wo man es benötigt 3 Bevor Sie ein Content-Element endgültig löschen, sollten Sie es vorerst nur Verbergen 3 2 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

16 5 Dateiliste Backend Modus Dateiliste Zum Bearbeiten der Dateistruktur auf dem Webserver Vergleichbar mit der Ordner-Struktur auf einem PC 5 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

17 5 Dateiliste Backend Modus Dateiliste 3 Datei-Upload vom eigenen PC 2 Datei(en) auf dem eigenen PC auswählen 2 3 Ordner erstellen! Alle Dateien / Bilder sollten vor der Verwendung immer über die Dateiliste in die bestehende Dateistruktur eingefügt werden. Große Datenmengen lassen sich auch per FTP/SSH auf den Server übertragen dsimmobilien.com How to TYPO3 scan & design Werbeagentur

18 6 Immo-Tool Daten Tabs Immobilien-Objekt Allgemein 2 Ausstattung 3 Flächen 4 Preise 5 Umfeld 6 Verwaltung 7 Zustand 8 Freitexte 9 Dateien (Bilder und PDF_Expose) 0 Webseite Titel und SEO-Optionen Eingabefelder entsprechen der Struktur aus OpenEstate 5 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

19 6 Immo-Tool Immobilien-Objekt bearbeiten Auf Modus Liste umschalten um Immobilienobjekte bearbeiten zu können 2 2 Immobilie bearbeiten dsimmobilien.com How to TYPO3 scan & design Werbeagentur

20 6 Immo-Tool Immobilien-Objekt bearbeiten Freitexte Kurzbeschreibung Objektbeschreibung Objektbeschreibung (Infobox) Ausstattung Lage Ernergie / Dämmung / Heizung Ernergie / Dämmung / Heizung (Infobox) Wohnflächenberechnung Weiteres Preis dsimmobilien.com How to TYPO3 scan & design Werbeagentur

21 6 Immo-Tool Immobilien-Objekt bearbeiten Dateien Bilder Grundrissbilder (2 x 4) Bilder zur Lage Energieausweis (Scan) Expose (PDF) Reihenfolge ist wichtig für die Ausgabe im Print-Exposè dsimmobilien.com How to TYPO3 scan & design Werbeagentur

22 6 Immo-Tool Immobilien-Objekt für Print-Expose exportieren Modul FF Immo Export auswählen Sysfolder auswählen Immobilien Objektdaten 2 3 Ein oder mehrere Immobilien-Objekte auswählen 4 Auf Export klicken dsimmobilien.com How to TYPO3 scan & design Werbeagentur

23 6 Immo-Tool Immobilien-Objekt für Print-Expose exportieren Pfad für Bildverzeichnis definieren /bilder_expose_print/ 2 Auf Button Export als CSV (für InDesign) klicken 3 Es wir eine TIP-Datei in den Standard-Ordner für Browser-Downloads gespeichert (Inhalt siehe Folgeseite) 2 3 dsimmobilien.com How to TYPO3 scan & design Werbeagentur

24 6 Immo-Tool 3 Immobilien-Objekt für Print-Expose exportieren ZIP-Datei im Standard-Ordner für Browser-Downloads 2 ZIP-Datei mit Inhalten nach dem entpacken Daten müssen in den Objekt-Ordner übertragen werden 2 Die CSV-Datei muss via MS Excel in eine.txt-datei (Tabstopp) konvertiert werden Die Bilddaten müsen in den Ordner bilder_expose_print übertragen werden 3 Objektordner nach dem Übertragen der Daten dsimmobilien.com How to TYPO3 scan & design Werbeagentur

25 dsimmobilien.com How to TYPO3 scan & design Werbeagentur Notes

26 Zeit für Fragen Tel [0 45 5] Karl-Storch-Straße Bad Segeberg Nils Thede Peter Dollhopf