จุดเด่นของผลิตภัณฑ์ Divi: ธีม Milly Child

เผยแพร่แล้ว: 2023-06-12

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

สารบัญ
  • 1 การติดตั้งธีม Milly Child
  • 2 หน้าธีมเด็ก Milly และเลย์เอาต์
    • 2.1 หน้า
    • 2.2 ห้องสมุด Divi
    • 2.3 ตัวสร้างธีม
    • 2.4 ช่องทางการขายธีมลูกของ Milly
    • 2.5 ส่วนหัวของธีมเด็ก Milly
    • 2.6 ไอคอนธีมเด็ก Milly
  • 3 หน้า WooCommerce ธีมเด็ก Milly และเลย์เอาต์
    • 3.1 หน้าร้านค้า
    • 3.2 รถเข็น
  • 4 ตัวเลือกธีม Milly
    • 4.1 สี
    • 4.2 การซ้อนทับ
    • 4.3 ตัวโหลดล่วงหน้า
    • 4.4 ตัวเลือก
    • 4.5 คลาส Milly CSS
  • 5 สถานที่ซื้อธีม Milly Child
  • 6 สิ้นสุดความคิดเกี่ยวกับธีมลูกของ Milly

การติดตั้งธีม Milly Child

ก่อนอื่น เราจะมาดูกันว่าการติดตั้ง Milly นั้นง่ายเพียงใด การติดตั้งธีมลูกของ Milly นั้นง่ายมาก ขั้นแรก ไปที่ ลักษณะที่ปรากฏ > ธีม แล้วเลือก เพิ่มใหม่

  1. รูปร่าง
  2. ธีม
  3. เพิ่มใหม่

การติดตั้งธีม Milly Child

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

  1. อัปโหลดธีม
  2. เลือกไฟล์
  3. ติดตั้งในขณะนี้

การติดตั้งธีม Milly Child

ประการที่สาม เมื่ออัปโหลดธีมลูกเสร็จแล้ว ให้เปิดใช้งาน

  1. เปิดใช้งาน

การติดตั้งธีม Milly Child

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

  1. มิลลี่
  2. นำเข้าสาธิต
  3. ทำการเลือกของคุณ
  4. นำเข้าเนื้อหาสาธิต

การติดตั้งธีม Milly Child

ประการที่ห้า ลบ แผงนำเข้าการสาธิต วิธีนี้จะล้างแดชบอร์ดของคุณ คุณจึงไม่มีลิงก์ที่คุณไม่ต้องการอีกต่อไป

การติดตั้งธีม Milly Child

ในที่สุดธีมลูกของ Milly ก็พร้อมใช้งานแล้ว นี่คือโฮมเพจหลังจากนำเข้าเนื้อหาสาธิตแล้ว ต่อไปเรามาดูกันว่ามีอะไรบ้าง

หน้าและเลย์เอาต์ธีมเด็กของ Milly

อันดับแรก เราจะดูที่หน้าและเลย์เอาต์ Milly มีเทมเพลตการตลาดมากมาย ซึ่งรวมถึงโฮมเพจสี่หน้าที่สร้างขึ้นจากรูปแบบธุรกิจประเภทต่างๆ นอกจากนี้ยังมีหน้าเกี่ยวกับ, หน้าโครงการ, หน้ากรณีศึกษา, หน้าการขาย, หน้าเริ่มต้นของบริการ, ทรัพยากร, การติดต่อ, คำถามที่พบบ่อย, บล็อกและหน้าร้านค้า

หน้า

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

หน้าและเลย์เอาต์ธีมเด็กของ Milly

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

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

นี่คือหน้าแรกของธุรกิจ/หน่วยงาน แทนที่จะเป็นส่วนฮีโร่ที่มี CTA มีส่วนเน้นที่บริการ ฉันกำลังวางเมาส์เหนืออันหนึ่งเพื่อแสดงเอฟเฟกต์โฮเวอร์ของมัน หน้าแรกนี้มีส่วนบล็อกขนาดใหญ่ CTA ตัวนับจำนวน โลโก้ไคลเอนต์ และ CTA พร้อมขั้นตอน เพิ่มส่วนที่มีสีเขียวอ่อนสำหรับพื้นหลัง ตัวอย่างนี้ยังแสดงไอคอนแบบกำหนดเอง

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

ห้องสมุด Divi

มี 135 เลย์เอาต์ที่เพิ่มเข้ามาใน Divi Library ซึ่งรวมถึงเทมเพลตทั้งหมดที่ใช้ในเพจอื่นและใน Theme Builder นอกจากนี้ยังมีไอคอน ลองดูที่บางโดยการสุ่ม ฉันจะบันทึกเค้าโครง WooCommerce สำหรับส่วนอื่น

หน้าและเลย์เอาต์ธีมเด็กของ Milly

ตัวอย่างนี้แสดงแถบเลื่อนข้อความรับรอง ข้อความรับรองถูกสร้างขึ้นเป็นการ์ด

นี่คือแถบเลื่อนอื่น อันนี้แสดงโลโก้ของลูกค้า

เลย์เอาต์นี้เป็นป๊อปอัปซ้อนทับ เป็น CTA ที่มีรูปภาพและปุ่ม

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

หน้าและเลย์เอาต์ธีมเด็กของ Milly

ส่วนนี้แสดงไทม์ไลน์ในรูปแบบสลับกัน

อันนี้แสดงโครงการตัวอย่าง ประกอบด้วยแถบเลื่อน

ตัวอย่างนี้แสดงตารางราคา

ส่วนนี้มีวิดีโอที่ฝังไว้และรายการขั้นตอนต่างๆ นอกจากนี้ยังมีปุ่มสำหรับแชร์วิดีโอ

นี่คือภาพซ้อนทับอื่น อันนี้รวมถึงวิดีโอและปุ่ม

เลย์เอาต์นี้เป็นแถบด้านข้าง ประกอบด้วยรูปภาพวงกลมและปุ่มเพื่อเรียนรู้เพิ่มเติม

ตัวสร้างธีม

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

หน้าและเลย์เอาต์ธีมเด็กของ Milly

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

หน้าและเลย์เอาต์ธีมเด็กของ Milly

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

นี่คือหน้า 404 ประกอบด้วยภาพเคลื่อนไหวโฮเวอร์สำหรับไอคอน

ช่องทางการขายธีม Milly Child

Milly มีชุดการตลาดสามชุด: การสัมมนาผ่านเว็บ การท้าทาย และการสร้างรายชื่อ รวมถึงเพจสำหรับสร้างแคมเปญการตลาด

ชุดการสร้างรายการ ประกอบด้วยหน้า Landing Page ของฟรี การยืนยันการสมัครทางอีเมล และการจัดส่งของฟรี ตัวอย่างนี้มาจากหน้าสาธิต ดังนั้นคุณจึงสามารถดูได้ว่ามีลักษณะอย่างไรด้วยรูปภาพ

หน้าและเลย์เอาต์ธีมเด็กของ Milly

Webinar Kit ประกอบด้วยการลงทะเบียน การยืนยัน และการเล่นซ้ำ นี่คือหน้าสาธิตของมัน

หน้าและเลย์เอาต์ธีมเด็กของ Milly

Challenge Kit ประกอบด้วยการลงทะเบียน การยืนยัน และสิ่งที่อยู่ภายในความท้าทาย องค์ประกอบภาพเคลื่อนที่อย่างอิสระเมื่อโฮเวอร์

หน้าและเลย์เอาต์ธีมเด็กของ Milly

ส่วนหัวของธีม Milly Child

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

ไอคอนธีมลูกมิลลี่

เลย์เอาต์กว่า 20 รายการใน Divi Library เป็นไอคอนแบบกำหนดเอง นี่แสดงไอคอนแบบกำหนดเองหลายรายการ ไอคอนส่วนใหญ่มีวงกลมสีเขียวตรงกลาง

หน้าและเลย์เอาต์ธีมเด็กของ Milly

ตัวอย่างนี้แสดงไอคอนที่เหลือ

หน้าและเลย์เอาต์ธีมเด็กของ Milly

สร้างด้วย Code Modules ตัวอย่างนี้แสดงลูกศรมืด คุณสามารถโหลดได้จาก Divi Library เป็นโมดูล

หน้าและเลย์เอาต์ธีมเด็กของ Milly

หน้าและเลย์เอาต์ของ WooCommerce ธีมเด็ก Milly

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

หน้าร้าน

หน้าร้านค้าประกอบด้วยส่วนฮีโร่ที่มี CTA แถบโปรโมชั่นติดอยู่ที่ด้านล่างของหน้าจอในตอนแรก

การเลื่อนจะแสดงส่วนหัว ส่วนนี้มีแถบเลื่อนผลิตภัณฑ์

ผลิตภัณฑ์ที่เกี่ยวข้องจะแสดงด้วยแถบเลื่อนผลิตภัณฑ์

ตัวอย่างนี้แสดงแถบเลื่อนการขาย แถบโปรโมชั่นได้เลื่อนไปพร้อมกับเพจแล้ว

รถเข็น

หน้ารถเข็นมีไอคอนพร้อมแถบเพื่อระบุตำแหน่งที่คุณอยู่ในกระบวนการ

หน้าและเลย์เอาต์ของ WooCommerce ธีมเด็ก Milly

ตัวเลือกธีมของ Milly

สุดท้าย เราจะดูที่ตัวเลือกธีม Milly เพิ่มแท็บในตัวเลือกธีม Divi ที่นี่ คุณสามารถเลือกและปรับเปลี่ยนตัวเลือกต่างๆ

สี

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

ตัวเลือกธีมของ Milly

ภาพซ้อนทับ

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

ตัวเลือกธีมของ Milly

ตัวโหลดล่วงหน้า

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

ตัวเลือกธีมของ Milly

ตัวเลือก

แท็บตัวเลือกช่วยให้คุณเปิดใช้งานเอฟเฟกต์พารัลแลกซ์และเปิดใช้งานม้าหมุนและแถบเลื่อน

ตัวเลือกธีมของ Milly

คลาส CSS ของมิลลี่

นอกจากนี้ยังมีคลาส CSS อีก 11 คลาสที่ออกแบบมาสำหรับธีมลูกของ Milly ที่ให้คุณปรับแต่งวิธีการทำงาน คุณสามารถค้นหารายการได้ในเอกสารประกอบ วางคลาส CSS ในแท็บขั้นสูงของส่วนที่คุณต้องการใช้

สถานที่ซื้อธีมเด็ก Milly

ธีม Milly Child มีอยู่ใน Divi Marketplace เป็นประจำอยู่ที่ $97 และรวมถึงการใช้งานเว็บไซต์แบบไม่จำกัด การรับประกันคืนเงินภายใน 30 วัน และการสนับสนุนและการอัปเดตหนึ่งปี

สถานที่ซื้อธีมเด็ก Milly

สิ้นสุดความคิดเกี่ยวกับธีม Milly Child

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

เราต้องการได้ยินจากคุณ คุณเคยลอง Milly Child Theme สำหรับ Divi แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น