We zijn een dag geleden begonnen met een tutorial over de Divi-thema. Als u wilt weten wat het is, kunt u deze zelfstudie lezen.
Andere tutorials over Divi-thema
- 5 websites voor restaurant gebruik Divi thema
- Hoe u tekst toe te voegen op een WooCommerce product Divi
- Hoe de menukleur tussen pagina's op Divi te veranderen
- Functies die u niet kent over Divi
- Hoe maak je een schuifregelaar op Divi
- Hoe een gebruikersrol op Divi te bewerken
Wat we in onze vorige tutorial hebben gezegd en dat ik hier nog een keer zal zeggen, is dat Divi een veelzijdig thema is (multipurpose), die kan worden gebruikt om elk type thema te maken. In deze nieuwe tutorial zullen we je wat inspiratie geven door je te laten zien wat sommige website-eigenaren hebben gedaan door Divi te gebruiken om een site voor hun restaurant te maken.
Restaurantsites staan bekend om hun zeer elegante ontwerp. Door hun gebruik van kleuren, lettertypen, afbeeldingen, menu's, reservering, en zelfs diensten zoals catering, restaurants hebben altijd nodig gehad website interessant. Ik hoop dat u het potentieel van Divi kunt waarderen.
1 - Tony Roma
Tony Roma heeft een afbeelding op volledig scherm met een CTA (oproep tot actie) in parallax. Scrollen geeft een gearceerd gedeelte weer met drie klikbare categorieën. Daaronder ziet u een over-gedeelte met informatie over het restaurant. Locaties worden weergegeven op afzonderlijke pagina's met contactgegevens, openingstijden, een kaart, knoppen om het menu te bekijken en een knop voor de bezorgservice. De voedselmenu's zijn te downloaden in pdf-formaat. De pagina van reservering biedt contactgegevens voor elk van de locaties. De site maakt uitstekend gebruik van kleur- en achtergrondafbeeldingen.
2 - Tutta's Pizza
Van Tutta Pizza een afbeelding op volledig scherm weergeven met het logo in een parallax-gedeelte met een call-to-action Beginnen in het menu dat wordt weergegeven op een achtergrond die verdwijnt tijdens het scrollen. Het volgende is een sectie met een parallax-achtergrond en -overlay, menupictogrammen met hover-animaties, een Instagram-feed, een CTA-evenement en een Contact formulier. Het menu wordt weergegeven als afbeeldingen en tekst met een link naar een online bestelsysteem. De site gebruikt de interessante achtergrondpatronen op zijn branding.
3 - Casa Dorita
Casa Dorita biedt een afbeelding op volledig scherm met het logo, de slogan en een knop om reservering (CTA) op een parallaxachtergrond. Het volgende gedeelte biedt voedselinformatie met een link naar het voedselmenu. Vervolgens ziet u een afbeeldingsschuifregelaar met illustraties, een verdeeld gedeelte met parallax-info, een “ specialiteit van de dag Met een reservering (die een geïntegreerd boekingssysteem gebruikt), als u de muisaanwijzer op het volledige scherm plaatst, ziet u de delicatessenwinkel en verschillende andere secties op een parallax-achtergrond met meer informatie over de delicatessenwinkel, informatie over de locatie op de kaart en de Contact formulier. Het beschikbare menu kan als pdf worden gedownload. De site maakt goed gebruik van kleur en lettertypen.
4 - De Mexicaan
De Mexicaan gebruikt een ontwerp van één pagina. Het toont een achtergrond over de volledige breedte met een CTA, een artikelschuifregelaar, een sectie met links naar menu-items (door hierop te klikken krijgt u een bredere afbeelding), een sectie over branding en een Contact formulier op de kaart. Het menu is een interactief bestelsysteem dat wordt weergegeven in een modaal venster. Het menu bevat klikbare secties om items aan uw winkelwagen toe te voegen en veel afbeeldingen van de gerechten. Dit is een van de meest interessante voedselmenusystemen die ik heb gezien.
5 - Mendocino Farms
Mendocino boerderijen geeft een artikelschuifregelaar op volledig scherm weer met bijbehorende navigatiemenu's. De menu's bevatten CTA's. Het vervolgkeuzemenu geeft pictogrammen en tekst weer die overeenkomen met de merkafbeelding. Terwijl u naar beneden scrolt, ziet u een slogan en drie artikelen over het bedrijf met een hover-animatie. Het voedselmenu toont een link naar de pdf-versie, gevolgd door de online-versie die het menu met categorieën en een afbeelding, menu-items en prijzen weergeeft. Het menu-ontwerp is een van de beste die ik heb gezien. De plaatsingenpagina ziet eruit als een blogpagina met de plaatsingen die zichzelf presenteren als berichten. Artikelen voor locaties bevatten een afbeeldingsschuifregelaar, recensies, parkeerinformatie en een kaart.
Samenvatten
Je merkt misschien dat er veel mogelijkheden zijn die je met Divi worden aangeboden. Met veel oefening kom je op zeer goede websites. We zullen meer in detail ingaan met specifieke tutorials.
