เราเริ่มต้นเมื่อวันก่อนสอนเกี่ยวกับ ธีม Divi. หากคุณจำเป็นต้องรู้ว่ามันคืออะไรคุณสามารถอ่านบทช่วยสอนนี้
บทเรียนอื่น ๆ เกี่ยวกับชุดรูปแบบ Divi
- เว็บไซต์ 5 สำหรับการใช้งานร้านอาหาร Divi ธีม
- วิธีการเพิ่มข้อความบน Divi สินค้า WooCommerce
- วิธีการเปลี่ยนสีของเมนูระหว่างหน้าบน Divi
- คุณสมบัติที่คุณไม่รู้เกี่ยวกับ Divi
- วิธีสร้างแถบเลื่อนบน Divi
- วิธีแก้ไขบทบาทผู้ใช้บน Divi
สิ่งที่เราพูดในการกวดวิชาก่อนหน้าของเราและฉันจะพูดอีกครั้งที่นี่คือ Divi เป็นชุดรูปแบบที่หลากหลาย (อเนกประสงค์) ซึ่งสามารถใช้เพื่อสร้างชุดรูปแบบใด ๆ ในบทช่วยสอนใหม่นี้เราจะให้แรงบันดาลใจแก่คุณโดยแสดงให้คุณเห็นว่าเจ้าของเว็บไซต์บางคนทำอะไรโดยใช้ Divi เพื่อสร้างเว็บไซต์สำหรับร้านอาหารของพวกเขา
ร้านอาหารเป็นที่ทราบกันดีว่ามีการออกแบบที่หรูหรามาก ด้วยการใช้สีแบบอักษรรูปภาพเมนูระบบการจองและแม้แต่บริการต่างๆเช่นการจัดเลี้ยงร้านอาหารจึงจำเป็นต้องมีเว็บไซต์ที่น่าสนใจเสมอ ฉันหวังว่าคุณจะชื่นชมศักยภาพของ Divi
1 - โทนี่โรมา
โทนีโรมา มีภาพเต็มหน้าจอที่มี CTA (เรียกร้องให้ดำเนินการ) ใน parallax การเลื่อนจะแสดงส่วนที่แรเงาด้วยสามหมวดหมู่ที่คลิกได้ ด้านล่างนี้คุณจะเห็นส่วนเกี่ยวกับข้อมูลเกี่ยวกับร้านอาหาร สถานที่จะปรากฏในแต่ละหน้าพร้อมข้อมูลการติดต่อชั่วโมงแผนที่ปุ่มเพื่อดูเมนูและปุ่มสำหรับบริการจัดส่ง เมนูอาหารสามารถดาวน์โหลดได้ในรูปแบบ PDF หน้าการจองให้ข้อมูลติดต่อสำหรับแต่ละสถานที่ เว็บไซต์ใช้ประโยชน์จากสีและภาพพื้นหลังได้อย่างยอดเยี่ยม
2 - Tutta's Pizza
Tutta พิซซ่า แสดงภาพเต็มหน้าจอพร้อมโลโก้ในส่วนพารัลแลกซ์พร้อมคำกระตุ้นการตัดสินใจ สั่งซื้อตอนนี้ ” ในเมนูที่แสดงบนพื้นหลังซึ่งจะหายไประหว่างการเลื่อน ถัดไปเป็นส่วนที่มีพื้นหลังและภาพซ้อนทับแบบพารัลแลกซ์ไอคอนเมนูที่มีภาพเคลื่อนไหวเมื่อวางเมาส์ฟีด Instagram เหตุการณ์ CTA และแบบฟอร์มการติดต่อ เมนูจะแสดงเป็นรูปภาพและข้อความพร้อมลิงก์ไปยังระบบสั่งซื้อออนไลน์ ไซต์ใช้รูปแบบพื้นหลังที่น่าสนใจในการสร้างแบรนด์
3 - คาซาโดริต้า
Casa Dorita ให้ภาพเต็มหน้าจอพร้อมโลโก้สโลแกนและปุ่มสำรอง (CTA) ในพื้นหลังพารัลแลกซ์ ส่วนต่อไปนี้ให้ข้อมูลเกี่ยวกับอาหารพร้อมลิงค์ไปยังเมนูอาหาร จากนั้นคุณจะเห็นแถบเลื่อนรูปภาพพร้อมภาพประกอบส่วนที่แบ่งออกเป็นข้อมูลพารัลแลกซ์ส่วน " พิเศษของวัน ด้วยการจองผู้ใช้ระบบการจองแบบรวม) เมื่อวางเมาส์เหนือภาพเต็มหน้าจอคุณจะเห็นตัวอักษรและส่วนอื่น ๆ อีกมากมายบนพื้นหลังแบบพารัลแลกซ์พร้อมข้อมูลเพิ่มเติมเกี่ยวกับชาร์คูเทอรีข้อมูลตำแหน่งบนแผนที่และแบบฟอร์มการติดต่อ เมนูที่มีให้ดาวน์โหลดเป็น PDF ไซต์ใช้สีและแบบอักษรได้ดี
4 - ชาวเม็กซิกัน
ชาวเม็กซิกันใช้การออกแบบหน้าเดียวโดยจะแสดงพื้นหลังแบบเต็มความกว้างพร้อม CTA แถบเลื่อนบทความส่วนที่มีลิงก์ไปยังรายการเมนู (คลิกที่สิ่งเหล่านี้จะทำให้คุณเห็นภาพ ใหญ่กว่า) ส่วนเกี่ยวกับการสร้างแบรนด์และแบบฟอร์มการติดต่อบนแผนที่ เมนูนี้เป็นระบบคำสั่งแบบโต้ตอบที่แสดงในหน้าต่างโมดอล เมนูประกอบด้วยส่วนที่คลิกได้เพื่อเพิ่มรายการลงในรถเข็นของคุณและรูปภาพจำนวนมากของอาหาร นี่เป็นหนึ่งในระบบเมนูอาหารที่น่าสนใจมากที่ฉันเคยเห็น
5 - ฟาร์มเมนโดซิโน
ฟาร์มเมนโดซิโน แสดงแถบเลื่อนบทความแบบเต็มหน้าจอพร้อมเมนูการนำทางที่เกี่ยวข้อง เมนูประกอบด้วย CTA เมนูแบบเลื่อนลงจะแสดงไอคอนและข้อความที่ตรงกับภาพลักษณ์ของแบรนด์ ในขณะที่คุณเลื่อนหน้าลงจะแสดงแท็กไลน์และบทความสามบทความเกี่ยวกับ บริษัท พร้อมภาพเคลื่อนไหวที่วางเมาส์เหนือ เมนูอาหารจะแสดงลิงก์ไปยังเวอร์ชัน PDF ตามด้วยเวอร์ชันออนไลน์ซึ่งจะแสดงเมนูพร้อมหมวดหมู่และรูปภาพรายการเมนูและราคา การออกแบบเมนูเป็นหนึ่งในสิ่งที่ดีที่สุดที่ฉันเคยเห็น หน้าสถานที่ดูเหมือนหน้าบล็อกที่มีสถานที่ที่นำเสนอตัวเองเป็นโพสต์ บทความเกี่ยวกับสถานที่ ได้แก่ แถบเลื่อนภาพบทวิจารณ์ข้อมูลที่จอดรถและแผนที่
เพื่อสรุป
คุณอาจสังเกตเห็นว่ามีความเป็นไปได้มากมายที่ Divi มอบให้คุณ ด้วยการฝึกฝนมากมายคุณจะได้รับเว็บไซต์ที่ดีมาก เราจะป้อนรายละเอียดเพิ่มเติมด้วยบทช่วยสอนเฉพาะ
