Blocchi & Menù Corso Base Drupal Luglio 2016 Docente: Simone Zambenedetti. Menù & Blocchi Corso Base Drupal

Transcript

1 Blocchi & Menù Docente: Simone Zambenedetti

2 Cos è un blocco I blocchi, nella terminologia Drupal, sono dei contenitori generici che è possibile posizionare e configurare in diversi modi. Ci sono diversi tipi di blocchi, ma la loro gestione è uniforme, semplificando di fatto il lavoro di configurazione. Configurazione di un blocco Questa funzionalità è essenziale, di conseguenza non serve abilitarla o installare un modulo perché è già operativa nel core di Drupal. La pagina di configurazione dei blocchi ci mostra un elenco simile a questo: Left sidebar, Content, Header, Disabled, eccetera. Questo elenco mostra le zone che il template attualmente in uso mette a disposizione per posizionare i blocchi. Pagina 2

3 Configurazione Blocchi Le zone Contenuto e Disattivato sono speciali: Contenuto è l unica zona obbligatoria per i creatori di template, il suo compito è mostrare il contenuto principale; Disattivato è una zona fittizia utilizzata (come avrete intuito dal nome) per nascondere i blocchi. Cliccando su configura accanto a ogni blocco si accede alla pagina di configurazione, che consente di specificare in maniera molto precisa quando e in che pagine visualizzare il blocco. Pagina 3

4 Le regioni dei blocchi Pagina 4

5 Configurazione Blocchi Come possiamo vedere, abbiamo due voci, configura ed elimina. Quando elimina non è presente quel blocco è vincolato ad una vista oppure è un blocco del core di Drupal e non può essere tolto. Pagina 5

6 Configurazione Blocchi Entrando nella pagina di configurazione: Possiamo limitare i blocchi e visualizzarli come preferiamo. In questo caso il blocco è visibile solo nella Home Page. Pagina 6

7 Configurazione Blocchi Entrando nella pagina di configurazione: Limitiamo il blocco a specifici tipi di contenuto ovvero questo blocco sarà visibile solo nei nodi creati che appartengono a questo tipo specifico. Se non selezioniamo alcun flag, non ci saranno restrizioni per i blocchi e saranno visualizzati indipendentemente dal tipo di contenuto. Pagina 7

8 Configurazione Blocchi Possiamo limitare il blocco a determinati Ruoli, in questo caso se selezioniamo gli utenti, solo quei ruoli potranno vedere questo blocco (es. il blocco user menù). Pagina 8

9 Configurazione Blocchi Questa sezione permette ai singoli utenti di visualizzare il blocco nel proprio profilo. Dobbiamo ovviamente ricordarci di rendere tale blocco visibile nella pagina del profilo utente, quindi se limitiamo le pagine visibili, dovremo aggiungere la riga user* che includerà tutti i profili di ogni singolo utente. Pagina 9

10 Creiamo un nuovo blocco Se vogliamo creare un nuovo blocco andiamo nella pagina di configurazione dei blocchi e selezioniamo in Structure>>Blocks potremo così cliccare sul pulsante + di add block e scegliere a quel punto cosa fare. Pagina 10

11 Creiamo un nuovo blocco Possiamo per esempio creare un blocco con del semplice testo oppure personalizzarlo inserendoci del codice html, php o altri linguaggi in base alle esigenze. ESERCIZIO: Vogliamo creare un blocco che contenga una mappa google con l indirizzo a vostra scelta che sia visibile solo nella pagina dello user. Vi ricordo che per incorporare il codice html della mappa basta andare su maps digitare l indirizzo, selezionare condividi e nel tab copiare il codice html ed incollarlo nel body del blocco. Pagina 11

12 Amazing Modules Esistono dei moduli molto utili ed utilizzati ovvero: Multilingual blocks Panels Multilingual blocks: Essenzialmente permette la traduzione di un blocco. Pagina 12

13 Amazing Modules Panels: Si utilizza per modificare il layout di una pagina, ad, esempio la home page. E estremamente potente permettendo la personalizzazione di varie variabili tra nodi e blocchi esistenti. Per esempio posso inserire nella stessa pagina un blocco di utenti online, un blocco cerca ed un nodo che ho creato in precedenza. Pagina 13

14 Amazing Modules Essendo un modulo molto completo, bisogna spenderci un po' di tempo prima di poterlo gestire al meglio. Pagina 14

15 MENÙ Cos è un menù in Drupal: Un menù in Drupal è costituito innanzitutto da un Titolo dato di default dal sito oppure scelto da noi. Nei menù troviamo un insieme di voci di menù ovvero dei link collocati nel sito per accedere rapidamente a contenuti che abbiamo creato precedentemente o sul momento, oppure un link ad un sito esterno. Schematizziamo i menù nel sito: Sito Template (vestito) Blocchi (posizioni) Menù Sottovoci di menù Contenuto interno Contenuto esterno Pagina 15

16 MENÙ Creazione di un Menù: Di default Drupal alla prima installazione ci offre tre voci di menù: Navigation Primary Links Secondary Links Prima si crea un nuovo menu: Amministra -> Menù -> Aggiungi menù Mio Menu Poi si inserisce il primo link: Aggiungi voce di menu -> titolo, descrizione, path, voce padre = Mio Menu Infine si pubblica il menu: Amministra -> Blocchi -> Mio Menu -> barra laterale destra/sinistra/altro Creiamo una voce di menù: Un primo modo è: Andare in Struttura>> Menù clicchiamo sul menù interessato su elenca le voci di menù Esempio Main Menù, clicchiamo poi su Creiamo un titolo e compiliamo il percorso Un secondo modo per creare una voce di menù è: Partiamo da un nodo già creato o ne creiamo uno nuovo Una volta compilati i campi interessati in fondo alla pagina spuntiamo Fornisce una voce di menù Potremo compilare il titolo che di default è il titolo della pagina creata e potremo selezionare la voce padre. Pagina 16

17 MENÙ Amazing Modules Menu position: E un modulo molto comodo che ci permette di creare delle regole su Contenuti, pagine, ruoli, lingua e tassonomia. In base a queste, verrà Visualizzata una voce di menù nella posizione desiderata con i parametri Impostati. Menu token: Fornisce token, che potrebbero essere utilizzati nel titolo o nel percorso di voci di menu (link). Ad esempio, se si crea una voce di menu con il percorso: "user / [current-user: uid]", l'url verrà modificato "al volo" a: "user / 1" (supponendo che sono utente 1). Pagina 17

18 MENÙ Amazing Modules: Menu block: Inserisce molteplici menu legati a determinate pagine del sito in vari livelli di profondità e ci permette di creare dei blocchi vincolati alla nuova voce di menù che creiamo Decidendo posizione e se farlo apparire esclusivamente. Ci permetterà quindi di linkare pagine interne creando un Blocco a partire da un menù. Pagina 18

19 MENÙ ESERCIZIO: Vogliamo creare una voce di menù dopo aver creato un nodo dal tipo di contenuto pagina base. La voce di menù andrà inserita come voce figlia della home. ESTENSIONE DELL ESERCIZIO CON BLOCCHI: Creiamo un nuovo Menù e posizioniamo il blocco del menù relativo nella posizione/regione Piè pagina Prima colonna. Spostiamo la voce di menù creata in precedenza nel menù appena creato. (piccola accortezza, per fare ciò ricordatevi che nel tipo di contenuto interessato bisogna abilitare il menù Appena creato per poterlo rendere disponibile nel menù a tendina della scelta dei menù per l articolo.) Creiamo un nuovo blocco ed inseriamo all interno del body il codice html per l incorporamento youtube di Un qualsiasi video scelto (selezionando condividi e poi codice da incorporare) e posizioniamo tale blocco nella regione Piè pagina - Quarta colonna. Pagina 19

20 FINE Pagina 20