Come creare una landing page per Drupal usando i pannelli?

Introduzione: creazione di pagine Drupal con pannelli, blocchi, & Visualizzazioni.

Drupal 8 offre agli editori web la possibilità di pubblicare post diversi Tipi di contenuto e filtrare i contenuti dinamici attraverso Visualizzazioni per creare pagine Web complesse. In questo tutorial, costruiremo un pannelli landing page con Visualizzazioni blocchi incorporato in diverse regioni all’interno di un modello.


Gli utenti possono anche aggiungere immagini, presentazioni, video, testo personalizzato, menu, ecc. Alle regioni in pannelli utilizzando blocchi & Visualizzazioni. Le aree di blocco dei pannelli possono includere HTML personalizzato, CSS, & Codice PHP.

Iniziamo.

Step One: Installa & Abilita il modulo pannelli.

Il primo passo è installare e abilitare il file pannelli modulo nella sezione amministrazione Drupal.

  • dipendenze: Gli utenti dovranno prima installare il Suite degli strumenti del caos correre pannelli.
  • Consigliato: Posiziona il sito in Modalità di manutenzione per iniziare l’aggiornamento.
  • Necessario: Passare a / admin / modules / install & inserisci il link per installare il Strumenti del caos suite di moduli.
  • Necessario: Passare a / admin / modules / install & inserisci il link per installare il pannelli suite di moduli.
  • Necessario: Passa ad admin / moduli & abilitare il Scoperta del layout componente del modulo in Drupal Core insieme a cTools & pannelli moduli.

Escludendo eventuali errori del database o incompatibilità di temi personalizzati, gli amministratori saranno ora in grado di eseguire pannelli per la creazione di contenuti & landing page dinamiche.

Come creare una landing page per Drupal usando i pannelli?

Nota: Gli utenti dovrebbero vedere una schermata di successo che verifica la corretta installazione di entrambi i moduli.

Quindi vai alla sezione / admin / modules e abilita entrambi CTools & pannelli componenti del modulo.

Come creare una landing page per Drupal usando i pannelli?

Come creare una landing page per Drupal usando i pannelli?

Come creare una landing page per Drupal usando i pannelli?

Come creare una landing page per Drupal usando i pannelli?

Impostazioni del modulo pannelli: Installa il pannelli & Pannelli IPE componenti del modulo insieme a Strumenti del caos (compresi: blocchi & Visualizzazioni) per il CMS per la costruzione della pagina di destinazione.

Come creare una landing page per Drupal usando i pannelli?

Consigliato: Controlla il Autorizzazioni utente per pannelli & CTools su / admin / persone / ruoli per verificare il Amministratore del sito o altro ruoli disporre dei poteri appropriati e salvare le nuove impostazioni.

Come creare una landing page per Drupal usando i pannelli?

Completare: Estrarre il sito Web da Modalità di manutenzione su admin / config / development / maintenance per andare avanti con l’aggiornamento.

Passaggio 2: creare blocchi di visualizzazioni per tipi di contenuto personalizzati.

In questa demo, la landing page filtra i contenuti dinamici da tre personalizzati Tipi di contenuto in Drupal 8: I post del blog, Messaggi sul forum, & articoli. Ogni elenco di contenuti dinamici si collegherà alle pagine dei nodi in ordine cronologico e ai post più recenti del sito elencati per primi.

Come creare una landing page per Drupal usando i pannelli?

Suggerimento: Gli editori Web possono abilitare ed eseguire il file Forum modulo in Drupal Core & Usa il Tipo di contenuto con il nome di “Statuto” installato di default su admin / struttura / tipi. Aggiungi un nuovo Tipo di contenuto con il nome di “Blog” & inserisci la descrizione in / admin / struttura / tipi / aggiungi.

impostazioni: Selezionare le caselle per la seguente configurazione & salva il nuovo blog tipo di contenuto:

  • Pubblicato
  • Promosso a prima pagina
  • Crea una nuova revisione
  • Mostra le informazioni su autore e data

Il Visualizzazioni le pagine di creazione possono essere utilizzate per creare blocchi in cui il contenuto dinamico viene filtrato in elenchi collegati al nodo principale. Usa il Visualizzazioni impostazioni per includere la data di creazione del post & il nome dell’autore. L’ordine può essere standardizzato per Blog, Messaggi sul forum, & articoli. Ordinare ciascun elenco di contenuti in ordine cronologico crescente / decrescente nella vista.

Come creare una landing page per Drupal usando i pannelli?

Sommario: Dopo il Visualizzazioni blocchi sono creati & salvato per ciascuno Tipo di contenuto, vogliamo crearne uno nuovo pannelli pagina e incorporare il file Visualizzazioni blocchi in un Modello di pannelli.

Come creare una landing page per Drupal usando i pannelli?

Suggerimento: Usa le viste “Aggiungi blocco” funzione per raggruppare tutto il necessario Visualizzazioni blocchi per pannelli in una sezione per una facile amministrazione. Aggiungi un Campo immagine al blog post per contenuti dinamici negli elenchi utilizzando Visualizzazioni che può essere navigato con miniature con dimensioni dell’immagine personalizzate.

Come creare una landing page per Drupal usando i pannelli?

Impostazioni: Creare Visualizzazioni blocchi per Articolo, blog, & Forum messaggi con Contenuto: titolo i campi & informazioni da Autore & Data di pubblicazione elencato nel display da Piu recente orario postale ordinato in Discendente ordine. Salva il Visualizzazioni blocchi per renderli disponibili a pannelli.

Codice: Per questo Visualizza, il Formato è impostato per “Elenco non formattato” con campi. Sotto il campi sezione, Contenuto: Titolo, Contenuto: Autore di, & Revisione del contenuto: Autore attivo i campi sono selezionati per la visualizzazione. Il Autore di il campo è nascosto & riscritto in Autore attivo campo.

Il codice dello snippet per il campo del titolo sovrascrive:

{{title}}

Codice snippet per la sovrascrittura del campo Autore attivo:

Autore di: {{uid}} Data: {{ creato }}

Inserisci questo codice in Configurazione impostazioni per i singoli campi in Riscrivi i risultati. Questo ci dà un output standardizzato sul Visualizzazioni display utilizzabile con Articolo, blog, & Forum nodi in a pannelli pagina via Visualizzazioni blocchi esportare.

Come creare una landing page per Drupal usando i pannelli?

Blocchi visualizzazioni: Clic Aggiungi blocco in Visualizzazioni & cambiare il Tipo di contenuto filtro & Blocco del titolo impostazioni per blog e Forum post. Salva il nuovo Bloccare impostazioni utilizzando valori sovrascritti.

Fase tre: scegliere un modello di layout dei pannelli.

pannelli offre ai publisher Web una serie di diverse scelte di colonne e righe con un sistema modello che può essere utilizzato per creare landing page dinamiche in Drupal 8. Oltre ad aggiungere il Visualizzazioni blocchi creato sopra, i costruttori di siti considereranno anche l’aggiunta di immagini, presentazioni, video, testo personalizzato, animazioni, ecc. alle pagine attraverso il Blocchi di pannelli & Regioni struttura.

dipendenze: Per costruire pannelli pagine in Drupal 8, Dovrai installare anche il Gestore di pagine modulo.

Come creare una landing page per Drupal usando i pannelli?

Nota: Creare un Pagina in PageManager, quindi convertilo in a Pannello. Ogni Pannello region ha la possibilità di includere tag CSS personalizzati per la divisione e la regione che possono essere aggiunti a un tema.

Come creare una landing page per Drupal usando i pannelli?

Impostazioni: Ai fini di questa demo, il “Tre colonne – Stacked” il layout è stato selezionato. Dopo aver salvato queste impostazioni, accedere a Modello di pannelli pagina & Aggiungi il Visualizzazioni blocchi per ogni tipo di contenuto con un titolo per ogni sezione.

Come creare una landing page per Drupal usando i pannelli?

Consigliato: Uso “Blog”, “Articoli”, & “Messaggi sul forum” per i titoli e incorporare il Visualizzazioni blocchi per ogni tipo di contenuto in pannelli colonne.

Salvare le impostazioni per la pagina Pannelli. Ciò richiederà l’impostazione di un indirizzo URL personalizzato.

Come creare una landing page per Drupal usando i pannelli?

Consigliato: Rendi l’URL una parola chiave per una landing page o usa il filtro dinamico dei contenuti con Visualizzazioni per visualizzare il contenuto blocchi in pannelli automaticamente da Tassonomia termine.

Fase quattro: aggiungere modelli di modelli personalizzati, immagini, & Recenti.

Gli amministratori del sito possono eseguire codice HTML / PHP o incorporare personalizzati Visualizzazioni in pannelli blocchi per visualizzare immagini & presentazioni. Esiste una vasta gamma di moduli di contenuti dinamici disponibili gratuitamente con licenza open source per Drupal che creerà automaticamente questi contenuti attraverso la personalizzazione Visualizzazioni ad esempio Visualizza la presentazione & Display a blocchi dinamici.

Installazione: Per completare il Pagina di destinazione, andremo a Drupal 8‘S Bloccare sezione in / admin / struttura / blocco / blocco-contenuto & creare un Intestazione & Footer Block con testo e immagini di benvenuto personalizzati. Gli utenti possono anche incorporare Video Youtube file in queste sezioni.

Come creare una landing page per Drupal usando i pannelli?

Sommario: Gli editori di Drupal possono creare campi e Taxonomy per Tipi di contenuto e filtrare gli elenchi attraverso Visualizzazioni. Questi blocchi possono essere integrati Regioni dei pannelli in Modelli che funzionano di default con quasi tutti Drupal 8 tema.

Fase cinque: sfogliare la libreria di blocchi di pannelli per completare la progettazione della pagina.

Molti installati di terze parti moduli per Drupal creare automaticamente blocchi, menu, & Contenuto dinamico elenchi che possono essere incorporati Regioni dei pannelli. Gli editori Web che utilizzano Drupal per creare landing page possono sfruttare queste risorse navigando su Block Library in pannelli e aggiungendo altri elementi richiesti a Regioni modello.

Come creare una landing page per Drupal usando i pannelli?

Consigliato: Molti editori web utilizzano Drupal 8 per i social network & Le comunità incorporano utenti attivi, editori frequenti, & elenchi di autori con collegamenti a Profilo pagine.

Riepilogo: utilizzare i blocchi di visualizzazioni nei pannelli per filtrare il contenuto dinamico.

Uno dei principali vantaggi di Drupal CMS è l’estensibilità della piattaforma attraverso moduli di terze parti. Gli editori Web possono integrare elementi di contenuto dinamico da questi moduli nei progetti di landing page utilizzando pannelli & Visualizzazioni con le aree della pagina personalizzate con CSS. Usa HTML & Codice PHP per creare progetti più avanzati per la visualizzazione dei contenuti.

Come creare una landing page per Drupal usando i pannelli?

Conclusione

Il design della pagina di destinazione finale ha un elenco di contenuti dinamici per articoli, I post del blog, & Argomenti del forum, con una grafica di ancoraggio e testo introduttivo. Il Tema Bartik viene utilizzato con i collegamenti di menu a Forum. Seguire questi passaggi è un modo efficace per iniziare a creare pagine di destinazione avanzate Drupal 8 con pannelli, Visualizzazioni, & blocchi intorno a un sistema di template con Temi reattivi.

Dai un’occhiata a questi 3 principali servizi di hosting Drupal:

ChemiCloud

Prezzo di partenza:
$ 2.76


Affidabilità
10


Prezzi
9.9


Di facile utilizzo
9.9


Supporto
10


Caratteristiche
9.9

Leggi le recensioni

Visita ChemiCloud

Hostinger

Prezzo di partenza:
$ 0.99


Affidabilità
9.3


Prezzi
9.3


Di facile utilizzo
9.4


Supporto
9.4


Caratteristiche
9.2

Leggi le recensioni

Visita Hostinger

Hosting A2

Prezzo di partenza:
$ 3.92


Affidabilità
9.3


Prezzi
9.0


Di facile utilizzo
9.3


Supporto
9.3


Caratteristiche
9.3

Leggi le recensioni

Visita A2 Hosting

Articoli How-To correlati

  • Come creare una landing page per Drupal 8 usando Display Suite
    novizio
  • Come creare una landing page per Drupal 8 usando le aree tematiche
    novizio
  • Come impostare un forum utenti in Drupal 8?
    novizio
  • Come creare una presentazione animata in Drupal 8
    intermedio
  • Come creare una galleria di immagini usando Views in Drupal 8?
    intermedio
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me