Kategorien
Contao Typographie

Contao: bedingter Trennstrich / soft hyphen / ­

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 Nas­horn­innen­raum­be­haarung wird.

Nas­horn­innen­raum­be­haarung

(Langsam wird das hier zu einem Contao-Blog)

Kategorien
Contao Frontend: HTML5, CSS3, jQuery

JavaScripts/jQuery in Contao besser zusammenfassen

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

Kategorien
Contao

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

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:

contao-mini-kalender-anzeigeformat-eventliste

Kategorien
Contao

Eigene Layoutbereiche in Contao mit eigenen Templates bestücken

contao-layoutbereich-template

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.)

Kategorien
Contao Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

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

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!

Kategorien
Contao Frontend: HTML5, CSS3, jQuery

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

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.

Kategorien
Contao

Contao CSS-Variablen

Was mir an der neuen Contao-Version 2.10.0 bisher noch am praktischsten erscheint, sind die globalen CSS-Variablen, die ich auch schon direkt bei einem Projekt einsetzen konnte, das mit mehreren Farbschemata arbeitet:

Entweder habe ich es falsch verstanden oder es ist ein Bug, aber die Farbangabe musste ich jeweils ins „Eigenes CSS“-Feld schreiben, da der Platz im Farbcode-Feld nicht ausreichte. Das ist schade aber verschmerzbar.

 

 

 

Kategorien
Contao Frontend: HTML5, CSS3, jQuery

Contao 2.10.0 – jetzt mit HTML5- und CSS3-Unterstützung

Da ich zurzeit recht viel mit Contao arbeite, freue ich mich natürlich, dass heute Contao 2.10.0 veröffentlicht wurde. Contao ist ein Open Source CMS mit einer großen Community und wird von Leo Feyer betreut:

Contao Version 2.10.0 ist verfügbar. Das Release enthält alle auf der Contao-Konferenz vor­ge­stel­lten neuen Funktionen wie z.B. HTML5- und CSS3-Unterstützung, globale Stylesheet-Variablen, Kom­pri­mierung aller Stylesheets und JavaScripts uvm. Zudem wurden über 220 Tickets in die neue Version eingearbeitet.

Was sich alles zu den vorherigen Versionen geändert hat, steht im Changelog.