Het aanpassen van je CSS kan op twee manieren gebeuren:
- via de parameters van je template-stijl
- via de CSS-bestanden van je template
1. Via de parameters van je template-stijl
De meeste templates zijn uitgerust met een aantal parameters die je eenvoudig kan aanpassen.
Ga naar: Extensies > Templatebeheer > Stijlen
Het aantal parameters is afhankelijk van de gebruikte template.
Voorbeeld Protostar-template:
2. Via de CSS-bestanden van je template
Indien er geen parameter is voor de gewenste aanpassing:
Ga naar: Extensies > Templatebeheer > Templates > Gegevens en bestanden (van je template) > CSS
Je kan dezelfde bestanden benaderen via de mappen templates > je template > CSS.
De meeste templates beschikken reeds over een speciaal CSS-bestand waarin je eigen CSS-regels kan plaatsen. Dit kan je vinden in de documentatie van je template.
Voorbeeld: T3: custom.css, Gantry: templatenaam-custom.css, ...
Hierin kan je eigen CSS plaatsen zonder zorgen te maken voor eventuele template updates die je eigen bestanden kunnen overschrijven.
Indien in je template nog geen custom-bestand of methode voorzien is, kan je er altijd zelf één aanmaken.
Vanaf Joomla! 3 kan je deze zelfs aanmaken via de back-end:
-
-
- Gebruik de knop "Nieuw bestand".
- Selecteer de map CSS
- vul een bestandsnaam in,
- Maken
-
Het bestand is aangemaakt:
Hierin kan je CSS-regels schrijven. Het bestand wordt echter nog niet gebruikt door je template. Daarvoor moet je index.php aanpassen. Deze kan je vinden in de hoofdmap van je templatebestanden.
Hierin staat reeds een verwijzing naar je hoofdstylesheet (in dit geval template.css).
// Add Stylesheets
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');
Kopieer en wijzig:
// Add Stylesheets
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/custom.css');
De opmaak in custom.css is nu zichtbaar.
OPGELET: Als er een update is van het index.php bestand van je template moet je de verwijzing wel terugplaatsen. Templates worden echter zelden geüpdate. Sommige designers verkiezen daarom om de extra opmaak toch in het template.css bestand te plaatsen. Een groot aantal verwijzingen kan immers ook de snelheid van je site nadelig beïnvloeden.
TIP: In Joomla 3 kan je met "Nieuw bestand" ook afbeeldingen uploaden die worden gebruikt in de template. (Bladeren > Uploaden) Dit maakt het gebruik van een FTP-programma overbodig.