Panoramica del tema per bambini Divi Chef

Il tema bambino Divi Chef è stato progettato pensando ai siti web dei ristoranti. Viene fornito con molte pagine di cui i ristoranti hanno bisogno e include due tipi di post personalizzati per mostrare i tuoi menu di cibo e gli eventi imminenti. In questo articolo, daremo un'occhiata al tema figlio Divi Chef e vedremo cosa è incluso per aiutarti a decidere se si adatta alle tue esigenze.

Installazione di Divi Chef

L'installazione funziona come un tema normale. Con Divi attivato, carica e attiva il tema figlio Divi Chef.

Una volta attivato il tema figlio Divi Chef, vedrai una nuova voce di menu chiamata Importa demo . Seleziona questo e vedrai una semplice schermata di importazione in cui puoi scegliere cosa importare. Tutto è selezionato per impostazione predefinita. Fare clic su Importa contenuto demo e attendere il completamento dell'importazione.

Una volta completata l'importazione, il tuo sito web assomiglierà alla demo. Includerà la homepage e i menu già presenti. Diverse immagini sono immagini fittizie e mostrano le dimensioni della posizione dell'immagine.

Diamo un'occhiata alle pagine e alle caratteristiche.

Divi Chef Child Theme Pages and Features

Le caratteristiche includono pagine di ristoranti rifatti, più tipi di post per menu ed eventi, menu di cibo filtrabili, più intestazioni, più piè di pagina, più blog e layout di post, contatti e una pagina di prenotazione. Ciascuna delle pagine include l'intestazione con il titolo della pagina. La maggior parte delle pagine e dei layout vengono aggiunti alla Libreria Divi.

Divi Chef Child Theme Home Page

La sezione dell'eroe mostra un'immagine di sfondo a schermo intero in parallasse. La sua sovrapposizione mostra un messaggio in un carattere elegante sopra una piccola immagine.

La sezione successiva mostra la storia del ristorante e include un collegamento alla pagina Informazioni.

Un CTA a schermo intero per l'affare del giorno mostra un'immagine di sfondo in parallasse con un pulsante per effettuare una prenotazione.

Un menu di cibo mostra immagini con il nome, la descrizione e il prezzo. Il menu include anche un filtro, quindi i visitatori vedono il cibo in base al pasto.

La sezione blog mostra una griglia.

I clienti possono prenotare un tavolo utilizzando il modulo a schermo intero in stile. Il modulo include un'immagine di sfondo a schermo intero e campi per il nome, l'e-mail, la data, il numero di posti, il telefono e l'ora.

Un cursore di testimonianza a tutta larghezza mostra un'immagine circolare accanto al testo.

La galleria mostra le immagini in una griglia. Sto passando il mouse sull'immagine in alto a destra per mostrarne la sovrapposizione.

Gli eventi imminenti vengono mostrati come schede con una data, un titolo e l'ora in stile in una sovrapposizione sull'immagine in primo piano.

I contatori numerici mostrano le statistiche con icone su un'immagine di sfondo in parallasse.

Le informazioni di contatto includono un'immagine grande su un lato e le informazioni sull'altro. Il numero di telefono è cliccabile.

Divi Chef About Page

La pagina Informazioni sul tema figlio di Divi Chef include alcuni elementi della home page e aggiunge una sezione con due colonne di testo, una sezione a tre colonne con etichette numerate e un invito all'azione con due pulsanti.

Pagina del menu

La pagina del menu visualizza il menu degli alimenti in base alle sue categorie. Ogni categoria include un titolo nell'elegante carattere.

Pagina menu filtrabile

La pagina Menu filtrabile mostra un menu di cibo, ma invece di mostrare ciascuna delle categorie sotto un titolo con tutte le categorie mostrate, il filtro ti consente di vedere le categorie specifiche che desideri.

Pagina Eventi

La pagina Eventi mostra gli eventi come nella home page ma ne aggiunge molti altri.

Pagine del blog di Divi Chef

Il tema figlio Divi Chef ha tre diverse pagine del blog. Il primo mostra i post del blog in due colonne con una barra laterale destra. Include l'intestazione con un'immagine a larghezza intera e un titolo nella sovrapposizione.

Il secondo design del blog mostra i post a tutta larghezza e una barra laterale destra.

Il terzo design del blog mostra i post in un layout alternato.

Contatto

La pagina Contatti visualizza un modulo in stile accanto al testo per ulteriori informazioni. Una riga sotto mostra le informazioni di contatto seguite da una mappa a larghezza intera.

Prenotazione

La pagina Prenotazione include informazioni di contatto e un modulo di prenotazione.

intestazioni

Ci sono cinque intestazioni tra cui scegliere. Tutti tranne la prima intestazione sono stati creati con Divi Builder e sono disponibili nella libreria Divi. L'intestazione predefinita mostra le voci di menu con un carattere grande e include un colore giallo in grassetto per il collegamento attivo. Ha uno sfondo traslucido che diventa giallo mentre si scorre. I sottomenu visualizzano uno sfondo bianco con testo di grandi dimensioni.

La seconda intestazione posiziona i collegamenti del menu al centro, le icone dei social follow a sinistra e un contatto CTA a destra. I sottomenu aggiungono una linea gialla.

La terza intestazione posiziona il logo sopra il menu al centro. Le icone di follow social e una casella di ricerca sono posizionate con i collegamenti.

L'intestazione quattro ha due righe. La riga superiore include il logo a sinistra e le informazioni di contatto cliccabili a destra. La seconda riga include le voci di menu e un'icona di ricerca a sinistra e le icone dei social follow a destra. Questa è la più complessa delle intestazioni.

La quinta intestazione mostra il logo a sinistra, i collegamenti al centro e un CTA a destra.

Piè di pagina

Ci sono quattro piè di pagina tra cui scegliere. Sono stati creati con Divi Builder e sono disponibili nella libreria Divi. Il primo piè di pagina viene assegnato come piè di pagina globale nel generatore di temi e include diversi moduli di testo e un modulo per seguire i social media.

Il modulo di testo in basso include le informazioni sul tema figlio. Un bordo chiaro in alto lo separa dal resto del piè di pagina. Questo è un piè di pagina rivelato, quindi rimane al suo posto mentre la sezione sopra si alza come una tenda.

Il secondo piè di pagina è più grande e aggiunge un modulo di iscrizione via email.

Il terzo piè di pagina ha uno sfondo bianco e ha aggiunto ulteriori informazioni.

Il piè di pagina quattro è più semplice e include uno sfondo bianco. La navigazione è impilata a sinistra e i link di follow social sono impilati a destra. Una breve descrizione è posta al centro.

Il piè di pagina cinque è il più semplice e include uno sfondo bianco e posiziona i collegamenti del menu in una pila al centro e posiziona le icone dei social media in orizzontale.

Tipi di post Divi Chef

Il tema figlio Divi Chef include due tipi di post integrati: Menu ristorante ed Eventi.

Menu Ristorante

Il menu del ristorante include un editor in cui è possibile aggiungere contenuto, prezzo, ingredienti, categorie, ordine e immagine in primo piano.

Questo tipo di post aggiunge due moduli a Divi Builder: uno filtrato e uno non filtrato. Entrambi i moduli ti consentono di scegliere il numero di elementi che verranno visualizzati e includeranno le opzioni di stile Divi standard.

Le voci di menu vengono visualizzate nell'elenco dei tipi di post del menu del ristorante in cui è possibile eseguire le azioni standard per i post.

Eventi

Eventi include un editor in cui è possibile aggiungere contenuto, nome dell'organizzatore, data, ora, costo, numero di telefono, e-mail, ordine e immagine in primo piano.

I post per gli eventi sono chiari e di facile lettura.

Il tipo di post Eventi aggiunge un modulo a Divi Builder chiamato Divi Chef Events. Seleziona il numero di eventi da visualizzare e modellalo con le opzioni Divi standard.

Gli eventi sono elencati nel tipo di post come qualsiasi post.

Menu di navigazione Divi Chef

Tre menu di navigazione vengono aggiunti a WordPress, con il menu principale applicato automaticamente. Gli altri sono disponibili per essere utilizzati con i piè di pagina o in alternativa al menu principale.

Layout del generatore di temi Divi Chef

I layout di Theme Builder includono piè di pagina personalizzati, pagine di archivio, risultati di ricerca, layout di post e una pagina 404.

Layout dei post

Il tema figlio Divi Chef include 4 diversi layout di post. Questo layout mostra il titolo in un'intestazione a larghezza intera con un'immagine di sfondo, il contenuto e una barra laterale con una ricerca in stile, i post recenti e le categorie. Aggiunge anche la navigazione dei post. Gli altri layout seguono un design simile e includono un'immagine in primo piano più piccola, barre laterali, immagini in primo piano a schermo intero o nessuna barra laterale.

Questo è Post Layout 2, che mostra un'immagine in primo piano più piccola e nessuna barra laterale.

404 Pagina

La pagina 404 include un'immagine da un lato e un messaggio e una casella di ricerca dall'altro. Le icone di follow social si trovano al centro.

Dove acquistare Divi Chef Child Theme

Il tema figlio Divi Chef è disponibile nel Divi Marketplace. Costa $ 39 e include l'utilizzo illimitato del sito Web e un anno di supporto e aggiornamenti.

Pensieri finali

Questo è il nostro sguardo al tema figlio Divi Chef di Divi Extended. È stato progettato per i siti Web di ristoranti e il design si adatta perfettamente al genere. Le pagine e i tipi di post personalizzati sono quelli che ti aspetteresti di vedere sul sito web di un ristorante. Mi piace particolarmente il menu del cibo.

Non include funzionalità di shopping online, come ordinare e pagare online per il ritiro, quindi potrebbe non essere l'ideale per ogni tipo di ristorante. Tuttavia, le funzionalità di prenotazione lo rendono ideale per i ristoranti con cena.

Vogliamo sentire da voi. Hai provato il tema bambino Divi Chef? Fateci sapere la vostra esperienza nei commenti.

Immagine in primo piano via maryna rodyukova / shutterstock.com