CSS für die eigene Komponente

Zusätzliches CSS für eine Komponente kann in der view.html.php eingebunden werden.

Werden die Styles nur für eine Ansicht der Komponente benötigt kann der Aufruf auch in views/[name der view]/tml/default.php erfolgen. Somit wird der Code nur geladen, wenn er benötigt wird.

$doc = JFactory::getDocument();
$doc->addStyleSheet(JUri::base() . '/components/com_jobs/assets/css/default.css');

Dies ist allerdings aus Gründen der Seitenladezeit nicht immer die beste Option. Insbesondere dann, wenn zukünftige Nutzer die Styles anpassen möchten wäre es schön, das Laden der CSS-Datei(en) über die Optionen zur Komponente zu steuern.

z.B.

CSS-Datei aus Komponente verwenden
eigene CSS-Datei verwenden
CSS-Styles in template.css integrieren
CSS-Styles selbst in template.css eintragen

Als Programmierer habe ich schon lange vor LESS meine CSS-Styles dynamisch per PHP erzeugt. Damit war es schon immer möglich die Style nach abgeschlossener Entwicklungsphase in einer Datei zusammenzufassen.

Das automatische integrieren der Styles in der template.css ist nur dann möglich, wenn dies über das Template unterstützt wird.

Schlagwörter:
Joomla