Posts mit dem Label Typo3 werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Typo3 werden angezeigt. Alle Posts anzeigen

Dienstag, 20. August 2013

Einstieg in Typoscript

Einstieg in Typoscript

Nach der Neuinstallation des Typo3 Backend fangen wir an, über die Menü-Auswahl Web/Template das Default Root Template anzulegen. In der horizontalen Menuauswahl finden wir das Auswahlmenü Info/Bearbeiten. Dieses aktivieren wir, so dass der Typoscript Editor für das Default Root Template freigeschaltet wird.
Wir beginnen mit ersten objektorientierten Einträgen, die sich wie folgt definieren:

  • PAGE - das groß geschriebene PAGE ist das Objekt)
  • = - das Gleichheitszeichen ist der Zuweisungsparameter
  • . - jeder Punkt, der gesetzt wird, deutet eine Gliederung an
  • COA - Content Object Array - mit dem COA (Content Object Area) kann eine verschachtelte Struktur erstellt werden.
  • wrap - Ummantelung/ Verschachtelung - der wrap dient zur Ummantelung von weiteren Ebeneneigenschaften
  • | - Pipezeichen dient als Platzhalter und liegt auf der Ebene wie die Ummantelung. Mithilfe des Platzhalters | werden die jeweiligen Tabellenzeilen im Quelltext angezeigt, die wir jeweils mit einem wrap in einem Content Object Array in Typoscript definieren
Nachfolgend hierzu die entsprechenden Screens für die oben benannten Eingaben:

Effiziente Arbeitstechniken in Typoscript:

In Typoscript kann man durch besondere Zeichen und Werte-Kombinationen auch effiziente Arbeitstechniken anwenden. Dieses wird besonders anhand einer Tabellenkonfiguration deutlich

  • page.40 < page.30 - Diese Schreibweise zeigt an, dass page.30 wie page 40 aufgebaut werden soll. Das "<" Zeichen ist in diesem Fall der Kopieroperator
  • Gleichlautende Elemente dürfen mit der geschweiften Klammer "{" "}" ausgeklammert werden
  • Innerhalb des Aufbaus können manuelle Änderungen durchgeführt werden
  • Der Referenzierenoperator ist die Kombination aus "=" und "<" . Der Referenzierenoperator "=<" ist ähnlich dem Kopierenoperator. Der Unterschied liegt in der Verknüpfung, die Änderungen im Ursprungselement berücksichtigt.
  • Der Löschenoperator ">" löscht eine Instanz aus dem Arbeitsspeicher. Er soll dann eingesetzt werden, wenn eine bereits vorhandene Instanz neu aufgebaut werden soll

Arbeitsbereiche in externen Templates markieren

Im Customizing von Typo3 Installationen wird oftmals eine Anpassung an externen Designtemplates erforderlich. Die wichtigsten Arbeitsschritte sind:

  1. Markierung der Arbeitsbereiche in der index.html des Designtemplates zur Definition des Subparts, der in Typoscript definiert werden soll
  2. Definition des Bereiches im Scripteditor mithilfe des Objektbefehles workOnSubpart = Name des Subparts in Grossbuchstaben
  3. Auslesen von speziellen Content-Markierungen in der index.html der Designvorlage
  4. Typoscript: Markierung des neu definierten Content-Bereiches im Scripteditor mithilfe des Befehls: page.10.marks.CONTENT "<" styles.content.get
Passend zu den oben beschriebenen Arbeitsschritten die Screenshots nachfolgend:

MySQL Datenbankverlust

mySQL Datenbankverlust

Der heutige Tag begann mit der Fehlermeldung: #1301648782: Cannot connect to the configured database "tag01"- Disabling MySQL buttons - Run this program from your XAMPP root directory!

Diese Fehlermeldung ist schwerwiegend, denn ein Blick in die Datenbank über den Aufruf localhost/phpmyadmin zeigte, dass die Inhalte der Datenbank "tag01" und auch weiterer Datenbanken wie "tag01a" oder "tag01b" zeigten, dass keine Datenbanken mehr angelegt sind.

Die Folge: Da wir keine Datensicherung der mySQL Datenbank vorgenommen hatten, wurde aufgrund der Fehlermeldung eine komplette Neuinstallation des typo3 CMS Systems notwendig.


Montag, 19. August 2013

CMS Typo 3 Customizing

Startschuss für CMS Typo 3 Customizing

Typo 3 liefert eine flexible Programmumgebung mit der es sehr einfach möglich ist, Programmcode in html umzuwandeln. Typo 3 ist ein Inhaltsverwaltungsprogramm (auch Contentmanagementsystem genannt).Inhalte werden in einer MySQL Datenbank abgespeichert. php macht es möglich, die Daten aus der MySQL Datenbank wieder auszulesen und in html auszugeben.

Vorbereitungen zur Installation

  • Um Typo3 zu installieren, benötigen wir noch weitere Programme. Im ersten Schritt geht es darum, dass wir vor der Installation auf einem echten Webserver, eine Testinstallation in einer virtuellen Umgebung auf dem lokalen Rechner vorzunehmen. Über die Homepage Sourceforge können wir uns einen geprüften lokalen Webserver, auch unter dem Nameny xampp bekannt, von apachefriends.org herunterladen.
  • Um Bilder für den Einsatz in Typo3 Systemen automatisiert zu bearbeiten, empfiehlt sich der Download von Graphicsmagick .
  • Im vierten Schritt laden wir uns die zip.-Datei eines Typo3 Systems von Typo3.org herunter. Auf der Homepage von typo3.com finden wir verschiedene typo3 packages. Etwas näher in diese packages geschaut, stellen wir fest, dass es sich hierbei um stabile und auch beta bzw. developer packages handelt, die man sich kostenfrei von der Typo3 Website herunterladen kann. Wir installieren die Version typo3 Version 6.0.

Eine erfolgreiche Installation eines Typo3 Systems wird im lokalen Webserver wie folgt bestätigt:

Nachdem die in der Bestätigung fehlende Datei in htdocs in der typo3config-Datei eingerichtet ist. Aktualisiert sich die Anzeige wie folgt:

Diese Fehlermeldung zeigt uns, dass wir innerhalb des lokalen Webservers (xampp) im php Verzeichnis Korrekturen an der php.ini Datei vornehmen müssen

Nach Einspielung der Änderungen in der php.ini Datei sollte die erfolgreiche Installation des typo3 Systems auf dem lokalen Webserver wie folgt angezeigt werden:

Weitere Installationsschritte in Bildern:

Abschließend noch ein Beispiel, wie Seiten innerhalb von Typo3 angelegt werden können: