Contao · Pixelscheucher

Contao: bedingter Trennstrich / soft hyphen / ``

28. Juni 2017 Michel Contao, Typographie No Comments

In Contao bekommt man den bedingten Trennstrich (oder: Soft Hyphen, weiches Trennzeichen, ) im Texteditor aber auch im Seitennamen und -Titel und vielen anderen Feldern so hin: [-]. Falls man es mit der Silbentrennung im Browser etwas genauer haben möchte, ist dies eine sehr einfache Möglichkeit.

Dies ist ähnlich dem [nbsp], welches ein geschütztes Leerzeichen ( ,  ) ausgibt.

Um beispielhaft Nashorninnenraumbehaarung an den richtigen Stellen zu trennen, muss hieraus Nas[-]horn[-]innen[-]raum[-]be[-]haarung werden, woraus schließlich Nashorninnenraumbehaarung wird.

Nashorninnenraumbehaarung

(Langsam wird das hier zu einem Contao-Blog)

JavaScripts/jQuery in Contao besser zusammenfassen

27. Juni 2017 Michel Contao, Frontend: HTML5, CSS3, jQuery No Comments

Wenn man wie im Artikel von Rocksolid unter Schritt 4 beschrieben, die JavaScript-/jQuery-Dateien in Contao zusammenfassen möchte, müssen erstmal die Dateipfade herausgefunden (die in Contao 3.5 kein einheitliches Muster haben^*). Nachfolgend die kompletten Blöcke für deren Templates unter Berücksichtigung der Standard-Templates:

Mediaelement (j_mediaelement.html5)

<?php
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/jquery/mediaelement/'.MEDIAELEMENT.'/js/mediaelement-and-player.min.js|static';
?>

Colorbox (j_colorbox.html5)

<?php
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/jquery/colorbox/'.COLORBOX.'/js/colorbox.min.js|static';
?>

Accordion (j_accordion.html5)

<?php
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/jquery/ui/'.JQUERY_UI.'/jquery-ui.min.js|static';
?>

Slider (j_slider.html5)

<?php
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/swipe/'.SWIPE.'/js/swipe.min.js|static';
?>

Table Sorter (j_tablesort.html5)

<?php
  $GLOBALS['TL_JAVASCRIPT'][] = 'assets/jquery/tablesorter/'.TABLESORTER.'/js/tablesorter.js|static';
?>

Die Konstanten wie JQUERY_UI oder SWIPE sind unter system/config/constants.php definiert und geben die Versionsnummer der Scripts zurück.

* sei es wegen verschiedenen Vendors oder anderer Dateistruktur

Contao: Anzeigeformate für das das Eventliste-Modul in Verwendung mit dem Mini-Kalender

15. Februar 2016 Michel Contao No Comments

Wird im Contao Kalender-Modul das Mini-Template ausgewählt (cal_mini), darf im Eventliste-Modul – das auf der Kalenderseite oder auf der Weiterleitungsseite benutzt wird – kein Anzeigeformat unter „Zukünftige Events“ oder „Vergangene Events“ verwendet werden. Der Filter (day=yyyymmdd) greift sonst nicht.

Das ganze als erklärendes Bild, falls ihr mein Textwirrwarr nicht versteht:

Eigene Layoutbereiche in Contao mit eigenen Templates bestücken

4. Februar 2015 Michel Contao No Comments

Seit Contao 3.3 können die eigenen Layoutbereich mit einem eigenen Template ausgegeben werden. Dafür muss der jeweilige Bereich in der fe_page.html5 bzw. fe_page.xhtml folgendermaßen aufgerufen werden:

$this->section('meinlayoutbereich', 'block_section_meinlayoutbereich-template');

meinlayoutbereich ersetzt ihr mit dem Namen eures Layoutbereichs, block_section_meinlayoutbereich-template mit dem Namen eures Templates. Easy, mh?

Was muss im Template des Layoutbereich stehen? Mindestens das:

echo $this->content;

Siehe auch GitHub-Issue #6531. Außerdem kommt in 3.5 (jedenfalls als Milestone angegeben) ein wenig Komfort in die Layoutbereiche, wie man in Issue #6630 sieht.

(Aus irgendwelchen Gründen schmeißt – mein – WordPress < ? php am Anfang von HTML-Code-Elementen heraus, daher habe ich den Beispielen darauf verzichtet und musste es hier mit Leerzeichen schreiben. Mh.)

Slider-Extensions für Contao im Vergleich und Überblick

4. Juni 2013 Michel Contao, Frontend: HTML5, CSS3, jQuery, Webdesign/Gestaltung 6 Comments

Screenshot der Contao-Slider-Vergleichstabelle

In der Agentur (so wollte ich schon immer mal einen Satz anfangen) arbeiten wir recht viel mit Contao, wenn wir Kunden-Websites neu aufziehen. Oftmals wird auch ein Slider benötigt – sinnvoll oder nicht –, der sich mit einer der vielen Extensions gut nachrüsten lässt. Leider weiß man aber nie so genau, welcher Slider was kann und was nicht, für welche Contao-Version er taugt, und und und …

Daher habe ich mir vor ein paar Monaten die Mühe gemacht ein Google Doc hierfür aufzusetzen, welches die unterschiedlichen Kriterien auflistet. Unter anderem sind dies:

2.11-/3.0-kompabilität;
HTML5/XHTML-Ünterstützung;
ob nur Bild- oder auch andere Elemente verwendet werden können;
die Verwendung nur als Modul oder Inhaltselement oder gar beides möglich ist;
Responsiveness;
Mootools/jQuery;
und weitere …

Da ich selbst nicht die Zeit und Muße hatte, diese Tabelle zu pflegen, habe ich sie für die Öffentlichkeit bearbeitbar gemacht. Und viele viele viele Leute aus der Contao Community haben mitgewirkt wofür ich mich auch an dieser Stelle noch einmal bedanke. DANKE!

Google Spreadsheet: „Slider-Extensions für Contao im Vergleich“ (http://bit.ly/contaoslider)
Contao-Community-Eintrag

Contao: Das Nachrichtenleser-Modul, der Seitentitel und die Art der Einbindung

16. Oktober 2011 Michel Contao, Frontend: HTML5, CSS3, jQuery 6 Comments

Ich hatte da letztens so ein Problem mit dem Contao’schen Nachrichtenleser und einem sich nicht anpassenden Seitentitel. Dieser wollte sich partout nicht ändern und nahm nicht den Titel der Nachricht an, wie er das in neueren Versionen von Contao ja eigentlich macht. Der Fehler lag darin, das Nachrichtenleser-Modul per Insert-Tag einzubinden und nicht ganz normal als Inhaltselement Modul. Bin mir nicht sicher ob ich das als Bug einstufen soll, aber wenn ich mal kurz Zeit habe, werde ich das in den Bugtracker einfließen lassen.

(Hätte ich natürlich auch machen können, als ich diesen Blogbeitrag schrieb, aber damit ist vielleicht auch schon mal ein paar Leuten geholfen, sollten Sie auf dieses Problem stoßen.)

Ach, hier, mein Contao-Community-Profil.