Pred týždňom sme začali tutorial na internete Divi téma, Ak potrebujete vedieť, čo to je, môžete si prečítať tento návod.
Ďalšie návody na tému Divi
- 5 webové stránky pre použitie v hoteli Divi tému
- Ako pridať text na produktoch Divi WooCommerce
- Ako zmeniť farbu ponuky medzi stránkami v programe Divi
- Funkcie, ktoré o Divi neviete
- Ako vytvoriť posúvač na Divi
- Ako upraviť rolu používateľa v Divi
To, čo sme povedali v našom predchádzajúcom návode a že tu znova poviem, je, že Divi je univerzálna téma (viacúčelový), ktoré sa dajú použiť na vytvorenie ľubovoľného typu témy. V tomto novom tutoriále vám poskytneme inšpiráciu tým, že vám ukážeme, čo urobili niektorí vlastníci webových stránok pomocou služby Divi na vytvorenie stránky pre svoju reštauráciu.
Reštauračné stránky sú známe tým, že majú veľmi elegantný dizajn. Používaním farieb, fontov, obrázkov, ponúk, rezervovať, a dokonca aj služby, ako je catering, reštaurácie vždy potrebovali webové stránky zaujímavé. Dúfam, že dokážete oceniť potenciál Divi.
1 - Tony Roma
Tony Roma má obrázok na celú obrazovku s CTA (výzva na akciu) v paralaxe. Posúvaním sa zobrazí tieňovaná sekcia s tromi kategóriami, na ktoré sa dá kliknúť. Nižšie uvidíte sekciu Informácie s informáciami o reštaurácii. Na jednotlivých stránkach sú zobrazené lokality s kontaktnými údajmi, otváracími hodinami, mapou, tlačidlami na zobrazenie menu a tlačidlom doručovacej služby. Jedálny lístok je možné stiahnuť vo formáte PDF. Stránka rezervovať poskytuje kontaktné informácie pre každé z miest. Stránka výborne využíva farby a obrázky na pozadí.
2 - Tutta's Pizza
tutti Pizza zobrazte na celej obrazovke obrázok s logom v časti paralaxy s výzvou na akciu Objednať teraz v menu, ktoré sa zobrazuje na pozadí, ktoré počas rolovania zmizne. Nasleduje sekcia s pozadím paralaxy a prekrytím, ikonami ponuky s animáciami pri vznášaní sa, informačným kanálom Instagramu, udalosťou CTA a Kontaktný formulár. Menu sa zobrazuje ako obrázky a text s odkazom na online objednávkový systém. Stránka používa na svojej značke zaujímavé vzory pozadia.
3 - Casa Dorita
Casa Dorita ponúka obrázok na celej obrazovke s logom, sloganom a tlačidlom na rezervovať (CTA) na pozadí paralaxy. Nasledujúca časť poskytuje informácie o potravinách s odkazom na jedálny lístok. Ďalej uvidíte posúvač obrázkov s ilustráciami, delenú časť s informáciami o paralaxe, „ špecialita dňa S rezerváciou (ktorý používa integrovaný rezervačný systém), umiestnením kurzora myši na obrázok na celú obrazovku sa vám zobrazí lahôdky a niekoľko ďalších sekcií na pozadí paralaxy s ďalšími informáciami o lahôdkach, informáciami o polohe na mape a Kontaktný formulár. Dostupné menu si môžete stiahnuť ako PDF. Stránka dobre využíva farby a fonty.
4 - Mexičan
Mexičan používa jednostránkový dizajn, zobrazuje pozadie na celú šírku s CTA, posúvač článku, sekciu s odkazmi na položky ponuky (kliknutím na ne získate širší obrázok), sekciu o značke a Kontaktný formulár na mape. Menu je interaktívny objednávkový systém, ktorý sa zobrazuje v modálnom okne. Menu obsahuje klikacie sekcie na pridanie položiek do košíka a množstvo obrázkov jedál. Toto je jeden z najzaujímavejších systémov jedálneho lístka, aký som kedy videl.
5 - Farmy Mendocino
Mendocino Farms zobrazí posúvač článku na celú obrazovku s príslušnými navigačnými ponukami. Menu zahŕňajú CTA. V rozbaľovacej ponuke sa zobrazujú ikony a text, ktoré sa zhodujú s obrázkom značky. Pri posúvaní stránky nadol sa zobrazí slogan a tri články spoločnosti s animáciou vznášania. V ponuke jedál sa zobrazuje odkaz na verziu PDF, po ktorej nasleduje online verzia, ktorá zobrazuje ponuku s kategóriami a obrázkom, položkami ponuky a cenami. Dizajn menu je jeden z najlepších, aké som videl. Stránka umiestnení vyzerá ako stránka blogu s umiestneniami, ktoré sa prezentujú ako príspevky. Články o miestach zahŕňajú posúvač obrázkov, recenzie, informácie o parkovaní a mapu.
Aby som to zhrnul
Môžete si všimnúť, že existuje veľa možností, ktoré vám ponúka Divi. S množstvom praxe prídete s veľmi dobrými webovými stránkami. Podrobnejšie zadáme konkrétne návody.
