FILE STATICI IN DJANGO
Per file statici si intendono immagini, css, file javascript, font etc. in sostanza ci rivolgiamo a tutte quelle componenti che poi rappresentano la parte di front-end. Django nelle applicazioni già pronte all’uso ci mette a disposizione l’applicazione django.contrib.staticfiles che ci serve i file statici.
Andiamo nel file settings.py del progetto e scorriamo la pagina fino a trovare la voce STATIC_URL. Andiamo a specificare la directory che conterrà i nostri file statici, come Bootstrap.
Ora andiamo a creare la cartella static in BASE_DIR ricordando che questa variabile indica le cartelle immediatamente sotto la root directory, quindi sullo stesso livello di templates.
Adesso andiamo a scaricare i file di Bootstrap e li mettiamo dentro la cartella static. Apriamo la nostra homepage e andiamo a richiamare l’applicazione preinstallata da Django che serve i file statici ponendo in cima al documento HTML la seguente riga di codice:
{% load static %}
Una volta impostato il tag link per caricare il css di Bootstrap, facciamo partire il server e verifichiamo che il tutto funzioni.
Come vedi i font utilizzati sono quelli di Bootstrap quindi il tutto sta funzionando, per avere una ulteriore conferma fai click destro su un punto della home page e seleziona la voce “Visualizza sorgente pagina”. Aprendo i link dovresti vedere il file css di Bootstrap.
Allo stesso modo potrei definire una cartella all’interno dell’applicazione news chiamarla static, creare un foglio di stile che imposta semplicemente il colore del titolo h1 in verde e farlo caricare dall’applicazione django.contrib.staticfiles allo stesso modo.
Scrivi un commento