Cosa sono le modalità di visualizzazione in Drupal 8

Drupal è noto per la sua flessibilità nella gestione e presentazione dei contenuti. Le modalità di visualizzazione Drupal ti consentono di eseguire il rendering (visualizzare) una o più entità Drupal (come i nodi) in un certo modo, in base a un contesto particolare.

Questo tutorial dimostrerà l'utilizzo delle modalità di visualizzazione Drupal con un esempio. Installeremo e utilizzeremo anche i moduli Field Group e Display Suite.

Iniziamo!

Passo 1. Installa i moduli richiesti

• Aprire l'applicazione terminale e posizionare il cursore nella radice dell'installazione di Drupal.

• Tipo:

compositore richiede "drupal//field_group:^3.0"

compositore richiedono drupal/ds

• Fare clic su Estendi .

• Abilita display suite e gruppo di campi .

• Fare clic su Installa .

Il sistema ti chiederà di abilitare il modulo Layout Discovery.

• Fare clic su Continua .

Non sono necessari ulteriori moduli.

Passo 2. Il tipo di contenuto

Ai fini di questo tutorial, creeremo un tipo di contenuto chiamato "Persona famosa" con i campi dettagliati nella tabella seguente. Segui lo stesso tipo di contenuto o creane un altro, come "Autore", "Paziente" o anche un altro tipo di entità come "Membro", ad esempio — ricorda , le modalità di visualizzazione possono essere applicate a tutti i tipi di entità, non solo ai nodi .

I campi:

• Nato

• Morto

• Conosciuto per

verranno raggruppati in un gruppo di campi chiamato Dati personali.

Passaggio 3. Crea il gruppo di campi

• Fare clic su Gestisci visualizzazione > Aggiungi gruppo di campi .
• Seleziona Fieldset nel menu a discesa.
• Aggiungi un'etichetta adeguata.
• Fare clic su Crea gruppo .

• Trascina il set di campi sotto il campo Immagine.

• Nascondi l'etichetta dell'immagine.

• Raggruppa i campi all'interno del fieldset facendo rientrare gli stessi.

• Rendi inline le etichette all'interno del fieldset.

• Fare clic su Salva .

Si noti che stiamo già configurando una delle due modalità di visualizzazione attive in Drupal ( Default e Teaser ).

La modalità di visualizzazione predefinita mostra l'intero nodo, mentre la modalità di visualizzazione teaser mostra la visualizzazione teaser degli articoli sulla prima pagina di Drupal.

Passaggio 4. Crea contenuto

• Fare clic su Contenuto > Aggiungi contenuto > Persona famosa

• Crea da 4 a 5 nodi

Passaggio #5. Crea modalità di visualizzazione personalizzate

• Fare clic su Struttura > Tipi di contenuto .

• Seleziona Gestisci visualizzazione per il tipo di contenuto "Persona famosa" .

• Scorri verso il basso e fai clic su Impostazioni di visualizzazione personalizzate .

• Fare clic su Gestisci modalità di visualizzazione .

Qui possiamo configurare le modalità di visualizzazione esistenti tra diversi tipi di entità ( bundle ). Possiamo anche creare modalità di visualizzazione personalizzate per soddisfare i nostri requisiti di progettazione o informazioni.

• Fare clic su Aggiungi modalità di visualizzazione .

• Fare clic su Contenuto .

• Assegna un nome proprio alla modalità di visualizzazione.

• Fare clic su Salva .

• Crea altre 2 modalità di visualizzazione.

Ho usato questi nomi: Modalità di visualizzazione Lifework - Modalità di visualizzazione Trivia

• Fare clic su Struttura > Tipi di contenuto .

• Seleziona Personaggio famoso > Gestisci visualizzazione .

• Scorri verso il basso e fai di nuovo clic su Impostazioni di visualizzazione personalizzate .

• Controlla le 3 modalità di visualizzazione che hai appena creato.

• Fare clic su Salva .

• Fare clic sulla modalità di visualizzazione dei dati personali .

• Scorri verso il basso e seleziona Layout a due colonne (sotto le opzioni di Display Suite) dal menu a discesa.

• Fare clic su Salva .

• Fare nuovamente clic su Salva (eventualmente) per spostare i campi nella nuova colonna.

• Trascina il set di campi Dati personali nella parte superiore della colonna di sinistra.

• Posiziona i tre campi corrispondenti di conseguenza.

• Posiziona l'immagine sulla colonna di destra.

• Cambia lo stile dell'immagine in medio.

• Fare clic su Aggiorna .

• Trascina tutti gli altri campi nella sezione Disabilitato .

• Scorri verso il basso e fai clic su Salva .

• Ripetere il processo con le altre due modalità di visualizzazione Utilizzando le opzioni di layout:

  • Larghezza uguale a tre colonne

  • Tre colonne 25/50/25

Passaggio #6. Crea una vista

• Fare clic su Struttura > Viste > Aggiungi vista .

• Assegna alla vista un nome proprio.

• Seleziona Contenuto di tipo Personaggio famoso .

• Selezionare Crea un blocco .

• Modificare il numero di elementi per blocco a 1.

• Seleziona Usa un cercapersone .

• Fare clic su Salva e modifica .

• Fare clic sull'opzione Campi nella sezione Formato .

• Seleziona Contenuto .

• Fare clic su Applica .

• Seleziona la prima modalità di visualizzazione.

• Fare clic su Applica .

• Fare clic su Salva .

• Fare clic sulla sezione Avanzate a destra dell'interfaccia utente di Views .

• Fare clic su Usa AJAX: No .

• Seleziona Usa AJAX .

• Fare clic su Applica .

• Fare clic su Salva .

• Crea altri 2 blocchi con lo stesso processo. L'unica impostazione che differirà sarà la modalità di visualizzazione nella sezione Formato .

Passaggio #7. Posiziona i blocchi

• Crea un articolo con solo il titolo.

• Fare clic su Salva .

• Fare clic su Struttura > Layout blocco .

• Scorri verso il basso fino alla sezione Contenuto .

• Fare clic su Posiziona blocco .

• Cerca tutti e 3 i blocchi.

• Fare clic su Posiziona blocco .

• Deseleziona Visualizza titolo .

• Limita il blocco all'articolo che abbiamo appena creato.

• Fare clic su Salva blocco .

• Ripetere il processo con gli altri 2 blocchi.

• Riordina i blocchi sotto il titolo.

• Fare clic su Salva blocchi .

Vai all'articolo e dai un'occhiata.

Freschezza Drupale! Congratulazioni!

Per favore, dicci come intendi utilizzare questa utile funzione di Drupal. Grazie per aver letto!