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: Inhaltstypen Artikel und Inhaltselement

12. Januar 2013 Michel Allgemein 1 Comment

Zwei Inhalts-Typen, die ich in Contao für mich entdeckte: Artikel und Inhaltselement, zu finden unter den Include-Elementen.

„Artikel“ zeigt einen Artikel an, der auf auf einer ganz anderen Seite liegt, also alle Inhaltselemente die in diesem Artikel liegen.

„Inhaltselement“ hingegen zeigt nur ein einzelnes Inhaltelement in einem Artikel an.

Ich nutze das zum Beispiel in einer Multidomain-Installationen um wiederkehrende Texte im Impressum einzubinden und sie so an nur einer Stelle aktuell halten zu müssen, da immer die aktuellste Version des verknüpften Artikels/Inhaltselements im Frontend angezeigt wird.

Neben den Inhaltstypen lässt sich das auch mit Insert-Tags und der ID realisieren: {{insert_content::ID}} und {{insert_article::ID}} sind die Tags hierfür.

(Hat jedes andere CMS so oder so ähnlich bestimmt auch verbaut, ja.)