Come creare una landing page per Drupal 8 usando le aree tematiche

introduzione

Questo lezione mostrerà come usare Drupal 8 regioni tematiche con menu, blocchi, & Visualizzazioni per creare landing page per un sito Web basato su URL di parole chiave.


  • Problema: Qual è il modo migliore per costruire blocchi personalizzati per Pagine di destinazione in Drupal 8? Come posizionarlo blocchi su Pagine di destinazione e aggiungi stili CSS o JavaScript personalizzati?
  • Soluzione:Drupal 8 editori che devono aggiungere maggiore complessità a Pagine di destinazione può costruire intorno blocchi con Visualizzazioni e aggiungi il codice HTML / PHP personalizzato in D8 Admin.

Costruire attorno al nucleo Pagina nodi o creazione Bloccare strategie di pubblicazione con contenuti dinamici per blog & Articolo i nodi sono opzioni che possono essere utilizzate insieme a Pagine di destinazione.

Iniziamo.

Step One: Installa & Configurare il modulo PathAuto.

Il Pathauto modulo per Drupal 8 funziona con URL puliti per generare strutture di percorsi SEO-friendly per i nodi. Pathauto utilizza le parole chiave dai titoli di pagina per creare l’URL, portando a un posizionamento più elevato nei motori di ricerca. Pathauto può anche essere configurato per supportare Tipi di contenuto con parole chiave URL personalizzate come / Articoli / page-title o / Blogs / page-title.

Come creare una landing page per Drupal 8 usando le aree tematiche

Primo: Installa e abilita il Pathauto modulo in / admin / modules insieme ai moduli di dipendenza cTools & Gettone tramite caricamento di file o inserendo il percorso in Drupal 8 amministrazione.

Suggerimento: Se il tuo sito ha un ruolo per gli amministratori, assicurati di impostare le autorizzazioni del modulo per Pathauto per abilitare il supporto dell’editor.

Come creare una landing page per Drupal 8 usando le aree tematiche

Il prossimo: Navigare verso / admin / config / Ricerca / percorso / impostazioni e rivedere le impostazioni. Quindi definire i modelli a livello di sito per la struttura degli URL con Pathauto a / admin / config / Ricerca / percorso / modelli utilizzando la parola chiave per abbinare i tipi di contenuto.

  • Per il tipo di contenuto “Articoli” impostare il modello di percorso su: Articolo / [node: titolo]
  • Per il tipo di contenuto “Blog” impostare il modello di percorso su: blog / [node: titolo]

Finire: Prenditi del tempo per sviluppare una strategia URL a livello di sito per SEO, Blocks, & Menu di navigazione impostando i percorsi per Tipi di contenuto, Forum, & Tassonomia condizioni.

Come creare una landing page per Drupal 8 usando le aree tematiche

Altri token che possono essere utilizzati per le impostazioni di configurazione sono:

  • Forum: forum / [node: titolo] & forum / [termine: nome]
  • Tag tassonomia: tags / [termine: nome]
  • Profili utente: utente / [utente: conto-name]
  • Pagine di destinazione & Navigazione: [Nodo: titolo]

Debug: Se la “Token disponibili” la finestra pop-up non appare quando si seleziona Tipi di pattern sul impostazioni pagina, vai a Prestazione e disabilita l’aggregazione JavaScript.

Passaggio due: creare qualsiasi pagina di tipo di contenuto.

Pathauto sarà ora configurato per creare automaticamente URL per pagine pubblicate come blog, articoli, forum, ecc. che includono informazioni che possono essere passate a Drupal 8 blocchi.

  • Durante la creazione blog pagine, la struttura dell’URL sarà: / Blog / sito-titolo-per-seo
  • Durante la creazione Articolo pagine, la struttura dell’URL sarà: / Articoli / text-titolo-per-post

Il prossimo: Vai a / Node / add e creare un nuovo articolo & Post di blog per il tuo sito. Quindi vai al blocchi sezione a / Admin / struttura / blocco & clicca sul “Libreria di blocchi personalizzati” linguetta.

Come creare una landing page per Drupal 8 usando le aree tematiche

Il prossimo: Clicca sul bottone “Aggiungi blocco personalizzato”. A livello tecnico, il blocco può contenere codice HTML o PHP ed essere utilizzato per testo, immagini o altri incorporamenti come video.

Il prossimo: Crea e salva il file Bloccare. Quindi tornare al Layout a blocchi scheda. Dovresti vedere il tuo nuovo Bloccare elencato in entrambe le sezioni della sezione amministrazione.

Come creare una landing page per Drupal 8 usando le aree tematiche

Finire: Rivedi il Blocca regioni disponibile nel tuo Drupal 8 tema & clic “Posiziona blocco” per aggiungere il tuo design personalizzato al display.

Passaggio tre: aggiungere un nuovo blocco alla pagina per URL.

Il Drupal 8 Block la pagina di configurazione ha tutte le impostazioni richieste per il posizionamento a grana fine degli elementi di design nelle pagine CMS per codice, URL o tipo di contenuto.

Il prossimo: In questo esempio, inseriremo blocchi diversi sugli articoli & Pagine del blog in base alla struttura dell’URL sopra creata con Pathauto.

Come creare una landing page per Drupal 8 usando le aree tematiche

Il prossimo: Rivedi il Bloccare impostazioni di configurazione e fare clic su “Pagine” scheda. Aggiungi l’URL / Blog / * alla configurazione in modo che il blocco venga visualizzato su tutte le pagine del blog sul sito Web.

Finire: Ripeti il ​​processo dall’inizio creando un secondo nuovo Bloccare nella biblioteca. Quindi posizionare il blocco nello stesso Regione tematica e aggiungi l’URL /articolo/* alle impostazioni.

Con questa soluzione, dovresti avere due blocchi con codice personalizzato nella stessa area della barra laterale del tema, con un blocco visualizzato su tutto blog pagine, & un blocco visualizzato su tutto Articolo pagine.

Fase quattro: costruire blocchi di visualizzazioni per contenuti dinamici.

Con Drupal 8, puoi utilizzare blocchi personalizzati per aggiungere qualsiasi tipo di contenuto alle pagine del tuo sito Web, come immagini, video o Google Adsense codice & costruire campagne mirate sulle sezioni del sito.

Suggerimento: Per display più avanzati con contenuti dinamici dal tuo CMS, usa Visualizzazioni blocchi per creare il filtro con lo stesso Pathauto metodo di configurazione per il posizionamento.

Come creare una landing page per Drupal 8 usando le aree tematiche

Suggerimento: Con Visualizzazioni, puoi creare elenchi personalizzati di contenuti dinamici da cataloghi e-commerce, contenuti di forum o post di blog. Uso Immagini in miniatura & Titoli nodo per collegamenti a contenuti.

Conclusione: utilizzare gli URL delle parole chiave per la pubblicazione a blocchi.

Sia che tu scelga di creare blocchi personalizzati Drupal 8 con codice HTML / PHP o uso Visualizzazioni per filtrare il contenuto dinamico dal database, assicurarsi di utilizzare il URL PathAuto impostazioni per il posizionamento. Con questo, puoi avere pubblicità personalizzata su diversi tipi di contenuto o sezioni del sito.

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 usando i pannelli?
    intermedio
  • Come creare una landing page per Drupal 8 usando Display Suite
    novizio
  • Come impostare un forum utenti in Drupal 8?
    novizio
  • Come creare una presentazione animata in Drupal 8
    intermedio
  • Come installare & Usa Twitter Bootstrap come tema Drupal 8
    novizio
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me