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