Se hai deciso di creare un sito web — o magari lo hai già fatto — potresti esserti accorto che non riceve visite. Non sei certo il primo a creare un sito, e molto probabilmente non sei nemmeno il primo a realizzarne uno sul tuo stesso argomento: turismo, auto, immobili, ecc. Esistono già decine, se non centinaia, di siti simili al tuo. Ogni tuo concorrente ha già una presenza online consolidata. E, purtroppo, molti siti nascono per poi essere dimenticati e perdersi tra i risultati dei motori di ricerca.
La prima cosa da fare quando inizi a promuovere il tuo sito in Drupal è installare il modulo SEO Checklist:
Il sistema di theming in Drupal 8 è cambiato in modo significativo. Questo è dovuto principalmente al passaggio alla programmazione orientata agli oggetti e all’introduzione del motore di template Twig. Se prima bastava conoscere un po’ di PHP, HTML e CSS per iniziare a creare un proprio tema, ora è necessario imparare anche Twig. Da un lato questo rende lo sviluppo su Drupal un po’ più complesso, ma dall’altro semplifica notevolmente il processo di lavoro.
Drupal utilizza il nuovo motore di template Twig. Per questo motivo, tutti i temi sono stati riscritti per supportarlo. Entriamo nella cartella /core/themes per vedere cosa contiene:
Nell’articolo precedente abbiamo creato una presentazione (slideshow) utilizzando Views Slideshow. Tuttavia, abbiamo ancora un paginatore non stilizzato con immagini di piccole dimensioni.
In questo articolo vedremo come aggiungere OwlCarousel e applicare gli stili CSS tramite una libreria aggiuntiva.
In questo esempio useremo un modulo personalizzato per collegare OwlCarousel, ma nella prossima lezione vedremo come stilizzare la presentazione direttamente nei file del tema.
Per prima cosa, dobbiamo imparare come visualizzare blocchi e pagine utilizzando Views. Iniziamo con le pagine: mostreremo tutti gli articoli presenti sul nostro sito.
Visualizzare le pagine tramite Views
Creiamo la nostra prima vista andando nel menu Gestione → Struttura → Views.
Zen è il tema builder più popolare per Drupal. Se hai bisogno di creare rapidamente un design responsive per un sito basato su un layout a tre colonne, allora Zen è ciò che fa per te. Ti basta installarlo, eseguire npm install e Zen prepara per te la base del tuo design. Vediamo tutto passo per passo.
Scarica il tema padre Zen dal sito ufficiale:
In Drupal 7 era possibile creare rapidamente e facilmente un sotto-tema basato su Zen e iniziare a costruire il proprio sito web. A partire da Drupal 8 esistono diversi temi di base che permettono di creare i propri temi personalizzati. Tuttavia, prima di creare un sotto-tema, è importante capire dove si trova ogni elemento all’interno della struttura del tema.
A partire da questo articolo, inizieremo a creare il nostro tema in Drupal. In questa sezione del tutorial analizzeremo le basi della creazione di un tema in Drupal: dove si trovano i file, come includere e utilizzare CSS e JavaScript. Il nostro tema sarà basato sul tema di base del core Stable. Se vuoi imparare Drupal, partire da Stable è un’ottima scelta. Non è consigliabile iniziare da Bootstrap: incontreresti costantemente domande e errori.