Bir gün önce bir öğretici ile başladık. Divi teması. Ne olduğunu bilmeniz gerekiyorsa, bu öğreticiyi okuyabilirsiniz.
Divi konulu diğer dersler
- restoran kullanımı Divi tema için 5 siteleri
- Bir WooCommerce ürün Divi metni nasıl eklenir
- Divi sayfaları arasındaki menü rengini değiştirme
- Divi hakkında bilmediğiniz özellikler
- Divi'de kaydırıcı nasıl oluşturulur
- Divi'de bir kullanıcı rolü nasıl düzenlenir
Önceki dersimizde söylediklerimiz ve burada tekrar söyleyeceğim, Divi'nin çok yönlü bir tema olduğu.çok amaçlı), herhangi bir tema türü oluşturmak için kullanılabilir. Bu eğitici yazıda, bazı web sitesi sahiplerinin Divi kullanarak restoranlarına yönelik bir site oluşturmak için neler yaptıklarını size göstererek size ilham verecek.
Restoran siteleri çok zarif bir tasarıma sahip olmaları ile ünlüdür. Renkleri, yazı tiplerini, resimleri, menüleri kullanarak, rezervasyonve hatta catering, restoranlar gibi hizmetlere her zaman ihtiyaç duyulmuştur. web sitesi ilginç. Umarım Divi'nin potansiyelini takdir edersiniz.
1 - Tony Roma
Tony Roma CTA’lı bir tam ekranharekete geçirme ifadesi) paralaks içinde. Kaydırma, üç tıklanabilir kategoriye sahip gölgeli bir bölüm görüntüler. Aşağıda, restoran hakkında bilgi içeren bir bölüm göreceksiniz. Konumlar, iletişim bilgileri, saatler, bir harita, menüyü görüntülemek için düğmeler ve teslimat hizmeti için bir düğme ile ayrı sayfalarda görüntülenir. Yemek menüleri PDF formatında indirilebilir. sayfası rezervasyon konumların her biri için iletişim bilgileri sağlar. Site, renk ve arka plan resimlerinden mükemmel bir şekilde yararlanmaktadır.
2 - Tutta'nın Pizzası
Tutta Pizza logolu bir tam ekran görüntüyü harekete geçirme ifadesiyle bir paralaks bölümünde görüntülemek Şimdi Sipariş kaydırma sırasında kaybolan bir arka planda görüntülenen menüde. Sırada paralaks arka planı ve kaplaması olan bir bölüm, fareyle üzerine gelme animasyonlu menü simgeleri, bir Instagram beslemesi, bir CTA etkinliği ve bir İletişim formu. Menü, bir çevrimiçi sipariş sistemine bağlantı içeren resimler ve metin olarak görüntülenir. Site, markasında ilginç arka plan desenleri kullanıyor.
3 - Casa Dorita
Casa Dorita logo, slogan ve butonun yer aldığı tam ekran görüntü sunar. rezervasyon (CTA) paralaks arka planda. Aşağıdaki bölümde yemek menüsüne bağlantı içeren yemek bilgileri verilmektedir. Daha sonra, resimler içeren bir görüntü kaydırıcısı, paralaks bilgilerinin bulunduğu bölünmüş bir bölüm, bir " günün uzmanlığı Rezervasyonlu (Entegre rezervasyon sistemi kullananlar), tam ekran görüntünün üzerine gelindiğinde şarküteri ve şarküteri hakkında daha fazla bilgi, harita konum bilgisi ve İletişim formu. Mevcut menü PDF olarak indirilebilir. Site, renk ve yazı tiplerini iyi kullanır.
4 - Meksikalı
Mexican tek sayfalık bir tasarım kullanıyor. CTA içeren tam genişlikte bir arka plan, bir makale kaydırıcısı, menü öğelerine bağlantı içeren bir bölüm (bunlara tıkladığınızda daha geniş bir resme sahip olursunuz), markalamayla ilgili bir bölüm ve bir İletişim formu haritada. Menü, kalıcı bir pencerede görüntülenen etkileşimli bir sipariş sistemidir. Menüde sepetinize ürün eklemek için tıklanabilir bölümler ve yemeklerin bol miktarda resmi bulunur. Bu gördüğüm en ilginç yemek menüsü sistemlerinden biri.
5 - Mendocino Çiftlikleri
Mendocino Çiftlikleri ilgili gezinme menüleri ile tam ekran bir makale kaydırıcısı görüntüler. Menüler, CTA'ları içerir. Açılır menü, markayla eşleşen simgeleri ve metni görüntüler. Sayfayı aşağı kaydırdıkça, bir slogan ve fareyle üzerine gelme animasyonlu üç şirket makalesi gösterecektir. Yiyecek menüsünde PDF sürümüne bir bağlantı ve ardından kategoriler ve bir resim, menü öğeleri ve fiyatlar içeren menüyü görüntüleyen çevrimiçi sürüm görüntülenir. Menü tasarımı gördüğüm en iyilerden biri. Yerleşimler sayfası, kendilerini gönderi olarak sunan yerleşimlere sahip bir blog sayfası gibi görünür. Konumlarla ilgili makaleler bir resim kaydırıcısı, incelemeler, park etme bilgileri ve bir harita içerir.
Özetlemek
Divi ile size sunulan birçok seçenek olduğunu fark edebilirsiniz. Çok fazla pratikle, çok iyi web siteleri ortaya çıkacak. Belirli derslerle daha ayrıntılı olarak gireceğiz.
