Hur man anpassar ett tema

Så här anpassar du utseendet på din webbplats.

Anpassa CSS

För att anpassa CSS på din webbplats ändrar man temat. Låt oss se hur teman fungerar. Standardtemat definieras i systeminställningarna. Ett annat tema kan definieras i sidinställningarna högst upp på varje sida, till exempel Theme: custom.

Här är en exempelfil system/themes/custom.css:

.page {
    background-color: #fc4;
    color: #fff;
    text-align: center; 
}

Anpassa JavaScript

För att anpassa din webbplats ännu mer kan du använda JavaScript. Detta gör att du kan skapa dynamiska funktioner för webbplatser. Du kan spara JavaScript i en fil som har ett liknande namn som CSS-filen. Då ingår det automatiskt.

Här är en exempelfil system/themes/custom.js:

var ready = function() {
    console.log("Hello world");
    // Add more JavaScript code here
}
window.addEventListener("DOMContentLoaded", ready, false);

Anpassa bilder och filer

Mappen system/themes innehåller alla temafiler. Du kan lagra dina bilder och teckensnittsfiler här, som används i teman. Varje webbplats har en liten ikon, ibland kallad en favicon. Webbläsaren visar denna ikon till exempel i adressfältet.

Har du några frågor? Få hjälp.