21. Tag TYPO3, DI 09.12.2014 - KLAUSUR

TYPO 3
Burkard Balzer


So und jetzt wird es ERNST!

Juhuuuuu geschafft - Note 1,3
Ich bin spitze!!!!!!!!!!!!!!!!!!!!!!



TIPPs
FrauKalke`s Blog

TYPO3 Begriffe

TYPO3 für Redakteure


 TYPO3 Wissen 

TYPO3 Handbuch 

ComputerLexikon

HTML-Entities

Blindtextgenerator

 

20. Tag TYPO3, MO 08.12.2014

TYPO 3
Burkard Balzer


Direktmail
herunterladen unter Erweiterungsmanager/Erweiterungen hinzufügen "direct_mail", Version 4.0.0 auswählen und "Erweiterungen markiert für adress_list" herunterladen - ok  
sollte der PC länger brauchen beim hinzufügen, einfach auf Seite gehen und F5 drücken, unter Erweiterungsmanager/Erweiterungen verwalten nachsehen, ob vorhanden = super!
unter template/home und edit the hole template records "Direct Mail Content Boundaries (direct_mail)" und "Direct Mail Plain text (direct_mail)" hinzufügen, speichern und schließen
mit F5 erscheint zwischen System und Hilfe ein neuer Bereich "DIRECT MAIL" links im Menü
einen neuen Ordner im Root-Verzeichnis unter Personal mit Namen "directmail" anlegen, mit rechter Maustaste und bearbeiten bei den Raiter: "Zugriff" Haken entfernen, "Verhalten" Benutze als Container Direct Mail einstellen, speichern und schließen
unter Konfiguration/directmail die Button durchgehen: 
"setzte Standardwerte des Direct Mail Headers fest":
Absender-E-Mail: noreply@domain.de, Absender-Namen: No Reply, Antwort-E-Mail: yesreply@domain.de, Antwort-Name: Yes Reply, Retouradresse: azubireply@domain.de, Organisation: Domain Firma, Priorität: Normal lassen,

"Setze die Optionen der Versandkodierung und des Zeichensatzes": bei Standart-Zeichensatz des Directs Mails einfügen "utf-8",
"Setze die Einstellungen der Links in E-Mail": Haken setzen bei Jump-URLS, Privacy-jumpuri, Jump-URLS,
"Zusätzliche Moduleinstellungen": momentan nicht notwendig etwas einzustellen,
Button "Aktualisiere Konfigurationen" anklicken
Eine Empfängerliste erstellen: TYP: "von Seiten" auswählen, Titel: "Empfänger", Beschreibung: "alle die einen Newsletter wollen", Ausgangspunkt: "FE-User" auswählen, Tabellen: "Website-Benutzer2 und "Website-Nutzer-Gruppe" Haken setzen, die anderen entfernen, speichern und schließen
unter Seite eine Unterseite zu directmail anlegen mit Namen "Newsletter1", aktiveren und einen Newsletter schreiben, speichern und schließen,
unter Liste/FE-User bei James und direct mail Haken setzen bei Newsletter aktivieren und E-Mails im HTML-Format empfangen, bei persönlichen Daten die E-Mail-Adresse eingeben, speichern und schließen
unter Empfängerliste erscheint ganz rechts die Anzahl: 1
Direct Mail/directmail  - weiter - weiter - Massenversand: Empfängerliste auswählen, Zeitpunkt des Versands auswählen (am besten Mitternacht) - Button: "an alle Empfänger der Empfängerliste versenden" anklicken und Email-Versand hat stattgefunden.
Unter Versandstatus ist der Cronjob-Status (Server) ansehbar = ok!!!
es ist auch der Manuelle Versandstatus über den Button "Versand anstossen" möglich!
Protokoll: Laufzeit: 1654 ms (millisec) (1000 geteilt durch 60 ist 16,67 Min) läuft der E-Mail-Versand, deshalb Newsletter nachts laufen lassen wegen der Behinderung der Serverkapazität!!!
Statistiken/directmail/Newsletter können verschiedene Infos abgerufen werden

Admin-Panel = Tool für Admins und Redakteure (Steuerungselement), 
damit kann der User im Front-End die Seiten direkt bearbeiten. Der Admin-Panel zeigt sich im Front-end auf dem unteren linken Seitenrand
Erweiterungsmanager/Erweiterungen verwalten: Frontend Login for Website Users aktivieren sowie Frontend Editing
Template/TS/+ext config anklicken und im Setup eingeben:
config.admPanel = 1
speichern und schließen, F5 Cache leeren
ansehbar unter Seite/start und runterscrollen erscheint: TYPO3 ADMIN-PANEL:admin

über Vorschau die Möglichkeit eine Simulation einzustellen 
über Cache die Möglichkeit den Cache löschen etc.
über Eingabe Bearbeitungssymbole und Bearbeitungsleiste anzeigen Haken setzen und Button aktualisieren kann im Front-End direkt über den Bleistift überarbeitet werden!
es kann dieses Admin-Panel jederzeit ausschalten über ausklammern im Setup!!!

über Liste können wir unsere Seitenelemente intensiver ansehen
bei Karla unter erweiterte Ansicht Haken setzen und erscheint eine andere Ansicht 
Möglichkeit:
Ausschneiden = Element ausschneiden und an anderer Seite einfügen
kopieren = wird ein Duplikat angelegt und an anderer Seite eingesetzen
Zwischenablage anzeigen: Haken setzen und erscheint die Zwischenablage
Button oben rechts in der Menüleiste: 
Cache löschen für diese Seite
Lesezeichen für die Seite setzen

Einfacheres Arbeiten
zB. beim Start gleich auf die Seite kommen, einstellbar über Einstellungen/Beim Start und sowie Persönliche Daten

Eigenschaften von Seiten
Das Öffnen von Eigenschaften erfolgt auf verschiedene Arten: entweder über Klicken auf das Seitensymbol im Strukturbaum oder auf das Bearbeiten-Symbol im Arbeitsbereich der Seite.
Bearbeitungsmöglichkeiten:
Allgemein: Typ (bestimmt die Funtkion der Seite) auswählen:
Standard - Back-End Benutzerbereich - Link zu externer URL - Verweis - Einstiegspunkt - Ordner
Zugriff: Sichtbarkeit (Seite kann deaktiviert werden und ist nicht online, dh. im FE nicht sichtbar ) - Veröffentlichungsdaten (können zeitlich angepasst werden, Zeitrahmen festlegen) - Zugriffrechte (für Benutzergruppen vergeben)
Medadaten: wichtig für SEO - Pageranking (Inhaltsangabe, Meta-Tags, Beschreibung)
Erscheinungsbild: Seitenlayout und ersetze den Inhalt
Verhalten: URL-Alias (erscheint anstatt der Seiten-ID in der URL) - Linkziel (_blank, dh. zeigt diese Seite bei Klick im Browser im neuen Tab) - benutze Protokoll (möglichst Standard!) - Caching (TYPO3-conf-Cache standardmäßig = 84400 sec) - Cache-Tags - Cache deaktivieren - Sprache - Sonstige - Benutze als Container(Orientierung für Verknüpfungen zB. directmail und FE-User)
Ressourcen: Dateien/Media (neue Relation erstellen, zB. für jede Seite einen eigenen Banner im Header dh. seitengebunden) - allgemeine Datensatzsammlung (verschiedene Strukturen der Seite zuordnen)- TypoScript-Konfiguration (Bestimmte Elemente eingeben, um bestimmten Eigenschaften für eine Seite zuzuordnen)

Medadaten = wichtig für SEO
lieber mehr als zu wenig schreiben, denn Content wichtig für Google
dafür TS entsprechend bearbeiten:
Template/TS neuen TS-Datensatz erstellen mit Namen +ext MetaData und unter Setup einfügen:
# 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
}
dieses neue Template ins Home-Template einbinden:
Template/home/edit the hole templates records den Button templates anklicken und +ext MetaData auswählen, speichern und schließen, Cache leeren, Seite neu laden und erscheint nun im Seitenquelltext und kann von Google ausgelesen werden!


über Info/home sieht man die Seitenbaumübersicht

Redakteur Birgit

Burkards HuhuSite

Gesund trinken

  

16. Tag TYPO3, DI 02.12.2014

TYPO 3
Burkard Balzer


Guten Morgen und jetzt langsam in den Endspurt :-)

Wiederholung von gestern für die Chefredakteure, die sich über Ihren eigenen Account (birgit) einloggen (http:// kurs11b.burkard-balzer.de/typo3/backend.php) und dort die Artikel bearbeiten! 

beachten: oben in der Menüleiste sieht man, wo man sich befindet:
(schattiert) birgit@Redaktion = Arbeitsumgebung
über Seite/stadt und auge kann ich den Artikel virtuell ansehen

Redakteursarbeit erfolgt unter Arbeitsumgebung/regionen je nach Einstellung von den Customizer und Benutzerberechtigungen!!!
Problem: 2 Berechtigungsebenen, die ineinander greifen! 

Artikel/News schreiben unter:
Nachrichten/DatensatzNews oder auch Seite/DatensatzNews oder auch Liste/DatensatzNews - Kategorie auswählen und neuen Artikel in dieser Kategorie auswählen und Artikel schreiben, speichern und schließen

Inhaltselemente schreiben unter:
Seite/start oder Liste/start neues Inhaltselement auswählen und dann entscheidend, was man schreiben möchte

Der Ordner DatensatzNews verwaltet bzw. ordnet alle Artikel zu, dies geschieht automatisch nach Datum und über die Kategorie
 

15.. Tag TYPO3, MO 01.12.2014

TYPO 3
Burkard Balzer


Guten Morgen - es werden die Tage gezählt: noch 7!

Wiederholung 
von der letzten Woche mit Umstellung des Templates und neue Umgebung aufgebaut
Klausurbesprechung 1,5 Std mit MS-Fragen


Anpassung Back-End an das Front-End
neuen Ordner: BE-Layout anlegen und aktivieren,
über Liste/BE-Layout und neuen Datensatz anlegen, Backend-Layout auswählen, 
titel: standard eingeben und bei Konfiguration rechts den Assistentin starten, erscheint ein neues Feld: Grid wizard mit 1 Button mit Pfeil, erstellen von 3 Button und die 2 linken Button miteinander verknüpfen und benennen: col21, Spalte 0, rechts col22, Spalte 2 speichern und im Dokument auch nochmal abspeichern
Seite/home recht Maustaste bearbeiten und im Erscheinungsbild den Button Backend-Layout (für Unterseiten dieer Seite) auf standard stellen, speichern und schließen - erscheint auf der Seite/start links col21 und daneben col22
Backend-Layout greift auf alle Seiten und steht allen Redakteure zur Verfügung

Redaktion mit einer Arbeitsumgebung aufbauen
1. Stufe: Artikel schreiben
2. Stufe: Artikel freigeben und online stellen
unter Erweiterungsmanager den Workspaces Management aktivieren 
dann auf Liste/Burkards huhu Seite einen neuen Datensatz erstellen, links Arbeitsumgebung anklicken, bei Titel redaktion eingeben, speichern und schließen,
mit F5 aktualisieren und erscheint oben rechts im Menübereich der Ikon: "Arbeitsumgebung", den Button "redaktion" auswählen und jetzt auch angemeldet als admin@redaktion! (oben in der Leiste erkenbar)
auf seite/start einen Artikel schreiben unter col21 = virtueller Artikel
über Arbeitsumgebungen/start sehe ich den Artikel, dazu den Arbeitsbereich über die Lasche zwischen den Bereichen vergrößern und ich sehe meinen Artikel, bei "Aktuelle Stufe" über den Button "bearbeiten mit grünen Pfeill und meinen Kommentar birgit1 den Artikel freigeben, über Aktionen "das Auge/Elementaransicht" sehe ich meinen Artikel virtuell im Front-End
über den rechten Button/Schieberegler kann ich die Ansicht noch abändern in vertikal oder horizontal, sehe mir den Artikel noch an und gebe ihn frei über "LIVE veröffentlichen" und mit aktualisieren sehe ich ihn im Front-End in der Endversion! 
im Back-End mit F5 dieses aktualisiert und der Artikel verschwindet, jedoch noch ansehbar über seite/start/col21

es ist auch möglich den Artikel wieder zurückzuschicken zur Überarbeitung durch den Button "bearbeiten mit roten Pfeil"!
über die Lupe links im Feld sieht man den Infofluss/Benutzerkommentare
es kann der Artikel auch über das Feld unten links "Aktion auswählen" veröffentlicht etc. werden
für die Darstellung im Front-End sind die Customizer zuständige, zB. Größe der Überschriften usw.

zuweisen der Backend-Benutzer und Backend-Benutzergruppe für Besitzer (Chefredakteur zum Freigeben der Artikel) und Mitglieder (Redakteure zum Schreiben der Artikel)
Liste/Burkards huhu Seite/Benutzer über den Raiter "Andere"
Publish only content in publish stage = Artikel können nur in der letzten Stufe veröffentlicht werden
Only workspace owner can publish = nur der Besitzer/Chefredakteur kann veröffentlichen
Haken bei beiden setzen
über "Stufen" können noch leute angelegt werden zB. die Sekretärin des Chefredakteurs

Aufgabe der Customizer: Zuordnung eines Chefredakteurs
für meine Gruppe werde ich als Chefredakteur bestimmt
in der realen Welt bekommt man eine E-Mail mit den Hinweis, den Artikel freizugeben oder über den Bereich Arbeitsumgebungen = praktischer und einfacher, die Artikel freizugeben!

Redaktionskonferenz = über Button Liste/Burkards huhu Seite/andere wird der Status "Bearbeitung einfrieren" angewendet, bis alles in der Konferenz abgeklärt ist!

Trenner / Linien zwischen den Artikel setzen
über Seite/start neues Inhaltselement erstellen spezielle Elemente/Trenner speichern und schließen

Veröffentlichungs- und Ablaufdatum festlegen
Seite/start Seiteninhalt "hoho" aufrufen und über Button "Zugriff" festlegen des Veröffentlichungs- und Ablaufdatum, der Artikel erhält ein Start: und Stopp: und wird beim Drüberfahren mit der Maus ersichtbar
genauso können Seiten ein Veröffentlichungs- und Ablaufdatum erhalten über Seite/start rechte Maustaste bearbeiten und unter Button "Zugriff"

Eigenschaft von Inhaltselementen
Seite/start neues Inhaltselement anklicken und bei Menütyp auswählen: "Menü der Unterseiten der ausgewählten Seiten inkluseive Seiteninhalt" und ausgewählte Seite unter Seite "unter uns" auswählen, Seite/burkard den Artikel "artikel von start" auswählen und unter "Zugriff" "in Menüs zeigen" den Haken bei aktiviert entfernen, speichern und schließen

Kategorie zuordnen für Seiteninhalte und Seiten
Seiten: Liste/burkards Huhu Seite neuen Datensatz anlegen ganz oben und bei Kategorien unter Allgemein/Titel Namen vergeben, speichern und schließen
Seiteninhalt: Seite/burkhard neues Inhaltselement erstellen und unter Menütyp auswählen "Inhaltselemente für die ausgewählten Kategorien" und ausgewählte Kategorien "text" Haken setzen, speichern und schließen




TIPP
Videoanleitungen typo3
Teil 41, 24, 22,21
 
blog



 

14. Tag TYPO3, FR 28.11.2014

TYPO 3
Burkard Balzer


nachdem alle online sind, geht es los mit der Wiederholung 

• Seiten (Müllentsorgung & Landwirtschaft) anlegen mit Verknüpfung zu einem Inhaltselement
• Zuordnung der Redakteure zu Ihren Regionen

Templates - Element Vorlagen
Baukastenprinzip
getbootstrap.com

erhaltene templates(2).pdf-Datei downloaden
die Datei htdocs/fileadmin/tag13 öffnen und den templates-Ordner als zip-Datei auf den Desktop sichern, aus dem Download-Bereich den Ordner templates öffnen sowie den Order htdocs/fileadmin/tag13/templates öffnen und alle Dateien bis auf die tt_news_v3_template.html löschen und die neuen Dateien aus der entpackten Zip-Datei einziehen
dann die Pfade anpassen unter Template/home/Setup:
#page.includeCSS.file1 = http://fonts.googleapis.com/css?family=Abel  = ausklammern
page.10.template.file = fileadmin/templates/element.html  = die HTML-Datei austauschen
#page.10.workOnSubpart = DOCUMENT  = ausklammern
page.includeCSS.file2 = fileadmin/templates/css/style.css  = Verweis/Pfad auf die css-Datei

im Ordner htdocs/tag13/templates die element.html-Datei mit edit mit Notepade (rechte Maustaste) öffnen und in der Zeile 38 hinter <body> klicken und in der neuen Zeile 39 sowie Zeile 110 hinter </div> einfügen:
<!-- ###DOCUMENT### --> mit strg+s speichern
dann im Template/home/Setup:  
page.10.workOnSubpart = DOCUMENT  = die Ausklammerung herausnehmen
speichern und im Front-End auf der start-Seite den Quelltext kontrollieren!

wieder in der element.html-Datei:
Zeile 55: <div id="mainmenu">
einfügen in Zeile 56:  ###MENU###
und auskommentieren:
Zeile 57     <!--<ul id="menu">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="services.html">Services</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="contact.html">Contact</a></li>
                        <li><a href="#">Pages</a>
                            <ul>
                                <li><a href="faq.html">FAQ page</a></li>
                                <li class="current"><a href="element.html">Element page</a></li>
                                <li><a href="single.html">Single page</a></li>
                                <li><a href="fullwidth.html">Fullwidth page</a></li>
                            </ul>
                        </li>
Zeile 72         </ul>-->

Zeile 83           <div class="col-584"> darunter die Zeile 84-86 löschen und den Marker setzen:
                        ###COL21###
                         </div> und mit strg+s speichern
Marker setzen:
Zeile 90           <div class="col-276-last"> darunter die Zeile 91-92 löschen und die Marker setzen:
                             ###SEARCH###
                             ###SIDEMENU###
                             ###COL22###
                        </div>  und mit strg+s speichern

im Template/TS/Setup einfügen:
in Zeile 5         wrap = <ul id="menu"> | </ul> speichern, Cache leeren und im Front-End ansehen

Funktionalität drop+down-System: 
unter einem Menüpunkt weitere Untermenüpunkte, die angezeigt werden mit Einbindung vom Java-Script (js/dropdown.js)
sprechende Index-C dh. Zuordnung (siehe 45Min-TypoSricpt - Seite 4 unten)
dazu in der htdocs/tag13/fileadmin/templates die Datei element-kopie.html mit edit mit Nodepad öffnen und die Zeilen 16-29 mit strg+c kopieren und
unter template/TS "neuen Datensatz" erstellen mit Namen "+ext headerdata" speichern,
Setup aufrufen, eingeben: 
page.headerData.10 = TEXT
page.headerData.10.value (         = wichtig runde Klammern!!!
und mit strg+v einfügen:
<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="fileadmin/templates/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="fileadmin/templates/js/dropdown.js"></script>
<script type="text/javascript" src="fileadmin/templates/js/cufon-yui.js"></script>
<script type="text/javascript" src="fileadmin/templates/js/Grandesign_Neue_Serif_400-Grandesign_Neue_Serif_700-Grandesign_Neue_Serif_italic_400.font.js"></script>
<script type="text/javascript">
            Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6') ('#mainmenu ul li a', {
        hover: true
       }) ('.button', {
        textShadow: '0px 1px 0px #fff'
       })
</script>  
und eingeben:
 )      = wichtig runde Klammer!!!
speichern,
unter template/home "edit the whole template record" und unter Basis-Template auf  Button Template klicken und +ext headerdata einfügen, speichern und schließen, Cache leeren und im Front-End kontrollieren

unter template/TS die Datei "+ext menu aufrufen" und einfügen:
lib.menu = HMENU
lib.menu {
  1 = TMENU
  1 {
    wrap = <ul id="menu"> | </ul>
    NO.wrapItemAndSub = <li> | </li>
    expAll = 1
  }
  2 < .1
}
lib.sidemenu = HMENU
lib.sidemenu {
  entryLevel = -1
  1 = TMENU
  1 {
    wrap = <li><h2>Seitenmenü</h2><ul> | </ul></li>
    NO.wrapItemAndSub = <li> | </li>
  }
}
speichern und schließen, Cache leeren und im Front-End ansehen



TIPP:
Content Commerce (pdf-Datei)
Insider-Webdesign-Einsteiger



 

13. Tag TYPO3, DO 27.11.2014

TYPO 3
Burkard Balzer



Einspielen der Sicherung von tag13:
1) zip-Datei im Zielverzeichnis (tag13) entpacken
die erhaltene Zip-Datei tag09[02] in den Downloads speichern und dann entpacken im neu angelegten Ordner "tag13" unter Favoriten/htdocs

2) die bigdump-Datei anpassen in den Zeilen 46 und 58
// Database configuration
$db_server   = 'localhost';
$db_name     = 'tag13';
$db_username = 'root';
$db_password = ''; 
$filename           = 'tag09.sql';   

3) neue Datenbank (tag13) anlegen unter localhost/phpmyadmin
im Browser eingeben localhost/phpmyadmin und unter Datenbanken eine neue Datenbank mit Namen "tag13" anlegen 

4) mit bigdump die tag13.sql-Datei unter localhost/tag13/typo3/install einspielen und die ENABLE_INSTALL_TOOL im typo3conf-Verzeichnis anlegen
im Browser eingeben: localhost/tag13/typo3/install erscheint Maske mit Hinweis "Start import" (from tag09.sql into tag17 at localhost) anklicken und abwarten, wenn es klappt, erscheint OK!

5) in TYPO3 den "tag17" installieren
dazu im Browser eingeben: localhost/tag17/typo3/install erscheint Maske mit Hinweis die Datei "ENABLE_INSTALL_TOOL" anzulegen, dazu im Ordner xampp/htdocs/tag13/typo3config als Text-Datei mit rechter Maustaste anlegen und Namen "ENABLE_INSTALL_TOOL" einfügen und .txt-Endung entfernen, den Browser unter localhost/tag13/typo3/install  aktualisieren (F5) und in typo3 einlogen mit Passwort

6) unter important actions - clear all cache

7) unter all configurations die neue Datenbank [DB] eintragen
unter dem Button "all configurations" unter $STYP3_CONF_VARS["DB"] den tag13 eingeben und mit wirte configuration bestätigen sowie contignue

8) aus dem tag13-Verzeichnis die "bigdump.php" und "tag13.sql" löschen
aufgrund der Sicherheitslücken bzw. Zugriff von außen löschen wir im Ordner xampp/htdocs/tag13 die Dateien die "bigdump.php" und "tag13.sql"

9) in typo3 prüfen, welche Datenbank verbunden ist
in typo3 - Backend (linker Button) anklicken, nochmal anmelden und jetzt kontrollieren, ob die richtige Datenbank greift, dazu links im Menü "phpMyAdmin" aufrugen und oben mittig erscheint die Datenbank "tag13" = super!

HINWEIS:
im Ordner htdocs/fileadmin/templates werden die Dateien: "ref.html" (Datei index.html mit rechter Maustaste abspeichern mit neuen Namen "ref.html") sowie "tt_news_v3_template.html" zusätzlich gesichert

Burkard spricht nochmal die einzelne Bereiche durch:
gestern hatten die Customer unser CSS-Template bearbeitet und angepasst sowie die Suchefunktionen eingebettet (siehe pdf-Datei)

Customizer:
den Regionen Unterscheidungsmerkmal zu ordnen
dazu unter Nachrichten/DatensatzNews neue Kategorien "Dortmund" und "Bochum" anlegen
Zuordnung der Autoren zu den Regionen
deshalb anlegen der Unterseiten dortmund und bochum unter regionen, und mit Plug-In
über die Customizer die Benutzerzuordnung im Back-End durchführen mit anlegen von Benutzergruppen "reddortmund" und "redbochum", dann unter allgemein die Wurzelebene bearbeiten Artikel schreiben unter Nachrichten/DatensatzNews "neuen Artikel in der Kategorie erstellen" unter dem Raiter "Allgemein" schreiben und bei verbergen Haken entfernen!, unter "Spezial" Autor Birgit eingeben, Kategorien & Beziehungen zuordnen dh. Dortmund bereits drin und kann noch start hinzugewählt werden, speichern und schließen 
unter Seite/dortmund im Bereich rechts das Plug-In setzen, rechts "neues Inhaltselement" Plug-In unter dem Raiter Nachrichten und unter Plug-In auswählen:
Ansicht: Überschriftenliste ohne Bilder (HEADER_LIST) 
Kategoriemodus: zeige alle Beiträge aus dem ausgewählten Modus (ODER)
ausgewählte Objekte: dortmund
speichern und im Front-End ansehen 


Anwender: 
Inhaltselemente anlegen:
Inhaltselement "Überschrift" (h1) mit Unterüberschrift (ergänzende Infos) anlegen unter Seite/burkard/normal neues Inhaltselement mit Überschrift und Unterüberschrift erstellen
= google optimierte Arbeitsweise je nach Konzept der Firma (Google Ranking)
Inhaltselement "Datensätze einfügen"  
anhand von Seiten (Müllentsorgung & Landwirtschaft) anlegen mit Verknüpfung zu einem Inhaltselement dh. Seite oder Liste/Inhalt Personal "zentral die Datensätze" angelegt bzw. hinterlegt mit Bild möglich dann anlegen der neuen Seiten Müllentsorgung und Landwirtschaft und über spezielle Elemente/ Datensätze einfügen wird die Zuordnung gemacht, im Ordner Müllentsorgung und Landwirtschaft ein neues Inhaltselement erstellen mit Überschrift und Unterüberschrift, abspeichern, sowie ein neues Inhaltselement erstellen mit der Tabelle und die Öffnungszeiten hinterlegen, abspeichern
dann die Zuordnung machen indem ein neues Inhaltselement über spezielle Elemente mit Datensatz einfügen und Frau Meier unter Namen eingeben und über Seiteninhalt aus dem Ordner Personal Frau Meier auswählen und abspeichern und im Front-End ansehen
Abänderung der Datensätze immer in der Seite Personal und die anderen Seiten greifen auf diese zentralen Datensätze zu!

 

Videoanleitungen typo3

12. Tag TYPO3; MI 26.11.2014

TYPO 3
Burkard Balzer


Wiederholung von gestern: 

Tabelle 
Möglichkeit Tabellen sehr komfortabel zu erstellen mit Hilfe von Tabellenassistent (Vorgabe von Feldern, Spalten etc.) = Postitionierte Darstellung, Erzeugung von einer Textdatei mit dem wichtigen Tool Text- oder Feldbegrenzer, Ergänzung durch Tabellenbeschriftung (Titel der Tabelle - nicht die Überschrift) und Tabellenzusammenfassung, Zuordnung von Klasse möglich
es besteht auch die Möglichkeit im Bereich Text eine Tabelle einzufügen durch den Button Tabelleneigenschaften

Suche-funktion (siehe pfd-Datei)
Indexierung = internes Suchsystem hinterlegt um im Front-End eine Suche-Funktion implementeieren zu können.

Und NEUES:
Youtube = Videos einbinden
zB. Catmando
klicken auf Button "teilen" und "einbetten" per iframe (Link)markieren mit strg+c und auf der entsprechenden Seite Normal/neues Inhaltselement hinzufügen/Spezielle Elemente/Reines HTML im HTML-Code ein Leerzeichen und dann mit strg+v einfügen, Namen eingeben, speichern und im Front-End ansehen

google-Map einbinden
Adresse eingeben, klicken auf Button unten rechts "Karte teilen +einbetten" erscheint Karte und iframe (Link) markieren mit strg+c und auf der entsprechenden Seite Normal/neues Seiteninhalt bearbeiten/Spezielle Elemente/Reines HTML im HTML-Code ein Leerzeichen und dann mit strg+v einfügen, Namen eingeben, speichern und ansehen, evtl. Größe der Karte im HTML-Code (width="300", heigth="220") anpassen!

Teilen-Button Facebook einbetten
Facebook Developers  (Facebook Like Dokument)
sollte man keine Funseite haben, kann dieser HTML-Code verwendet werden zum Einbinden auf die eigene Website
öffnen der Internetseite/Social Plugin(Share Button, get Code und im Einbettungs-Code markieren mit strg+c und der 1. Code wird in die index.html des Templates geschrieben: dazu unter htdocs/tag09/fileadmin/templates die index.html mit Edit mit Notepad öffnen und mit strg+v einfügen unter:
<!-- ###DOCUMENT### -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
abspeichern mit strg+s


der 2. Code wird als neues Seiteninhaltselement im Back-End der typo3-Umgebung kopiert, dazu den unteren Bereich vom Dokument kopieren und im Back-End unter Seite/Regionen/Rechts neuen Datensatz/reines HTML mit Leertaste und strg+v einfügen

<div class="fb-like-box" data-href="https://www.facebook.com/pages/h%C3%B6nne-design/442278179154261" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

abspeichern und im Front-End ansehen 

und nun üben die Anwender wieder und  üben und üben

und die Customizer passen unser CSS-Template an und bearbeiten diverses!
Wir bekommen zum Schulschluß die neuest Variante als tag09[2]-zip-Datei