ภาพรวมธีม Divi Chef Child

ธีมเด็ก Divi Chef ได้รับการออกแบบโดยคำนึงถึงเว็บไซต์ร้านอาหาร มันมาพร้อมกับเพจมากมายที่ร้านอาหารต้องการ และรวมถึงโพสต์ที่กำหนดเองสองประเภทเพื่อแสดงเมนูอาหารและกิจกรรมที่จะเกิดขึ้นของคุณ ในบทความนี้ เราจะมาดูธีมย่อยของ Divi Chef และดูว่ามีอะไรรวมอยู่บ้างเพื่อช่วยให้คุณตัดสินใจว่าเหมาะกับความต้องการของคุณหรือไม่

การติดตั้ง Divi Chef

การติดตั้งทำงานเหมือนกับธีมปกติ เมื่อเปิดใช้งาน Divi ให้อัปโหลดและเปิดใช้งานธีมลูก Divi Chef

เมื่อเปิดใช้งานธีมลูก Divi Chef คุณจะเห็นรายการเมนูใหม่ที่ชื่อว่า Import Demo เลือกตัวเลือกนี้แล้วคุณจะเห็นหน้าจอการนำเข้าแบบง่ายซึ่งคุณสามารถเลือกสิ่งที่จะนำเข้าได้ ทุกอย่างถูกเลือกโดยค่าเริ่มต้น คลิก นำเข้าเนื้อหาสาธิต และรอให้การนำเข้าเสร็จสิ้น

เมื่อการนำเข้าเสร็จสมบูรณ์ เว็บไซต์ของคุณจะมีลักษณะเหมือนตัวอย่าง มันจะรวมโฮมเพจและเมนูไว้ด้วยแล้ว ภาพหลายภาพเป็นภาพจำลองและแสดงขนาดของตำแหน่งของภาพ

มาดูหน้าและคุณสมบัติกัน

หน้าธีมและฟีเจอร์สำหรับเด็ก Divi Chef

คุณสมบัติต่างๆ ได้แก่ หน้าร้านอาหารที่ทำใหม่ โพสต์หลายประเภทสำหรับเมนูและกิจกรรม เมนูอาหารที่กรองได้ ส่วนหัวหลายส่วน ส่วนท้ายหลายส่วน บล็อกและรูปแบบโพสต์หลายรายการ ติดต่อ และหน้าการจอง แต่ละหน้ามีส่วนหัวที่มีชื่อหน้า หน้าและเลย์เอาต์ส่วนใหญ่ถูกเพิ่มลงใน Divi Library

หน้าแรกของธีม Divi Chef สำหรับเด็ก

ส่วนฮีโร่จะแสดงภาพพื้นหลังแบบเต็มหน้าจอในรูปแบบพารัลแลกซ์ โอเวอร์เลย์แสดงข้อความด้วยฟอนต์ที่สวยงามเหนือรูปภาพขนาดเล็ก

ส่วนถัดไปจะแสดงเรื่องราวของร้านอาหารและรวมลิงก์ไปยังหน้าเกี่ยวกับ

CTA แบบเต็มหน้าจอสำหรับดีลของวันจะแสดงภาพพื้นหลังแบบพารัลแลกซ์พร้อมปุ่มสำหรับจอง

เมนูอาหารจะแสดงรูปภาพพร้อมชื่อ คำอธิบาย และราคา เมนูนี้ยังมีตัวกรองเพื่อให้ผู้เข้าชมเห็นอาหารตามมื้ออาหาร

ส่วนบล็อกจะแสดงตาราง

ลูกค้าสามารถจองโต๊ะโดยใช้แบบฟอร์มแบบเต็มหน้าจอที่มีสไตล์ แบบฟอร์มประกอบด้วยภาพพื้นหลังแบบเต็มหน้าจอ และฟิลด์สำหรับชื่อ อีเมล วันที่ จำนวนที่นั่ง โทรศัพท์ และเวลา

แถบเลื่อนข้อความรับรองแบบเต็มความกว้างจะแสดงภาพวงกลมถัดจากข้อความ

แกลเลอรี่แสดงรูปภาพในตาราง ฉันกำลังวางเมาส์เหนือรูปภาพที่ด้านบนขวาเพื่อแสดงการซ้อนทับ

กิจกรรมที่จะเกิดขึ้นจะแสดงเป็นการ์ดที่มีรูปแบบวันที่ ชื่อ และเวลาในการวางซ้อนบนรูปภาพเด่น

ตัวนับจำนวนแสดงสถิติพร้อมไอคอนบนภาพพื้นหลังในรูปแบบพารัลแลกซ์

ข้อมูลติดต่อประกอบด้วยรูปภาพขนาดใหญ่ด้านหนึ่งและข้อมูลอีกด้านหนึ่ง หมายเลขโทรศัพท์สามารถคลิกได้

Divi Chef เกี่ยวกับเพจ

หน้าเกี่ยวกับธีมลูกของ Divi Chef มีองค์ประกอบบางส่วนจากหน้าแรกและเพิ่มส่วนที่มีข้อความสองคอลัมน์ ส่วนแบบสามคอลัมน์ที่มีคำอธิบายตัวเลข และ CTA ที่มีปุ่มสองปุ่ม

หน้าเมนู

หน้าเมนูแสดงเมนูอาหารตามหมวดหมู่ แต่ละหมวดหมู่มีชื่อเป็นฟอนต์ที่สวยงาม

หน้าเมนูที่กรองได้

หน้าเมนูที่กรองได้จะแสดงเมนูอาหาร แต่แทนที่จะแสดงแต่ละหมวดหมู่ภายใต้ชื่อที่มีหมวดหมู่ทั้งหมดแสดง ตัวกรองช่วยให้คุณเห็นหมวดหมู่เฉพาะที่คุณต้องการ

หน้ากิจกรรม

หน้ากิจกรรมจะแสดงกิจกรรมเหมือนในหน้าแรกแต่เพิ่มอีกหลายอย่าง

หน้าบล็อกของ Divi Chef

ธีมลูก Divi Chef มีหน้าบล็อกที่แตกต่างกันสามหน้า รายการแรกจะแสดงบล็อกโพสต์ในสองคอลัมน์ที่มีแถบด้านข้างขวา ประกอบด้วยส่วนหัวที่มีรูปภาพขนาดเต็มและชื่อในโอเวอร์เลย์

การออกแบบบล็อกที่สองแสดงโพสต์แบบเต็มความกว้างและแถบด้านข้างขวา

การออกแบบบล็อกที่สามแสดงโพสต์ในรูปแบบสลับกัน

ติดต่อ

หน้าติดต่อจะแสดงแบบฟอร์มที่มีสไตล์ถัดจากข้อความสำหรับข้อมูลเพิ่มเติม แถวด้านล่างจะแสดงข้อมูลติดต่อตามด้วยแผนที่แบบเต็มความกว้าง

การจอง

หน้าการจองประกอบด้วยข้อมูลการติดต่อและแบบฟอร์มการจอง

ส่วนหัว

มีห้าหัวให้เลือก ทั้งหมดยกเว้นส่วนหัวแรกถูกสร้างขึ้นด้วย Divi Builder และมีอยู่ใน Divi Library ส่วนหัวเริ่มต้นแสดงรายการเมนูในแบบอักษรขนาดใหญ่และมีสีเหลืองตัวหนาสำหรับลิงก์ที่ใช้งานอยู่ มีพื้นหลังโปร่งแสงที่เปลี่ยนเป็นสีเหลืองเมื่อคุณเลื่อน เมนูย่อยแสดงพื้นหลังสีขาวพร้อมข้อความขนาดใหญ่

ส่วนหัวที่สองวางลิงก์เมนูไว้ตรงกลาง ไอคอนติดตามโซเชียลทางด้านซ้าย และ CTA ติดต่อทางด้านขวา เมนูย่อยเพิ่มเส้นสีเหลือง

ส่วนหัวที่สามวางโลโก้ไว้เหนือเมนูตรงกลาง ไอคอนติดตามทางสังคมและช่องค้นหาจะถูกวางไว้พร้อมกับลิงก์

ส่วนหัวสี่มีสองแถว แถวบนสุดมีโลโก้ทางด้านซ้ายและข้อมูลติดต่อที่คลิกได้ทางด้านขวา แถวที่สองประกอบด้วยรายการเมนูและไอคอนค้นหาทางด้านซ้ายและไอคอนติดตามโซเชียลทางด้านขวา นี่คือส่วนหัวที่ซับซ้อนที่สุด

ส่วนหัวที่ห้าแสดงโลโก้ทางด้านซ้าย ลิงก์ที่อยู่ตรงกลาง และ CTA ทางด้านขวา

ส่วนท้าย

มีสี่ส่วนท้ายให้เลือก สร้างขึ้นด้วย Divi Builder และมีอยู่ในห้องสมุด Divi ส่วนท้ายแรกถูกกำหนดให้เป็นส่วนท้ายส่วนกลางในตัวสร้างธีมและรวมถึงโมดูลข้อความหลายโมดูล และโมดูลติดตามโซเชียลมีเดีย

โมดูลข้อความที่ด้านล่างมีข้อมูลเกี่ยวกับธีมย่อย เส้นขอบสีอ่อนที่ด้านบนจะแยกออกจากส่วนท้ายที่เหลือ นี่คือส่วนท้ายที่เปิดเผย ดังนั้นจึงคงอยู่กับที่ในขณะที่ส่วนด้านบนเลื่อนขึ้นเหมือนม่าน

ส่วนท้ายที่สองมีขนาดใหญ่ขึ้นและเพิ่มแบบฟอร์มการสมัครอีเมล

ส่วนท้ายที่สามมีพื้นหลังสีขาวและเพิ่มข้อมูลเพิ่มเติม

ส่วนท้ายที่สี่นั้นเรียบง่ายกว่าและมีพื้นหลังสีขาว การนำทางวางซ้อนกันทางด้านซ้ายและลิงก์ติดตามโซเชียลจะเรียงซ้อนกันทางด้านขวา คำอธิบายสั้น ๆ จะอยู่ตรงกลาง

ส่วนท้ายห้าเป็นส่วนที่ง่ายที่สุดและมีพื้นหลังสีขาวและวางลิงก์เมนูในสแต็กตรงกลางและวางโซเชียลมีเดียตามไอคอนในแนวนอน

Divi Chef ประเภทโพสต์

ธีมเด็ก Divi Chef มาพร้อมกับโพสต์สองประเภทในตัว: เมนูร้านอาหารและกิจกรรม

เมนูร้านอาหาร

เมนูร้านอาหารมีเครื่องมือแก้ไขที่คุณสามารถเพิ่มเนื้อหา ราคา ส่วนผสม หมวดหมู่ คำสั่งซื้อ และรูปภาพเด่นได้

โพสต์ประเภทนี้เพิ่มสองโมดูลใน Divi Builder โดยหนึ่งโมดูลถูกกรองแล้วและอีกโมดูลหนึ่งไม่ถูกกรอง ทั้งสองโมดูลช่วยให้คุณสามารถเลือกจำนวนรายการที่จะแสดงและรวมตัวเลือกการจัดรูปแบบ Divi มาตรฐาน

รายการเมนูจะปรากฏในรายการประเภทโพสต์ของเมนูร้านอาหาร ซึ่งคุณสามารถดำเนินการมาตรฐานสำหรับโพสต์ได้

กิจกรรม

กิจกรรมรวมถึงเครื่องมือแก้ไขที่คุณสามารถเพิ่มเนื้อหา ชื่อผู้จัดงาน วันที่ เวลา ราคา หมายเลขโทรศัพท์ อีเมล คำสั่งซื้อ และรูปภาพเด่นได้

โพสต์สำหรับกิจกรรมมีความชัดเจนและอ่านง่าย

ประเภทโพสต์กิจกรรมจะเพิ่มโมดูลให้กับ Divi Builder ที่เรียกว่า Divi Chef Events เลือกจำนวนเหตุการณ์ที่จะแสดงและจัดรูปแบบด้วยตัวเลือก Divi มาตรฐาน

กิจกรรมจะแสดงอยู่ในประเภทโพสต์เช่นเดียวกับโพสต์อื่นๆ

Divi Chef เมนูนำทาง

เพิ่มเมนูการนำทางสามเมนูใน WordPress โดยเมนูหลักจะถูกนำไปใช้โดยอัตโนมัติ ส่วนอื่นๆ สามารถใช้กับส่วนท้ายหรือเป็นทางเลือกแทนเมนูหลัก

เลย์เอาต์ตัวสร้างธีม Divi Chef

เลย์เอาต์ของตัวสร้างธีมประกอบด้วยส่วนท้ายที่กำหนดเอง หน้าเก็บถาวร ผลการค้นหา เลย์เอาต์ของโพสต์ และหน้า 404

โพสต์เลย์เอาต์

ธีมเด็ก Divi Chef มีการออกแบบเลย์เอาต์โพสต์ที่แตกต่างกัน 4 แบบ เลย์เอาต์นี้แสดงชื่อเรื่องในส่วนหัวแบบเต็มความกว้างพร้อมภาพพื้นหลัง เนื้อหา และแถบด้านข้างพร้อมการค้นหาที่มีสไตล์ โพสต์ล่าสุด และหมวดหมู่ นอกจากนี้ยังเพิ่มการนำทางโพสต์ เลย์เอาต์อื่นๆ เป็นไปตามการออกแบบที่คล้ายกัน และรวมถึงรูปภาพเด่นที่เล็กกว่า แถบด้านข้าง รูปภาพเด่นแบบเต็มหน้าจอ หรือไม่มีแถบด้านข้าง

นี่คือ Post Layout 2 ซึ่งแสดงรูปภาพเด่นที่เล็กกว่าและไม่มีแถบด้านข้าง

404 หน้า

หน้า 404 มีรูปภาพอยู่ด้านหนึ่งและมีข้อความและช่องค้นหาอยู่อีกด้านหนึ่ง ไอคอนติดตามทางสังคมอยู่ตรงกลาง

สถานที่ซื้อ Divi Chef Child Theme

ธีมเด็กของ Divi Chef มีอยู่ใน Divi Marketplace มีค่าใช้จ่าย $39 และรวมการใช้งานเว็บไซต์ไม่จำกัดและการสนับสนุนและอัปเดตหนึ่งปี

จบความคิด

นั่นคือรูปลักษณ์ของเราในธีมเด็กของ Divi Chef จาก Divi Extended มันถูกออกแบบมาสำหรับเว็บไซต์ร้านอาหารและการออกแบบนั้นเข้ากับประเภทได้อย่างลงตัว หน้าและประเภทโพสต์ที่กำหนดเองคือสิ่งที่คุณคาดว่าจะเห็นบนเว็บไซต์ร้านอาหาร ฉันชอบเมนูอาหารเป็นพิเศษ

ไม่รวมคุณสมบัติการช็อปปิ้งออนไลน์ เช่น การสั่งซื้อและชำระเงินออนไลน์เพื่อรับสินค้า ดังนั้นจึงอาจไม่เหมาะสำหรับร้านอาหารทุกประเภท อย่างไรก็ตาม คุณสมบัติการจองทำให้เหมาะสำหรับร้านอาหารที่รับประทานในร้าน

เราต้องการได้ยินจากคุณ คุณได้ลองใช้ธีมเด็ก Divi Chef แล้วหรือยัง? แจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในความคิดเห็น

ภาพเด่นโดย maryna rodyukova / shutterstock.com