Samstag, 7. Juni 2014

CMS (TYPO3) - Kurs Tag 21 - Klausurtag - das war's... (etwas verspätet ;) )

06.06.2014
TAG 21

AUF WIEDERSEHEN!
 

Die Klausur ist gemeistert und ich verabschiede mich.

Liebe Mitleser,
meine modulare Weiterbildung im Multimedia-Bereich ist mit Typo3 nun abgeschlossen. Ich verabschiede mich von euch eifrigen Mitlesern und hoffe, dass uns allen die Mitschrift ein nützliches Nachschlagewerk sein wird.

Über Kommentare, Kontaktaufnahmen und interessante Jobangebote freue ich mich auch weiterhin. Ich selbst bin gespannt, ob und wie es mit diesem Blog weitergeht...

Eure fraukalke 

Donnerstag, 5. Juni 2014

CMS (TYPO3) - Kurs Tag 20 - Klausurvorbereitung, SEO-Einstellungen (Metaangaben) & Seiteneigenschaften

Mitschrift 05.06.2014

TAG 20

Was machen wir heute?
  • weitere Klausurvorbereitung
  • Wiederholung

Wiederholung 

Customizer haben Backendlayouts vorbereitet = > das Backend so anpassen, wie das Forntend istdient dazu später dem Redakteur die Möglichkeit zu geben, zu entscheiden, wie das Backend und das Frontend aussehen soll

Anwender: Frontendediting
mehr zum Frontendediting und hier

Template - TS -Ordner:
+ext config auswählen  - Setup

Am Ende des Skripts 2 mal entern und folgendes eintragen: config.admPanel = 1 (Adminpanel, um Frontendediting zu betreiben)
 Speichern, Cache leeren. Seite start neu aufrufen

Wichtig für Redakteure, die viele Inhaltselemente einfügen (eher nicht für Nachrichten und Onlineagenturen.


Admin-Panel = Steuerungeelement zum Fronteendediting

Im Frontend  - das Panel öffnen und dann kann man simulieren: 

Ich habe eine Frage: kann ich mit dem FE-Editing nur Änderungen simulieren oder auch direkt ändern und speichern?
Antwort: Es wird direkt geschrieben und in der Datenbank geändert
  • Vorschau
  • Cache
    • ausschalten
    • aktualisieren
  • Eingabe
    • Bearbeitungssymbole anzeigen
    • bearbeitungsleiste anzeigen
      • bearbeiten
      • nach oben/unten verschieben
      • verbergen, 
      • neuer Datensatz, 
      • löschen
    • geht nicht für news aber ist das Hauptfeld des FE-Editings! 
  • Typoscript
  • Info

Backendlayout ändern für einzelne Seiten:
Seite - neue Seite anlegen - neuer Datensatz - Reiter Erscheinungsbild - Backendlayout für Unterseite dieser Seite


Fragerunde zur KLausurvorbereitung:


Bei einer Frage gibt es mindestens eine richtige Antwort aber auch mehr 
Als Redakteur im Backend einloggen - was gibt man in URL ein:
domainname.de/typo3

mit welchen Logindaten kann man sich im standard von typo3 einloggen:
admin & password

Logindaten zu einer Datenbank (Localhost & XAMPP)
User: root, passwort: leer,  host: localhost

Welcher Sprache wird standardmäßig typo3 von der typo3.0org runtergeladen:
englisch

Admin-Panel - können das auch Redakteure benutzen?
Ja - Sollten sie sogar

Was kann man mit dem Modul Nachrichten machen?
NAchrichten versenden


Was ist Powemail:
Extension mit der man Kontaktformulare erstellen kann

Wie heißt das Rootverzeichnis auf einem Webserver?
htdocs = Wurzel der Darstellung

Kann man typo3 erweitern:
ja

Modul mit dem man typo3 erweitern kann
Erweiterungsmanager

mit welchem Modul kann der Redakteur Sprache ändern?
User Settings

Wie nennt man das Anlegen eines Roottemplates in typo3
Konfigurationstemplate, da typo3 eine Konfigurationssprache ist

Wie nennt man das HTML & CSS-Template?
Designtemplate

Was ist erforderlich um im FE was anzeigen zu können?
Ein Page-Objekt in einem Konfigurations oder Roottemplate

über welches Modul können wir externe Dateien hochladen
Dateiliste

Mit welchem Modul können wir mehrere Seiten auf einmal anlegen
Funktionen

Wie heißt der Bereich, auf dem wir externe Erweiterungen herunterladen können
TER = Typo3 Extension Repository

Wie heißt der Editor in Typo3
RTE = Rich Text Editor

Wenn man eine Datensicherung macht, welche 2 Bereiche, muss man dann sichern?
Verzeichnis (Verzeichnisstruktur runterladen) & Datenbank

Modul: Was muss der Admin machen, um einem redakteur eine neue Sprache einzustellen?
über Sprache einstellen - dann kann der Redakteur seine Sprache über Usersettings wählen

Welches Feld im Inhaltselement verschiebt Text in die Seitenspalte:
über Spalte

Modul, mit dem wir Inhaltselemente anlegen:
Seite

mit Welchem Modul werden Benutzer angelegt:
Liste

Artikel veröffentlicht, aber verschrieben - wie kann ich ihn aus dem FE zurückbekommen:
Verbergen bzw. Unsichtbar machen und ihn danach wieder aktivieren

Was braucht man, um typo3 hochzuladen, damit es im FE sichtbar wird
Domain, Webserver, Filezilla (FTP-Client) oder ein Web-FTP- Tool

Hostingpaket erlaubt nur 2 MB für Datenbank, meine Datenbank ist zu groß, mit welchem Tool kann ich sie doch übertragen?
BIGDUMP

Wie heißt die Sicherheitsdatei, die vorgeschaltet wird, bevor man in die Installation gehen kann?
Enable_Install_Tool

Wie nennt man die Erweiterung, mit der man eine redaktionsumgebung simulieren kann?
Arbeitsumgebungen / Workspaces

Erweiterung mit der man eine interne Suiche starten kann
indexed_search

Inhaltselement mit dem man Google Maps einbuinden kann:
reines HTML einbinden


Anzahl Fragen:
  • Customizer: 24 Fragen
  • Anwender: 23 Fragen


Seiteneigenschaften einstellen


Hinweis: alle templates kann man sich anzeigen lassen, über Template - oberste Ebene

lokale Umgebung - Seite -  karlaSeite - Seite in den Eigenschaften bearbeiten: rechter Bereich Seiteneigenschaften bearbeiten (Icon Blatt mit Stift)
Seiteneigenschaften steuern die Sachen:
  • Reiter Allgemein:
    •  Titel
      • Seitentitel an sich auch menüpunkt, allerdings einstellbar mit
      • Alternativer Navigationstitel - wenn man sprechende Namen haben möchte
      • Untertitel wird standardmäßig nicht gezeigt - muss vorher gecustomized werden (über UID - Template - TS-Ordner - ext language 10.field = uid - hier würde es dann nicht uid heißen, sondern subtitel:
        • mit Firebug auf das Feld gehen, um das Feld auslesen
Subtitle mit firebug auslesen
  • Reiter Zugriff:
    • Sichtbarkeit deaktivieren (Klausurfrage: im Inhaltselement Reiter Zugriff: Sichtbarkeit - Inhaltselement deaktivieren - oder über den Seitenbaum in der Ansicht auf die Lampe klicken)
    • Veröffentlichkeitsdatum
      • entweder zu nem bestimmten Datum veröffentlichen oder
      • zu einem bestimmten Datum auslaufen lassen
  • Reiter metadaten - Kommt weiter unten!
  • Reiter Erscheinungsbild
    • Seitenlayout: als neu markieren bis oder Frontend-Layout auswählen
    • Backendlayout nur für diese Seite oder Unterseiten ändern.
    • Seite als Neu kennzeichnen bis:
      • Über Info - Seite - oben Seitenbaumübersicht auswählen, können wir anzeigen lassen, bis wann die Nachricht als Neu markeirt werden soll
      • Google mag es gerne, wenn Seiten neu sind!!!
    •  Ersetze den Inhalt
      • super für AGB - So kann man den Inhalt einer anderen Seite hier einbinden!
  • Reiter Verhalten:
    • URL-Alias =so erscheint in der URL - nicht die ID als Nummer, sondern der eingegebene Text
      • Aber nicht so toll für Google, sondern eher für Leute, die viel in den Mülleimer schmeißt - dann muss man nicht immer das Typoskript an. So bedient es sich nicht einer Nummer, sondern einer selbst zugewisenen immer gleichen ID
    • Linkziel = Target
      • _blank = neue Seite
      • gleiche Seite
      • neuer Reiter
    • Benutzte Protokolle = hier kann was sicherer machen:
      • standard
      • http:// - erzeugt das HTML direkt (schelcht für Login-Daten)
      • https:// - Seite wird veschlüsselt, verschlüsselt weitergegeben und beim Empfänger entschlüsselt - aber NSA kann das bestimmt auch entschlüsseln
        • Nachteil bei Https - man verliert weitere Zeit durch Verschlüsselung
    • Caching
      • Cache-Dauer: 
        • Standard = 86400 Sekunden bleibt es gecached = ist ein Tag ( 24 Stunden + 60 Minuten + 60 Sekunden)
        • Was ist die optimale Cachedauer?
        • Wir laden die seite einmal komplett berechnet in eine lokale Umgebung, damit der User in Windeseile die Seite geladen hat
        • Schlecht bei Newsseiten, weil die News dann nur 1 mal am tag kommt ;)
        • Es kommt also auf die Inhalte der Seite an:
          • News - kurzer cache (ACHTUNG!!!aber nicht ganz deaktivieren, sonst müsste der Server bei jedem klick neu berechnen - also 1 minute als Zeit einsetzen. Sonst crashed das System bei vielen Usern!)
          • AGBs - sehr langer cache
    • Sprache 
      • Lokalisierung
        • Standardvübersetzung verbergern, qwenn ich eine andere Sprache im FE auswähle
        • Seite verbergen, wenn keine Übersetzng für die aktuelle Sprache vorhanden ist - haken rein, damit nicht die Deutsche Seite angezeigt wird, wenn sie nicht übersetzt wurde
    • Sonstige:
      • Anfang der Website benutzen: Aktiviert  - hier kann man quasi die Startseite einstellen
      • In Indexsuche einbeziehen: Deaktivieren 
      • Berarbeitbar nur für Admins: Aktivieren - Berechtigungskonzept...
  • Reiter Ressourcen:
    • Dateien - Media = mediafiles (was das auch immer bedeutet)
    • Allgemeine Datensatzsammlung - wird seltenst genutzt
      • Seite
      • Typoscipt-Konfiguration

tsconfig in Googlesuche eingeben
Hierüber bekommt man die komplette Konfiguration von tsconfig!
Hier kann man für die Seiteneinstellungen etwas einstellen
runterscrollen bis Page TSconfig und


SEO-Einstellungen:

Pfad: Seite - Seite auswählen - neuer Datensatz - Reiter: Metadaten
  • Inhaltsangaben
  • Meta-Tags
    • Schlagworte
    • Beschreibung
  • Redaktion
    • Name des Autors
    • Email des Autors
      • Achtung: immer die gleiche, aber bitte mit Spam rechnen, also eher nicht die persönliche oder Firmenmail ;) )


Um Metadaten angezeigt zu bekommen (werden standardmäßig nicht angezeigt), muss ich vorher folgende Einstellung tätigen

google Suche - Anzeigen von Metatags typo3 - dann erhalte ich folgende inhalte:
# META-TAGS
page.meta {
  description.field = description
  description.stdWrap.ifEmpty.cObject = TEXT
  description.stdWrap.ifEmpty.cObject.value = Die Standard-Beschreibung der Website.
 
  keywords.field = keywords
  keywords.stdWrap.ifEmpty.cObject = TEXT
  keywords.stdWrap.ifEmpty.cObject.value = keyword1, keyword2, keyword3

  # OPTIONAL
  author.stdWrap.dataWrap = {field:author}, {field:author_email}
  abstract.field = abstract
  revised.data = page:SYS_LASTCHANGED
  revised.strftime = %A, %d.%m.%Y
}
oder einfach aus der Datei des Dozenten: Skriptmeta.txt runterladen 

In ein Erweiterungstemplate kopieren

Pfad: Template - TS - neues template +ext - setup - STRG + v (evtl vorher ein a eintippen, welches vnachher wieder gelöscht wird)

Jetzt noch den Titel des Templates ändern zu +ext metadata


Und in Home einbinden!!!!

Pfad: Template - Home - Volständigen Datensatz bearbeiten - Reiter enthalält - schwarzes Kreuz - Ordner TS und +ext metadata raussuchen und speichern

Cache löschen und im FE anzeigen lassen


Beschreibung gaaanz wichtig - das liest Google aus!

Weitere Hinweise
Bereinigung: CC-Cleaner - Achtung vor Werbung!
Klausur morgen von 12-13h

Mittwoch, 4. Juni 2014

CMS (TYPO3) - Kurs Tag 19 - Klausurvorbereitung, Newsletterversand über Directmail

Mitschrift 04.06.2014

TAG 19

Was machen wir heute?
  • Frontend-Editing
  • Wiederholung Directmail


Wiederholung Directmail


  • Directmail = Erweiterung zum Schreiben von Newslettern:
  • Erweiterungsmanager Erweiterung hinzufügen
  • ABER voreher auf Typo3.org gehen, bevor man eine Erweiterung installiert erstmal nach den Dependencies schauen!
  • tt_address bietet Datentabelle, die eingerichtet werden muss!
    • muss manuell installiert werden
  • T3X-Datei in Erweiterungsmanager laden und aktivieren
  • tt_address muss vorher schon vorhanden sein
  • Dann in Template - Home - Vollständigen Datensatz einfügen - gucken, ob wir noch was einstellen müssen und ggfs in den Konstanten-Editor schauen, ob noch was zugewiesen werden muss
  • Wir müssen einen Systemordner anlegen
    • Datensätze sammeln
    • Inhalte darstellen
  • Newsletter-Eigenschaft - Container zuweisen, damit das Ordnersymbol vor Newsletter erscheint
    • Dann kommen wir in die Konfiguration rein - Arbeit für Customizer


Anwender-Thema für heute:

Unter directmail einen Newsletter erstellen und versenden


Aufgabe für die Anwender: In der Live-Arbeitsumgebung bitte folgendes Machen:


1) 2 User mit der Möglichkeit eigene Newsletter zu empfangen in einer Gruppe anlegen

    • Liste - FE-User - neue Gruppe anlegen - eigenen Namen kreieren "patricias"
    • Liste - FE-User - 2 User/ Websitebenutzer anlegen und der Gruppe zuordnen (Reiter Allgemein) - 
    • Reiter Persönliche Daten
      • Emailadresse, 
      • Name, 
      • Passwort 
    • Reiter: Direct Mail
      • Newsletter aktivieren und im HTML-Format empfangen - beidesmal Haken rein (aber mindestens der obere NL aktivieren)
    • Speichern und schließen

2) Empfängerliste (im menü rechts unter DIRECTMAIL) definieren/ wählen - Newsletterordner - neue Empfängerliste erstellen

    • Typ: statische Liste (je nach Quelle - excel-Liste - Normale Liste, bei uns statisch, da Austomatismus aus FE-user genutzt wird) - Meldung mit ok bestätigen!
    • Titel - Name vergeben - bspw. fraukalkes Empfängerliste
    • und Websitebenutzer auswählen
      • FE-User - Namen auswählen oder ganze Gruppen auswählen
    • speichern und schließen
-> (Man könnte es auch über Excel machen - also Daten aus Excel importieren über normale Liste)


3) Newsletter-Seite im Newsletter-Ordner neu anlegen & mit Inhalt füllen

Neue Seite erstellen und in den Newsletter-Ordner ziehen - Name vergeben: fraukalkes Newsletter !!!ACHTUNG - dieser Seitentitel erscheint im Newsletter als Betreff!!!
Pfad: Seite - Mein Newsletter - Normal - neuer Datensatz anlegen - Text - Tabelle anlegen!!! - Inhalte einfügen

4) 5 Schritte bis zum Versand:

Dann über Directmail (rechts im Menü)
1) Interne Seite - neuen Newsletter anwählen
2) weiter
3) (Kategorieeinstellungen ändern, wenn man möchte) weiter
4) Testmail anlegen (kann man machen)
5) - Empfängerlisten wählen (darauf achten, dass kein Empfänger in mehereren Listen sind, dann erhalten sie) mit STRG-Taste kann man mehrere anlegen. - An alle Empfänger der Empfängerliste versenden


5) Versand anstoßen

Über Versandstatus lässt sich der Versand anstoßen - in blauem Kasten Infos zur Laufzeit
hier kann man auch noch löschen

mit Cron-Jobs kann man es später versenden - auch nachts versenden - über strato oder andere Hostingpakete
"Der Cron-Daemon dient der zeitbasierten Ausführung von Prozessen in Unix und unixartigen Betriebssystemen wie Linux, BSD oder Mac OS X, um wiederkehrende Aufgaben – sogenannte Cronjobs – zu automatisieren."






Fragen:
  • Darstellung nicht ok
    • Wie bekommen wir den Seitenbaum weg?
    •  Schuld ist die Steuerung des Templates
    • Wir können auswählen, welches Format unser Newsletter haben  soll
      • Pfad: Seite – Ordner Newsletter den Newsletter auswählen 
  • Vorgegebenes Format wäre doch toll – mit Kopfzeile …
  • kommt später... -> Newsletter-Layout - wir müssen nur noch in Felder Inhalte eingeben und dann wird es automatisch ins Layout eingepflegt
  •  
  • Copyright-Info bearbeiten - möglich!


später 2 weitere Themen für Anwender:
  • Eigenschaften einer Seite & SEO-Eigenschaften
  • Frontend-Editing 

Eigenschaften einer Seite & SEO-Eigenschaften


Frontend-Editing 

 

Klausurvorbereitung



Mögliche Fragen:

- Was ist TYPO3?

Content Management System (CMS) 
Worauf beruht/basiert typo3?
auf PHP (Programmiersprache) und SQL-Basis (Abfragesprache / Structure Query Language = Datenbank mit abfragemöglichkeiten - also ist sie ansprechbar für Ergebnis) - zusammen erzeugen sie HTML


- In welcher Sprache wird TYPO3 ausgegeben?
Englisch

- Mit welchem Werkzeug und Modul kann man die Deutsche Sprache öffnen?
Modul Werkzeug Language

- Kann man T3 auf jeder Plattform benutzen?
JA

- Kann ein Redakteur in dessen Umgebung die Sprache auf Deutsch abändern?
Ja ->Usersettings auf Deutsch abändern

Admin-Werkzeug "Language" für Redaktuere nicht möglich auszuwählen

- Kann man TYPO3 erweitern?
Ja (Erweiterungsmanager)

- Mit welchem Werkzeug?
Erweiterungsmanager

- Wie wird ein neues Seiteninhaltsseitenelement angelegt?
Über das Werkzeug "Seite" oder "Funktionen"

- Wie nennt man die drei Bereiche das BE?
Modul-/Werkzeugbereich (links) || Strukturbereich/Navigationsbereich (Mitte) || Arbeitsbereich/Detailbereich (rechts)
immer von links nach rechts
- Welche 2 Bereiche gibt es?
Frontend & Backend
 
REdakteur - Sprache ändern mit welchen Werkzeug/ Modul
User settings - language
Admin - sprache hinzufügen & ändern
 über Modul Sprache 
Inhaltselemente als Redakteur anlegen - welches Modul:
Seite oder über Liste, aber nicht zu empfehlen, da keine direklte Spaltenzuordnung gegeben ist
3 Inhaltselemente benennen:
Text, Bild, Text & Bild, Überschrift, Aufzählungen Tabelle, Mail-Fomular (Powermail) & Suchformular (index_search)
Artikel, den man gerade geschrieben hat - in die rechte spalte schieben, nicht per drag & Drop -wleches Feld innerhalb des Inhaltselements ermöglicht es mir das Inhaltselement in einer anderen Spalte zu positionieren
Seite - start - Datensatz - Reiter Allgemein: Inhaltselement - Spalte umswitchen
Kann man Typo3 erweitern?
ja
Was sind Erweiterungen?
sind zusätzliche Funktionen/ Extensions die wir aus der Typo3 repository herunterladen können - sie werten unser Typo3 auf
tt_news
Erweiterung, um Nachrichten zu verwalten (anlegen, ändern, kategorisieren, zeigen)
ist eine Erweiterung, mit der man News verwalten kann (erzeugen, speichern, wiederaufrufen,. löschen& ändern)
Hinterlegt Plugins zur Steuerung
ist eine Frontend-Extension - da wo die extension wird, ist die Kategorisierung anzusiedeln (Backend wäre phpmyadmin) 
Eine Erweiterung, die uns plugins liefert,m die wir im Frontend nutzern können
Welches Modul / Wrerkzeug nutze ichum News anzulegen
Nachrichten
Was ist ein Plugin in tt_news, was macht es in tt_news?
steuert/ Konfiguriert die Ausgabe von News für das FE (welche News werden gezeigt? An welcher Stelle? In welcher Reihenfolge?)
(über Liste - neues Element - Reiter Plug-In = Plugin-Konfiguration...) 
Was ist Powermail?
eine Extension mit der man Kontaktformulare erstellen kann
Was ist Directmail?
Eine extension mit der man Newsletter verschicken kann
Wie heißt der Editor mit dem wir unsere Texte schreiben:
Rich Text Editor - Modul/Werkzeug/ Erweiterung?!?
Über den Erweiterungsmanager - rte eingeben = Erweiterung, die wir benutzen - in der source + dummy umgebung hinterlegt. (htmlArea RTE)
Wie heißt die Erweiterung mit der wir unsere Site durchsuchen können und dem User ein Suchergebnis präsentieren können
indexed_search (Indexed Search Engine)

Wie heißt das verzeichnis in das wir externe Dateien laden können, um es dem typo3 zugänglich zu machen
file admin - weil wir hier alle externen Datein hier rein laden - egal, ob wir sie eingebunden haben oder nicht

Aufgabe vom redakteur bekommen, einen Text in englischer PSprache zu verfassen - Welches Modul ermöglicht es ein englisches Inhaltselement anzulegen?
Seite  - Seite auswäölen und oben die Sprache auswählen - Inhaltselemente immer über Seite!!!
Wie heißt das statische Template aus Erweiterungen, das wir einbinden, um Inhaltselemente für das FE aufzubereiten?

CSS_Styled_Content


Welcher Befehl setzt die Inhalte ins FE ein?
styles.content.get

Was brauch ich grundsätzlich, um im FE etwas sehen zu können
Roottemplate - da muss das PAGE Objekt zugewiesen sein

Wenn wir nun ein Konfigurationstemplate/roottemplate - haben - wie nennt sich das HTML/CSS-Template?
Design-Template

Template heißt Vorlage auf deutsch

Die Elemente mit demnen ich aus Typo3 Inhalte in den HTML DEsign template ins FE übertragen kann
Subparts und Marker

Was sind Subparts?
 Zeichnet einen Bereich aus, der von typo3 gelesen wird
Bereichsumschließende Elemente, die den Bereichim HTML kennzeichnen, der von Typo3 ausgelesen wird.

wie heißt das modul mit dem wir externe Dateien hochladen können
Dateiliste

mit welchem Modul kann ich mehrere Sieten auf einmal anlegen?
über Funktionen 

wie heißt das rootverzeichnis auf einem Webserver? - CUSTOMIZER
htdocs  = Wurzel aller Veröffentlichungen

Mit welchem Modul komm ich in meine Installationsumgebung aus dem BE heraus?
Installation

wenn ich aus versehen ein Inhaltselement geklöscht hab - mit welchem Modul, kann ich es wieder zurückholen?
Papierkorb

du arbeitest in einer Redaktion - es gibt Hierarchein - mit welcher Erweiterung wird im Falle von Workflows gearbeitet?
Workspaces / Arbeitsumgebungen

in welcher Sprache wird das Source & Dummy Paket ausgeliefert?
englisch


Was sind Marker?
Anker für Typoskript im HTML
sind Platzhalter für die Inhalte, die in HTML positioniert werden

- Was sieht der User, der unsere Domain aufruft?
FE (Frontend)

- Mit welcher LOGIN Kombi kann ich mich ins BE einloggen?
admin/password (standardmäßig)

- Mit welchem Modul/Werkzeug kann man sein PW ändern?
über Einstellungen

- Mit welchem LogIN kann man auf die DB im TYPO3 zugreifen?
root/localhost -> PW bleibt leer!
Wird bei der 1-2-3-Installation zum ersten Mal eingegeben. («joh316» ist das PW für dem Installationsbereich)

- Mit welchem Modul legt man generell Datensätze an?
Modul "Liste"

- Wie nennt man das Root-Template in TYPO3 auch?
Konfigurationstemplate

- Wie nennt man das HTML- und CSS-Template?
Designtemplate

- Was heißt eigentlich Template?
Template = "Vorlage"

- Welches Objekt muss im Konfigurationstemplate vorhanden sein?
page-Objekt (Grundgerüst für das FE in TYPO3)

- Erweiterungen nennen (mind.
3):
 tt_news, realurl, indexed_search, phpmyadmin, powermail, workspace,

- Was ist Powermail?
Erweiterung, mit der man Kontakt-Formulare erstellen kann

- Was ist tt_news?
Erweiterung, um Nachrichten zu verwalten (anlegen, ändern, kategorisieren, zeigen)

- Was macht man mit dem Werkzeug Nachrichten?
Nachrichten verfassen und in Kategorien anlegen

- Was macht das PlugIn von tt_news?
Konfiguriert die Ausgabe von News für das FE (welche News werden gezeigt? An welcher Stelle? In welcher Reihenfolge?)

!!! Die Erweiterung ist alles zusammen !!! Das PlugIn ist ein Steuerungselement !!!

- Nenne 3 Inhaltselemente:
Bsp.: Überschrift, Aufzählung, Text, Text und Bilder, Tabelle, nur Bilder, Medien, etc.

- Wie nennt man den Bereich, von der man die T3-Extensions herunterladen kann?
Extension Repository

- Wie heißt die Erweiterung, mit der man Texte schreiben kann?
(Standardmäßig im T3) Richtext-Editor RTE -  ist standardmäßig installiert

- Was ist TER?
TYPO3 Extension Repository

-  Wie heißt das statische Template aus Erweiterung, mit dem Inhaltselemente für das FE aufbereiten kann?
CSS_Styled_Content

- Wie heißt der Befehl, mit dem man die in CSS_Styled_Content aufbereiteten Daten im FE für das FE zeigen kann?
styles.content.get

- Mit welchen Hilfsmitteln können wir in einem Design-Template unsere Inhalte in HTML / im FE plazieren?
Marker + SubParts!

- Wie heißt das (grundlegenede) Verzeichnis in TYPO3, in das wir unsere externen Dateien speichern?
Fileadmin

- Wie heißt das root-Verzeichnis auf einem Webserver?
htdocs

- Wie nennt man das Werkzeug, mit dem der Redakteur seinen Workflow bearbeitet? Arbeitsumgebung / Workspace


Hinweis: Hilfsmittel wie Spickzettel, Internet, TYPO3-Lernbuch
sind erlaubt! (lt. Burkard Balzer)


Heute Nachmittag weiter mit den Customizern, um die Newsletterfunktionalität für die User einzurichten - Backend-Layouts - Tabellenlayout
Und Upgrade von 6.1 auf 6.2

Anwender:
Inhaltselemente wiederholen

Morgen dann 2 neue Inhaltselemente und eigenschaften der Seiten anschauen

Dienstag, 3. Juni 2014

CMS (TYPO3) - Kurs Tag 18 - Kontaktformular erstellen & DirectMail

Mitschrift 03.06.2014

TAG 18


Nachfrage zu Workspaces

Warum hatte es nicht geklappt, dass Bilder im Workflow weitergetragen wurden?

Bilder erhalten eigene IDs und müssen integriert werden durch Referenzen (File Extraction Layer / FEL). Leider gibt es hier im System (6.1) einen Bug, der FEL nicht richtig anwendet. Morgen erhalten wir ein 6.2er-System, dort wurde der Bug behoben.


Vorschau auf heute uns morgen


  • Simulation einer Redaktionskonferenz: Was ist technisch möglich, wie kann ich das System für die Zeit einfrieren?
  • Morgen erfolgt Upgrade auf 6.2er-System, damit wir alle Funktionen nutzen und testen können.

Hinweis zu Einstellung der Spaltenansicht in den Arbeitsumgebungen

Bei Arbeitsumgebung können wir in der Redaktionsumgebung die Spalten-Informationen anpassen
  • Geändert (aus- und absteigend sortieren), 
  • aktuelle Stufe, 
  • Live-ID & 
  • ArbeitsumgebungsID (temporär)
    • in der Mail werden die Ids der Arbeitsumgebung angegeben, 
  • Arbeitsumgebung, hier können die Redakteure sogar nach der aktuellen Stufe sortieren.

Wenn ich Änderungen vornehme und abspeicher, dann erscheint der Artikel in Arbeitsumgebungen nicht mehr grün, sondern orange.
Legende: orange = geändert, grün = eingestellt, grau = verborgen, blau = verschoben, durchgestrichen = gelöscht.

Wir können auch mit Hilfe eines Kommentars mitgeben, was geändert wurde.

Formulare anlegen

Pfad zum Plug-In: 

Seite - neue Seite anlegen: bspw aktion - Normal - neuer Datensatz - Plug-Ins - Powermail auswählen -  Plug-In (Inhaltselement) - Ausgewähltes Plug-In: Powermail -> Ausrufungszeichen = Pflichtfeld

Zusatzinfos:
  • Powermail: hiermit erstelle ich die Umgebung, die später das Formular aufnehmen soll
  • Plug-In: Inhaltselement - steuert die Ausgabe für das Frontende - hier wird die Konfiguration hinterlegt, die die Inhalte fpr das Frontend aufbereitet - Achtrung das Plugin steuert und nimmt auf, das Formular ist der Gestaltungsbereich

Kontaktformular erstellen


Add Form (schwarzes Kreuz), um ein Formular zu erstellen. 
-> Das Plugin bleibt im Hintergrund noch offen stehen und wir öffnen eine neue Umgebung für die Formulargestaltung 
Reiter Allgemein: 
Bezeichnung (dient nur zur Formulierung im Backend - ist im Frontend nicht lesbar) 
wir nennen es, wie die Seite auf der wir das Formular einfügen: Aktion.


Hierarchischer Aufbau des Fromulars:

Formular - Seite - Felder

Äußeres Element: neue Seite anlegen 
Pfad: neu anlegen Seite - Name für die Seite angeben, dieser Name ist im Frontend sichtbar - also in Bezeichnung Aktionsformular eingeben.
Alle Felder, die ich nun platziere, werden auf dieser Seite platziert

Neu anlegen Feld:
ACHTUNG: Emailbedingungen erfüllen: Name, Emailadresse eingebbar, so können wir später mit dem Kontaktausfüller in Kontakt treten:

Feld1: Name
Feld2: Email
-> Die beiden Felder sind Textfeld (Input)-Felder (quasi die Konfiguration des Feldes - was soll das Feld können)

Erst nach dem Abspeichern, werden weitere Felder eingeblendet.

Feld3: Submitfeld zum Weiterleiten: 
  • Bezeichnung: "Senden" eingeben
  • Typ: Abschicken-Feld (Submit) & 
  • Meldung mit ok - bestätigen.
dann wird das Formular aufgebaut - hoffentlich ;)

-> Speichern

Wenn wir einen Haken bei zweite Optionspalette setzen, dann werden uns weitere Optionsfelder angezeigt: Reiter Allgemein, Kontaktformular, name und email Dies ist besonders wichtig bei zwei Feldern - und zwar den Headdaten einer Mail: Name & Emailadresse
  
  • Also bei Name: Haken setzen bei "Dieses Feld beinhaltet den Namen des Absenders"
  • bei Email: Haken setzen bei "Dieses Feld beinhaltet die Emailadresse des Absenders"
(Wenn wir eine Mail zurückschicken wollen, haken setzen, damit die Mail an den richtigen Nutzer rausgeht.)

Speichern und schließen, dann ist das Fomular erstellt

Also weiter im Plug-In:
über 
tapo3 - geöffnete Dokumente anzeigen

Pfad: Seite - kontaktformular  - Datensatz einfügen - Powermail - Reiter Plug-In ...
  • Reiter Allgemein: plgAktion  als Name/Titel vergeben = Plugin-Name 
  • Reiter Plug-in: Einstellungen - unser aktions-Fomular in ausgewählte Objekte klicken.
Hinweis: Das Plugin nimmt nur das Formular auf und steuert das Formular - das Plugin ist also nicht das Fomular, sondern das Formular wurde ins Plugin integriert.

Erstellung eines Ordners zur Aktionsauswertung

Im Seitenbaum einen neuen Ordner für Aktionsauswertung unter der Seite Aktionen anlegen. Dieser Ordner bekommt alle Infos aus dem Formular:

Wir müssen noch eine Einstellung vornehmen, damit der Ordner dem Formular zugewiesen ist:
Also wieder in das Plug-In gehen und folgendes Feld in dem Reiter Plug-In bearbeiten:
Pfad: Reiter - Plug-In - Wo sollen die Mails gespeichert werden: Über das Ordnersymbol den Seitenbaum anzeigen lassen und den neu erstellten Ordner auswählen. 

Speichern & Schließen

Damit ist die Formulargestaltung fertig (theoretisch) ;)


Hinweis zum Bearbeitungsstatus aller Artikel auf der Website:

Über Arbeitsumgebung - oberste Ebene: Nord05 sehen wir dann die komplette Aktion und alle weiteren Artikel: wir müssen alles übertragen - also an die nächste Stufe senden! Dazu setzen wir bei allen Feldern des Formulars einen Haken und wählen "Bereit zum Veröffentlichen" aus.

Hinweis zum Export der Auswertung eingegebenen Daten in eine Excel-Datei:
Über Powermail - Ordner Aktionsauswertung - excel-Symbol - kann ich mir die Daten in Excel ziehen.

Anzeigemöglichkeiten 
Anzeigen ausprobieren:

Nochmal zur Redaktionskonferenz

Bearbeitung einfrieren, damit eine Redaktionskonferenz durchgeführt werden kann: Liste - siehe gestern zum Schluss... 


Erweiterung Directmail erstellen.

= Funktion, mit der wir Newsletter verschicken können.

Tabellenstruktur oder div-Container?
-> Tabellenstruktur hat sich für Emails etabliert!
Es ist nicht leicht möglich CSS per Mail zu übertragen

Achtung! Funktion einrichten, mit der man sich vom Newsletter abmelden kann
SR_User - Extension, mit der man sich anmelden kann

Pfad: Erweiterungsmanager - Erweiterungen hinzufügen - direct_mail eingeben und Absenden klicken - Version 3.1.2 - auf den Legobaustein klicken installieren - Abhängigkeitenfehler - da wir mit dem XAMPP das an sich nicht ausführen können (es liegt an der zu neuen php Version unseres XAMPPS)

Checken, ob wir alles nötige installiert haben
Pfad: Typo3.org - extensions - extension repository - direct_mail raussuchen und search - auf den Namen Directmail klicken - Dependencies/Abhängigkeiten - folgende Installationen müssen auf dem Rechner vorhanden sein

Dependencies
  • TYPO3
  • tt_address
  • PHP (5.3.0 - 5.3.99)
  • TYPO3 (4.5.0 - 6.1.99) 
Conflicts
mit diesen Konflikten muss man rechnen.

Wir müssen tt_adress installieren!

zuerst einmal Seite klicken (dann kann man das kreisende Ladesymbol unterbinden) und dann

Pfad: Erweiterungsmanager - Erweiterungen hinzufügen: tt_address - legostein: Importieren und installieren

Wieder zurück zu Directmail bei typo3
Download t3x-Package runterladen

Zurück ins Backend:
Jetzt zu Erweiterungen verwalten - Erweiterung hochladen - icon und durchsuchen - aus Downloadordner die t3x datei hochladen (Überschreiben - Haken rein)

Hinweis: Hier wird nicht überprüft, ob es passt, deshalb muss ich über typo3.org vorher die Dependencies checken.

Deutsche Sprachpakete für Direct_Mail aktivieren:
Sprache - Deutsch - direct_mail - auf nicht überprüft gehen und überprüfen lassen - Erfolg :)

Jetzt noch die Verknüpfung herstellen
Template - Home - vollständigen Datensatz bearbeiten - Reiter Enthält   - Statische Templates - Verfügbare Objekte in Direct Mail Contant Boundaries & Direct Mail Plain Text auswählen und ggf noch die News Plain Text von directmail auswählen
& speichern

Konstanten-Editor - da müssen wir nichts machen

F5! - Jetzt werden die neuen Einstellungen angezeigt
DIRECT MAIL Umgebung ist erschaffen :)

Strukturbereich noch anpassen, um es für das Frontend sichtbar zu machen
also unter HOME einbinden
Einbinden von Inhalten über:
Pfad: Home - neue Seite erstellen - Systemordner unter Powermail in die Struktur von Home integrieren -gleiche Ebene, wie Powermail - sonst können wir keine Inhaltselemente platzieren

Newsletter - Ordner so nennen - dieser Ordner wird später unsere Newsletter enthalten und die Konfiguration wird hier wiederzufinden sein -

Ordner aktivieren und bearbeiten, um die Eigenschaften 
unter dem Reiter Zugriff verändern - Haken raus bei Deaktivieren (Seite Sichtbarkeit)
Reiter Verhalten: Benutze als Container: Enthält eine Erweiterung - Direct Mail auswählen
= Orientierungsmerkmal für Directmail, wo seine Mails zu finden sind.

Weitere Seite je Newsletter erstellen, die in dem Newsletter Ordner angesiedelt ist
Eine Seite in den Newsletterordner reinziehen und ihn Newsletter1 nennen und aktivieren 

Newsletter eingeben:
Pfad: Seite - Newsletter1 - normal - Neuen Datensatz - Textelement - Tabellenfunktion
Inhalte in die Tabelle eingeben
und einen Link zur Newsletterseite über Link - Seite - Newsletter1 verlinken