Vi startede for en dag siden med en tutorial om Divi-tema. Hvis du har brug for at vide, hvad det er, kan du læse denne tutorial.
Andre tutorials om Divi-tema
- 5 websteder, der bruger Divi restaurant tema
- Hvordan at tilføje tekst på en WooCommerce produkt på Divi
- Sådan ændres menuen farve mellem sider på Divi
- Funktioner, som du ikke kender til Divi
- Sådan opretter du en skyder på Divi
- Sådan redigeres en brugerrolle på Divi
Hvad vi sagde i vores tidligere tutorial, og som jeg vil sige igen her, er, at Divi er et alsidigt tema (MP), som kan bruges til at oprette en hvilken som helst type tema. I denne nye tutorial giver vi dig noget inspiration ved at vise dig, hvad nogle webstedsejere har gjort ved at bruge Divi til at oprette et websted til deres restaurant.
Restaurantsteder er berømte for at have et meget elegant design. Gennem deres brug af farver, skrifttyper, billeder, menuer, booking, og endda tjenester som catering, restauranter har altid haft brug for websted interessant. Jeg håber, du kan værdsætte Divi's potentiale.
1 - Tony Roma
Tony Roma har et fuldskærmsbillede med en CTA (opfordring til handling) i parallakse. Rulning viser en skraveret sektion med tre klikbare kategorier. Nedenfor vil du se en om sektion med information om restauranten. Placeringer vises på individuelle sider med kontaktoplysninger, åbningstider, et kort, knapper til at se menuen og en knap til leveringstjenesten. Madmenuerne kan downloades i PDF-format. Siden af booking giver kontaktoplysninger for hver af lokationerne. Siden gør fremragende brug af farver og baggrundsbilleder.
2 - Tutta's Pizza
Fra Tutta Pizza vis et fuldskærmsbillede med logoet i et parallaksafsnit med en opfordring til handling Bestil nu i menuen, som vises på en baggrund, der forsvinder under rulning. Dernæst er et afsnit med en parallaksebaggrund og overlejring, menuikoner med svæveanimationer, et Instagram-feed, en CTA-begivenhed og en Kontaktformular. Menuen vises som billeder og tekst med et link til et online bestillingssystem. Siden bruger de interessante baggrundsmønstre på sin branding.
3 - Casa Dorita
Casa Dorita tilbyder et fuldskærmsbillede med logo, slogan og en knap til booking (CTA) i en parallakse baggrund. Det følgende afsnit giver madinformation med et link til madmenuen. Dernæst vil du se en billedskyder med illustrationer, en opdelt sektion med parallakseinfo, en " dagens specialitet Med en reservation (der bruger et integreret reservationssystem), når du svæver over billedet i fuld skærm, vil du vise dig delikatessen og flere andre sektioner på en parallakse baggrund med flere oplysninger om delikatessen, kortplaceringsoplysninger og Kontaktformular. Den tilgængelige menu kan downloades som PDF. Siden gør god brug af farver og skrifttyper.
4 - Den mexicanske
Mexicaneren bruger et design på én side, det viser en baggrund i fuld bredde med en CTA, en artikelskyder, en sektion med links til menupunkter (ved at klikke på disse får du et bredere billede), et afsnit om branding og en Kontaktformular på kortet. Menuen er et interaktivt bestillingssystem, der vises i et modalt vindue. Menuen indeholder klikbare sektioner for at tilføje varer til din indkøbskurv og masser af billeder af retterne. Dette er et af de mest interessante madmenusystemer, jeg har set.
5 - Mendocino Farms
Mendocino Farms viser en fuldskærmsartikelskyder med tilsvarende navigationsmenuer. Menuerne inkluderer CTA'er. Rullemenuen viser ikoner og tekst, der matcher branding-billedet. Når du ruller ned på siden, vises en tagline og tre artikler om virksomheden med svævende animation. Fødevaremenuen viser et link til PDF-versionen efterfulgt af onlineversionen, der viser menuen med kategorier og et billede, menupunkter og priser. Menudesignet er et af de bedste, jeg har set. Placeringssiden ligner en blog-side med de placeringer, der præsenterer sig som indlæg. Artikler til placeringer inkluderer en billedskyder, anmeldelser, parkeringsoplysninger og et kort.
For at opsummere
Du bemærker muligvis, at der er mange muligheder, der tilbydes dig med Divi. Med en masse praksis vil du komme med meget gode websteder. Vi indgår mere detaljeret med specifikke tutorials.
