Vi startade för en dag sedan en tutorial om Divi-tema. Om du behöver veta vad det är kan du läsa den här handledningen.
Andra handledning om Divi-tema
- 5 webbplatser för restaurang användning Divi tema
- Hur man lägger till text på en WooCommerce produkt Divi
- Så här byter du menyfärg mellan sidor på Divi
- Funktioner du inte känner till Divi
- Hur man skapar en reglage på Divi
- Hur man redigerar en användarroll på Divi
Det vi sa i vår tidigare handledning och som jag kommer att säga igen här är att Divi är ett mångsidigt tema (multipurpose), som kan användas för att skapa alla typer av teman. I den här nya tutorialen ger vi dig lite inspiration genom att visa dig vad vissa webbplatsägare har gjort genom att använda Divi för att skapa en webbplats för deras restaurang.
Restaurangwebbplatser är kända för att ha en mycket elegant design. Med sin användning av färger, teckensnitt, bilder, menyer, bokningssystem och till och med tjänster som catering har restauranger alltid behövt en intressant webbplats. Jag hoppas att du kan uppskatta Divis potential.
1 - Tony Roma
Tony Roma har en helbildsbild med en CTA (uppmaning) i parallax. Rulning visar ett skuggat avsnitt med tre klickbara kategorier. Nedanför ser du ett avsnitt om information om restaurangen. Platser visas på enskilda sidor med kontaktinformation, timmar, en karta, knappar för att se menyn och en knapp för leveransservice. Matmenyer kan laddas ner i PDF-format. Bokningssidan ger kontaktinformation för var och en av platserna. Webbplatsen använder utmärkt färg- och bakgrundsbilder.
2 - Tutta's Pizza
Tutta Pizza visa en bild på helskärm med logotypen i ett parallaxavsnitt med en uppmaning Beställ nu ”I menyn som visas på en bakgrund som försvinner under rullning. Nästa är ett avsnitt med en parallax bakgrund och överlägg, menyikoner med svävande animationer, ett Instagram-flöde, ett CTA-evenemang och ett kontaktformulär. Menyn visas som bilder och text med en länk till ett onlinebeställningssystem. Webbplatsen använder de intressanta bakgrundsmönstren för sitt varumärke.
3 - Casa Dorita
Casa Dorita erbjuder en fullbildsbild med logotyp, slogan och reservationsknapp (CTA) i en parallaxbakgrund. Följande avsnitt innehåller information om mat med en länk till matmenyn. Då ser du en bildreglage med illustrationer, ett avsnitt uppdelat med parallaxinfo, ett avsnitt " dagens specialitet Med en reservation (som använder ett integrerat bokningssystem), som svävar över helskärmsbilden kommer du att se charcuteriet och flera andra avsnitt på en parallaxbakgrund med mer information om charcuteriet, platsinformation på kartan och kontaktformuläret. Den tillgängliga menyn kan laddas ner som PDF. Webbplatsen använder färger och typsnitt på ett bra sätt.
4 - Mexikanen
Mexikanern använder en sida design, Den visar en bakgrund i full bredd med en CTA, en artikelreglage, ett avsnitt med länkar till menyalternativ (att klicka på dessa ger dig en bild större), ett avsnitt om varumärke och ett kontaktformulär på kartan. Menyn är ett interaktivt kommandosystem som visas i ett modalt fönster. Menyn innehåller klickbara avsnitt för att lägga till artiklar i din kundvagn och massor av bilder på rätterna. Detta är ett av de mest intressanta matmenysystemen jag har sett.
5 - Mendocino Farms
Mendocino Farms visar en helskärmsartikelreglage med motsvarande navigeringsmenyer. Menyerna inkluderar uppmaningar. I rullgardinsmenyn visas ikoner och text som matchar varumärket. När du rullar ner på sidan visas en tagline och tre företagsartiklar med svävande animering. Matmenyn visar en länk till PDF-versionen följt av onlineversionen som visar menyn med kategorier och en bild, menyalternativ och priser. Menydesignen är en av de bästa jag har sett. Placeringssidan ser ut som en bloggsida med placeringar som presenterar sig som inlägg. Artiklar för platser inkluderar en bildreglage, recensioner, parkeringsinformation och en karta.
För att sammanfatta
Du kanske märker att det finns många möjligheter som erbjuds dig med Divi. Med mycket övning kommer du att hitta mycket bra webbplatser. Vi kommer att gå mer in i detalj med specifika handledning.