Divi Matcha Shop ภาพรวมธีมเด็ก

ธีมเด็ก Divi Matcha Shop เป็นธีมมินิมอลที่ช่วยให้คุณมุ่งเน้นการขายผลิตภัณฑ์ของคุณ ประกอบด้วยหน้า WooCommerce ที่จัดรูปแบบให้ตรงกับธีมลูก นอกจากนี้ยังเพิ่มหน้าที่เรียบง่าย เช่น บล็อก ผู้ติดต่อ และอื่นๆ ในบทความนี้ เราจะดูธีมย่อยของร้าน Divi Matcha Shop เพื่อช่วยให้คุณตัดสินใจว่านี่เป็นตัวเลือกที่เหมาะสมกับความต้องการของคุณหรือไม่

การติดตั้ง Divi Matcha Shop Child Theme

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

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

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

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

เพจธีมเด็กร้าน Divi Matcha

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

โฮมเพจธีมเด็กร้าน Divi Matcha

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

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

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

ส่วนถัดไปจะมีพื้นที่สำหรับวิดีโอที่ฝังไว้ วิดีโอซ้อนทับสองส่วน ข้อความรับรองปรากฏใต้วิดีโอ ไม่รวมพื้นหลังสีและกราฟิกสำหรับข้อความรับรอง แต่ให้แนวคิดที่ดีเกี่ยวกับวิธีการใช้คำรับรอง

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

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

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

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

ผลประโยชน์หน้า

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

หน้าบล็อก

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

หน้าร้านค้า

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

หน้าสินค้า

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

ตะกร้าสินค้าและหน้า WooCommerce อื่น ๆ ยังรวมถึงสไตล์สีเขียว ตัวอย่างนี้แสดงตะกร้าสินค้าที่มีชื่อผลิตภัณฑ์ ปุ่มคูปอง และปุ่มชำระเงินเป็นสีเขียว

หน้าติดต่อ

หน้าผู้ติดต่อยังมีส่วนหัวและส่วนท้ายและเพิ่มแบบฟอร์มการติดต่อที่มีสไตล์เหนือรูปภาพพื้นหลัง

Divi Matcha Shop Child Theme CSS

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

CSS ถูกเพิ่มลงในตัวเลือกธีม Divi ด้วย อีกวิธีหนึ่ง คุณสามารถทำการเปลี่ยนแปลงได้ที่นี่ในตัวเลือกธีม ช่วยให้คุณไม่ต้องเปลี่ยนไฟล์ของธีมลูก CSS ที่เพิ่มที่นี่มีความสำคัญเหนือ CSS ที่เพิ่มในสไตล์ชีต

ซื้อได้ที่ไหน

ธีมย่อยของร้าน Divi Matcha Shop มีวางจำหน่ายใน Divi Marketplace ในราคา $29 รวมถึงการใช้งานไม่จำกัดและการสนับสนุนและการอัปเดตหนึ่งปี

จบความคิด

นั่นคือรูปลักษณ์ของเราที่ธีมเด็ก Divi Matcha Shop จาก Paper Temple นี่เป็นธีมเด็กที่เรียบง่ายซึ่งดูสะอาดตาและสง่างาม ความเรียบง่ายเป็นวิธีที่ยอดเยี่ยมในการมุ่งเน้นที่ผลิตภัณฑ์ ฉันชอบการออกแบบหน้าแรกเป็นพิเศษ หน้าสิทธิประโยชน์เป็นวิธีที่ยอดเยี่ยมในการให้ข้อมูลผลิตภัณฑ์พร้อมวิดีโอ หน้า "เกี่ยวกับ" ใช้การ์ดรูปแบบการนำเสนอที่ดีเพื่อช่วยให้ผู้ซื้อเข้าใจผลิตภัณฑ์และกระบวนการมากขึ้น โดยสรุป หากคุณกำลังมองหาธีมลูกอีคอมเมิร์ซ Divi ที่เรียบง่ายและใช้งานง่าย ร้าน Divi Matcha นั้นควรค่าแก่การดู

เราต้องการได้ยินจากคุณ คุณลองใช้ธีมลูก Divi Matcha Shop แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น

รูปภาพเด่นผ่าน Letters-Shmetters / shutterstock.com