schman.at » Typolight / Contao http://schman.at Meine Erkenntnisse, mein Unfug, und alles andere Fri, 30 Mar 2012 08:54:32 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Contao – Logo ins Seitenlayout einbinden http://schman.at/contao-logo-ins-seitenlayout-einbinden http://schman.at/contao-logo-ins-seitenlayout-einbinden#comments Thu, 25 Aug 2011 05:51:39 +0000 Manuel http://schman.at/?p=639

Für (fast) jede Seite wird ein Logo benötigt welches auf der Seite eingebunden wird. Hier möchte ich kurz beschreiben wie ich dieses in Contao einbinde. Natürlich gibt es zig Wege dies zu bewerkstelligen.

Eigener HTML Code

Für das Logo verwende ich immer das Modul Eigener HTML Code. Der Aufbau sieht folgendermaßen aus. Ich definiere als Überschrift (h1) den Namen des “Kunden”. Anschließend wird das Logo (das zuvor natürlich auf den Webspace geladen werden muss) eingebunden und verlinkt. Der HTML Code sieht dann folgendermaßen aus:


<h1>Michaela Schwarz</h1>
<a href="{{env::path}}" title="{{env::website_title}}">
<img src="tl_files/schwarz/resourcen/img/logo.png" alt="Michaela Schwarz Logo" />
</a>

Bisher nocht nicht wirklich etwas erwähnenswertes, oder doch? Der Code besteht nicht nur aus HTML sondern auch aus sogenannten Insertags. Der Grund dürfte klar sein. Somit gestalte ich den Code dynamisch und ich kann diesen fast ohne Anpassungen in mehreren Projekten einsetzen.

Inserttags

Inserttags sind Platzhalter, die bei der Ausgabe einer Seite durch bestimmte Inhalte ersetzt werden. So kann beispielsweise das aktuelle Datum angezeigt oder ein Benutzer mit seinem Namen angesprochen werden. Inserttags können fast überall in Contao verwendet werden.

Wie unschwer zu erkennen verwende ich folgende Inserttags
{{env::path}} – Dieses Tag wird mit der aktuellen Basis-URL samt Pfad zum Contao-Verzeichnis ersetzt.
{{env::website_title}} – Dieses Tag wird mit dem Titel der Webseite ersetzt.

Wenn wir diese Modul nun ins Seitenlayout integrieren (zb in den Header Bereich) haben wir das Logo auf allen Seiten, mit Link auf die Startseite.

Ähnliche Beiträge

]]> http://schman.at/contao-logo-ins-seitenlayout-einbinden/feed 1 System Check Tool für TYPOlight/Contao http://schman.at/checktool-fuer-typolight-contao http://schman.at/checktool-fuer-typolight-contao#comments Wed, 16 Mar 2011 08:02:13 +0000 Manuel http://schman.at/?p=527
Für das WebCMS Contao gibt es ein sogenanntes System Check Tool. Besser gesagt nenn ich das genau so, die Datei ansich nennt sich contao-check.php (früher natürlich typolight-check.php). Es kann vorkommen das bei einem Webhoster die Contao Installation nicht richtig läuft, sei es das Backend ist sehr langsam (was meist darauf hindeutet das der Safe-Mode-Hack falsch konfiguriert wurde) oder es werden irgendwelche Fehlermeldungen angezeigt. Natürlich will man dann gleich wissen was da los ist. Hier kommt nun das Checktool ins Spiel. Mit dieser Datei wird die Serverkonfiguration überprüft.

Was wird überprüft?

  • generelle PHP Einstellungen (Safe Mode Off, max execution time, Memory limit, SOAP Extension …)
  • ob das Extension Repositority verwendet werden kann
  • Dateiberechtigungen (wird ein Safe-Mode-Hack benötigt oder nicht)

Wo gibts das Checktool?

Wie üblich finden sich alles auf der Projektseite wieder. Etwas versteckt wie ich finde aber zu finden unter dem Punkt Wie man den Webserver für contao konfiguriert, hier der Direktlink. Leider wird hier nur die neueste Version angeboten, falls doch ein älteres System Check Tool benötigt wird können diese von glen-langer.de heruntergeladen werden. Dort finden sich mittlerweile die System Check Tool für TYPOlight 2.5.x bis zur neuesten Version.

Alternativen?

Gibt es, natürlich :) . Nennt sich CoSC (Contao System Check). Zu finden in der deutschen Community.

Safe-Mode-Hack (SMH) falsch konfiguriert

Im Einleitungstext habe ich kurz darauf hingewiesen das ein falsch konfigurierter Safe-Mode-Hack ebenfalls Probleme verursachen kann. Im System Check Tool wird der SMH nicht berücksichtigt, besser gesagt es wird nur angezeigt ob der SMH benötigt wird oder eben nicht. Um zu überprüfen ob dieser korrekt konfiguriert wurde gibt es die Erweiterung smhcheck. Wenn der Safe-Mode-Hack benötigt wird, dann ist es eventuell nicht möglich diese Erweiterung im Backend zu installieren. Eine manuelle Installation ist dann nötig.

Ähnliche Beiträge

]]> http://schman.at/checktool-fuer-typolight-contao/feed 0 HTML für den Seitentitel freischalten (Contao) http://schman.at/html-fur-den-seitentitel-freischalten-contao http://schman.at/html-fur-den-seitentitel-freischalten-contao#comments Mon, 09 Aug 2010 11:18:53 +0000 Manuel http://schman.at/?p=397 Hier ein kleiner Tipp am Rande. Häufig sieht man auf Webseiten eine Navigation welche unter dem eigentlichen Link eine kurze Beschreibung beinhalten. Wie zB auch hier. Diese Frage wird auch häufiger im Contao Forum gestellt. Die Lösung dazu ist relativ einfach.

Hierzu muss das DCA überschrieben werden. Wir öffnen deshalb die system/config/dcaconf.php. Anschließend fügen wir folgende Zeile ans Ende ein:

  1. $GLOBALS[‘TL_DCA’][‘tl_page’][‘fields’][‘title’][‘eval’][‘preserveTags’] = true;

Nur noch abspeichern und dann kann als Seitentitel zB folgendes eingetragen werden

  1. Seitentitel<span>Beschreibung</span>

Den Rest kann dann mittels CSS angepasst werden.
Weiters gibt es noch die Möglichkeit HTML für Nachrichtentitel einzugeben, hierzu benötigt man folgenden Eintrag in der dcaconf.php

  1. $GLOBALS[‘TL_DCA’][‘tl_news’][‘fields’][‘headline’][‘eval’][‘preserveTags’] = true;

Danke an Thomas für den Hinweis

Clemens hat in den Kommentaren gerade noch die DCA Konfiguration hinterlassen, mit der es möglich ist Seitentitel in Modulen mit HTML zu versehen, danke dafür.

  1. $GLOBALS[‘TL_DCA’][‘tl_module’][‘fields’][‘headline’][‘eval’][‘preserveTags’] = true;

Ähnliche Beiträge

]]> http://schman.at/html-fur-den-seitentitel-freischalten-contao/feed 16 Titel der News in Breadcrumb bei Contao http://schman.at/titel-der-news-in-breadcrumb-bei-contao http://schman.at/titel-der-news-in-breadcrumb-bei-contao#comments Wed, 04 Aug 2010 10:13:53 +0000 Manuel http://schman.at/?p=388 Jeder kennt die Breadcrumb (oder auch Brotkrumen Navigation). An dieser Navigation sieht man auf welcher Seite man sich befindet.

Wird mit Contao mit News gearbeitet so funktioniert das ein wenig anders als bei WordPress. Ich versuche dies hier kurz zu erklären. Bei WordPress scheint es so als würde pro Eintrag eine eigene Seite erstellt. Wird nun eine Breadcrumb verwendet könnte das zB so aussehen:

schman.at > Titel der News in Breadcrumb bei Contao

Meiner Meinung nach sollte das auch so sein. Bei Contao hingegen funktioniert das ein wenig anders. Es ist dort nötig eine Seite zu erstellen welche den sogenannten Nachrichtenleser beinhaltet. Gibt man dieser Seite nun den Titel Nachrichtenleser so sieht die Breadcrumb eines einzelnen Newsbeitrag folgendermaßen aus:

schman.at > Nachrichtenleser

Mithilfe der Inserttags kann dies aber ohne Probleme umgangen werden. Hierzu muss lediglich als Seitentitel der Inserttag {{env::page_title}} eingetragen werden, somit befüllt sich der Titel der Seite immer mit dem Titel der News.

Ähnliche Beiträge

]]> http://schman.at/titel-der-news-in-breadcrumb-bei-contao/feed 0 Freie Contao Layouts http://schman.at/freie-contao-layouts http://schman.at/freie-contao-layouts#comments Tue, 06 Jul 2010 09:47:43 +0000 Manuel http://schman.at/?p=381 Cool, gerade im Teamblog von Contao gelesen, es gibt im Juli 5 freie Layouts für Contao. Diese sind von verschiedenen Partnern bereitgestellt worden. Lest einfach das Teamblog

Ähnliche Beiträge

]]> http://schman.at/freie-contao-layouts/feed 0 imageZoom mit TYPOlight verwenden http://schman.at/imagezoom-mit-typolight-verwenden http://schman.at/imagezoom-mit-typolight-verwenden#comments Wed, 02 Jun 2010 07:34:45 +0000 Manuel http://schman.at/?p=330 Imagezoom ist ein weiteres MooTools Skript um Bilder mit overlay darzustellen. Dieses Skript ist ähnlich wie die jQuery Version von Highslide. Im folgenden Artikel möchte ich nun erklären wie man imagezoom in TYPOlight (Contao) einbinden kann. Ich werde außerdem noch kurz erläutern wie die Mediabox damit ersetzt wird.

Die Funktionsweise des imagezooms wird auf der Projektseite beschrieben. Diese ist ähnlich der verschiedenen lightbox Varianten.

Installation

Als erstes müssen wir uns die benötigten Dateien herunterladen (rechts oben). Wir entpacken das zip Paket und laden alle Dateien in unser TL Verzeichnis. Ich habe mir dafür in der Dateiverwaltung von TYPOlight (Contao) ein verzeichnis für js Dateien angelegt, diese sieht folgendermaßen aus:

tl_files/res/js/

Hier lege ich den kompletten imagezoom Ordner ab, dieser beinhaltet das js (imagezoom.js) ein css (imagezoom.css) und einige Bilder welche sich im images Verzeichnis befinden.

Template erstellen

Der erste Schritt ist getan. Wir müssen nun ein Template anlegen um das Script zu initialisieren. Wir wechseln im Backend auf Templates und erstellen uns dort ein neues. Als Vorlage habe ich hier die moo_mediabox.tpl ausgewählt. Diese Datei benennen wir in moo_imagezoom um (Bleistiftsymbol klicken). Dieses sieht bei mir nun folgendermaßen aus:

window.addEvent("domready", function() {
	initImageZoom();
});

Seitenlayout bearbeiten

Wir müssen nun noch 2 Dinge machen. 1. Das Template, welches wir erstellt haben einbinden und 2. den Aufruf des Scriptes in den Tag einfügen.
Wie nicht schwer zu erraten klicken wir im Backend auf Seitenlayout, dieses bearbeiten wir und scrollen zu zusätzliche Tags runter. Dort fügen wir nun den Pfad zur JavaScript Datei und CSS des imagezoomers ein.

Nun müssen wir noch das vorher erstellte Template auswählen und speichern.

Ausprobieren

Jetzt sind wir bereit für den ersten Test. Wir legen uns einen Artikel an und fügen dort mittels TinyMCE ein Bild ein. Dieses erledigen wir einfach mit dem “Bild einfügen” Button anschließend müssen wir das Bild noch verlinken, nur so können wir ein rel Attribut vergeben welches wir benötigen. Hierzu klicken wir auf das “Link Symbol” (Kette). Jetzt kommt der spanende Teil.

Bild einfügenLightbox Variante einfügen

Zuerst wählen wir die Datei die angezeigt werden soll wenn auf das Bild geklickt wird (hierzu verwende ich das Dropdown), anschließend müssen wir noch unter “Lightbox” den Wert imagezoom eintragen, im Dropdown das Feld (value) wählen und eben imagezoom eintragen.

Nun noch speichern und schon haben wir unser Bild mit imagezoom.

Generell imagezoom verwenden

Das imagezoom Skript unterstützt das rel=”lightbox” generell. Diese wird bei TYPOlight (Contao) verwendet wenn zB die Option ein “Bild hinzufügen” gewählt wird.
Wenn über den TinyMCE die Lightbox Variante gewählt wird, wird auch das rel Attribut vergeben, somit könnten wir hier dann einfach “einzelnes Element” auswählen und würden dann unseren imagezoom verwenden.

Template anpassen

Damit das möglich ist müssen wir unser vorher angefertigtes Template anpassen. Diese finden wir im TYPOlight (Contao) Backend unter Templates (moo_imagezoom). Wir berbeiten den Quelltext und fügen folgendes ein.

window.addEvent("domready", function() {
	initImageZoom({rel: 'lightbox'});
});

Ähnliche Beiträge

]]> http://schman.at/imagezoom-mit-typolight-verwenden/feed 0 TYPOlight/Contao und Medieninhalte http://schman.at/typolightcontao-und-medieninhalte http://schman.at/typolightcontao-und-medieninhalte#comments Fri, 21 May 2010 22:50:00 +0000 Manuel http://schman.at/?p=298 Seit TYPOlight 2.8 (ab 2.9 Contao) wird als Lightbox Varinate die mediaboxAdvanced eingebunden. Diese ist umfangreicher als die zuvor verwendete Slimbox. Auf dem Usertreffen 2010 hat weitzeldesign einen Vortrag über Medieninhalte gezeigt. Auf ihrer Projektseite gibt es Beispiele, viele Beispiele.

Schon erstaunlich was alleine mit der mediabox möglich ist. Zusätzlich gibt es noch einige Alternativen, am besten besucht ihr die Seite selbst.

Hier geht es zum angesprochenen Seite.

Ähnliche Beiträge

]]> http://schman.at/typolightcontao-und-medieninhalte/feed 0 Neues Buch zu TYPOlight/Contao http://schman.at/neues-buch-zu-typolightcontao http://schman.at/neues-buch-zu-typolightcontao#comments Wed, 19 May 2010 05:52:22 +0000 Manuel http://schman.at/?p=295 Auf dem Usertreffen hatte Peter Müller einen Vortrag mit de Thema “TYPOlight und CSS – Möglichkeiten der Einbindung und der effizienten Bearbeitung. Ich denke Peter Müller kennen doch einige oder? Er ist der Autor der Little Boxes Reihe. Jeder der diese Bücher nicht kennt, sollte sich die Werke zu HTML und CSS auf alle Fälle besorgen und lesen. Zurück zur eigentlichen Meldung. Wie die Überschrift schon verrät wird Peter Müller ein Buch zum CMS Contao (“früher” TYPOlight) schreiben. Der Arbeitstitel lautet Websites erstellen mit Contao.

Infos:

Websites erstellen mit Contao
ca. 450 Seiten, ca 29,90 Euro
ISBN 978-3-8362-1179-6 978-3-8362-1651-7
Galileo Computing

Voraussichtlich September 2010

In seiner Infotheke schreibt er außerdem

Erscheinen wird es voraussichtlich im September 2010. Mehr dazu demnächst in diesem Theater, aber soviel sei schon mal verraten: Knapp ein Drittel ist schon fertig und der Vortrag auf dem Usertreffen in Essen basierte auf Kapitel 7.

Update: Leider war die ISBN Nummer falsch, ich habe diese nun verbessert

Ähnliche Beiträge

]]> http://schman.at/neues-buch-zu-typolightcontao/feed 0 Contao (TYPOlight) 2.9 als Beta verfügbar http://schman.at/contao-typolight-2-9-als-beta-verfugbar http://schman.at/contao-typolight-2-9-als-beta-verfugbar#comments Mon, 17 May 2010 10:58:59 +0000 Manuel http://schman.at/?p=292 Beim Usertreffen überrasche Leo Feyer mit der Ankündigung das TYPOlight ab Version 2.9 Contao heißen wird (genaueres könnt ihr in der Pressemitteilung lesen.)

Heute Mittag dann die freudige Nachricht im Forum das Contao als Beta verfügbar sei (per SVN)

So, die Contao-Testphase kann offiziell beginnen. Ich habe eben die Version 2.9.beta1 ins SVN committed.
http://svn.typolight.org/branches/contao-2.9/
Ich lade die Dateien im Laufe des Tages auch noch bei sourceforge.net hoch.

Ähnliche Beiträge

]]> http://schman.at/contao-typolight-2-9-als-beta-verfugbar/feed 2 TYPOlight für unterwegs http://schman.at/typolight-fur-unterwegs http://schman.at/typolight-fur-unterwegs#comments Wed, 12 May 2010 07:13:27 +0000 Manuel http://schman.at/?p=289 Portable Apps sind ja wirklich praktisch. Seit langer Zeit gibt es die Serve2go Variante, diese stellt, beim entpacken, eine kompletten Webserver (Apache) mit MySQL, SQLite zur Verfügung. Somit ist es möglich Webanwendungen einfach und bequem in der Hosentasche überall mitzunehmen. Jetzt gibt es auch ein TYPOlight Paket das einfach entpackt werden kann und schon gehts los. Hier kann das Paket heruntergeladen werden. Eine Anleitung wie das ganze Paket zusammengestellt werden kann gibts auch.

Ähnliche Beiträge

]]> http://schman.at/typolight-fur-unterwegs/feed 0