วิธีใช้คุณสมบัติการพกพา Theme Builder ของ Divi (นำเข้าและส่งออก)

เผยแพร่แล้ว: 2019-11-16

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

ในบทช่วยสอนนี้ เราจะพูดถึงวิธีใช้คุณสมบัติการเคลื่อนย้าย Theme Builder ของ Divi เพื่อนำเข้าและส่งออกเทมเพลตในหลากหลายวิธี หวังว่านี่จะช่วยบรรเทาความลังเลใดๆ ที่คุณมีกับตัวเลือกการพกพาในอนาคต

กระโดดเข้าไปกันเถอะ!

สมัครสมาชิกช่อง Youtube ของเรา

วิธีการส่งออกแม่แบบทั้งหมดในครั้งเดียว

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

ตอนนี้ไฟล์ json ที่มีเทมเพลตทั้งหมดจะถูกบันทึกลงในคอมพิวเตอร์ของคุณ และพร้อมที่จะนำเข้ากลับไปยังไซต์ Divi ใดๆ

ตัวเลือกการพกพาตัวสร้างธีม Divi

วิธีการนำเข้าเทมเพลตโดยใช้ตัวสร้างธีม Divi

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

ในการนำเข้าไฟล์ json โดยใช้ Divi Theme Builder คุณจะไปยังตัวเลือกการเคลื่อนย้ายเดียวกันภายใน Theme Builder โดยคลิกที่ไอคอนการพกพาที่ด้านบนขวาของหน้า

ตัวเลือกการพกพาตัวสร้างธีม Divi

จากนั้นเลือกแท็บนำเข้า

เลือกไฟล์จากคอมพิวเตอร์ของคุณ

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

หลังจากนั้นให้คลิกปุ่มนำเข้า

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

วิธีการส่งออกเทมเพลตส่วนบุคคล

มีสองวิธีที่คุณสามารถส่งออกเทมเพลตแต่ละรายการจาก Theme Builder วิธีแรกคือการเลือกไอคอนส่งออกบนเมนูเทมเพลตแต่ละรายการที่ปรากฏขึ้นเมื่อวางเมาส์เหนือเทมเพลต

ตัวเลือกการพกพาตัวสร้างธีม Divi

หลังจากที่คุณคลิกไอคอนส่งออก เพียงป้อนชื่อไฟล์ส่งออกแล้วคลิกปุ่มส่งออก

ตัวเลือกการพกพาตัวสร้างธีม Divi

ไฟล์ json เทมเพลตแต่ละรายการจะดาวน์โหลดลงในคอมพิวเตอร์ของคุณ

อีกวิธีหนึ่งในการส่งออกเทมเพลตแต่ละรายการคือการใช้ตัวเลือกการพกพาทั่วไปของตัวสร้างธีม

ในการดำเนินการนี้ ให้คลิกไอคอนการพกพาที่ด้านบนขวาของอินเทอร์เฟซตัวสร้างธีม

ใต้แท็บส่งออก ให้ป้อนชื่อไฟล์ส่งออก

จากนั้น "ยกเลิกการเลือก" ตัวเลือก "ส่งออกเทมเพลตทั้งหมด" ซึ่งจะทำให้รายการเทมเพลตที่พร้อมใช้งานปรากฏขึ้น เลือกเทมเพลตแต่ละรายการจากรายการและคลิกปุ่มส่งออก

ตัวเลือกการพกพาตัวสร้างธีม Divi

ไฟล์ของคุณจะถูกดาวน์โหลดตามลำดับ

ตัวเลือกการพกพาตัวสร้างธีม Divi

วิธีการส่งออกแม่แบบที่เลือก

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

การจัดการข้อขัดแย้งในการนำเข้าด้วยตัวเลือกการพกพา

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

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

นี่คือสิ่งที่ตัวเลือกการพกพามีประโยชน์

เมื่อนำเข้าเทมเพลตโพสต์ใหม่ ให้เลือกตัวเลือก "อนุญาตให้นำเข้าแทนที่การมอบหมายที่มีอยู่" หลังจากที่คุณคลิกปุ่มนำเข้า คำเตือนใหม่จะปรากฏขึ้นในกล่องเพื่อถามเราว่าเราต้องการทำอะไรกับองค์ประกอบส่วนกลางของการนำเข้า การเลือกตัวเลือก “เชื่อมโยงไปยังส่วนหัว เนื้อหา และ/หรือส่วนท้ายส่วนกลางของเว็บไซต์นี้อีกครั้ง” จะทำให้เทมเพลตที่นำเข้ามา แทนที่การมอบหมายที่มีอยู่ และ นำส่วนหัว เนื้อหา และ/หรือส่วนท้าย ของเว็บไซต์มาใช้

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

หากเราต้องการนำเข้าเทมเพลตโพสต์ใหม่และเก็บส่วนหัวและส่วนท้ายไว้เป็นของตัวเองหลังจากนำเข้า เราจะต้องตรวจสอบให้แน่ใจและเลือกตัวเลือกเพื่อ "นำเข้าเป็นเลย์เอาต์คงที่…”

ในการดำเนินการนี้ ให้คลิกไอคอนการพกพาที่ด้านบนของตัวสร้างธีม ภายใต้ modal portability ให้ไปที่แท็บนำเข้าและเลือกไฟล์จากคอมพิวเตอร์ของคุณ เลือกตัวเลือก "อนุญาตให้นำเข้าเพื่อแทนที่ ... " จากนั้นคลิกปุ่มนำเข้า

คราวนี้แทนที่จะ "เชื่อมโยงอีกครั้ง" พื้นที่ส่วนกลาง ให้เลือกตัวเลือกเพื่อ "นำเข้าเป็นเค้าโครงคงที่…”

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

ถ้าคุณไม่ต้องการให้เทมเพลตใหม่แทนที่งานที่มีอยู่ คุณสามารถ "ยกเลิกการเลือก" ตัวเลือกเพื่อ "อนุญาตให้นำเข้าเพื่อแทนที่งานที่มีอยู่" เมื่อนำเข้าเทมเพลต

ตัวเลือกการพกพาตัวสร้างธีม Divi

ตอนนี้ คุณจะเห็นเทมเพลตที่นำเข้าเป็น "ไม่ได้มอบหมาย" เนื่องจากการกำหนดเทมเพลตขัดแย้งกับเทมเพลตที่มีอยู่

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

เลย์เอาต์ที่นำเข้าจะกลายเป็นเลย์เอาต์คงที่โดยไม่ต้องแทนที่การกำหนดเทมเพลตที่มีอยู่

ตัวเลือกการพกพาตัวสร้างธีม Divi

วิธีการนำเข้าและแทนที่เทมเพลตเว็บไซต์เริ่มต้น

เทมเพลตเว็บไซต์เริ่มต้นคือเทมเพลตพิเศษในตัวสร้างธีมที่ควบคุมพื้นที่ส่วนกลางของเว็บไซต์ของคุณ

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

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

ตัวเลือกการพกพาตัวสร้างธีม Divi

กำลังดาวน์โหลดข้อมูลสำรองก่อนนำเข้า

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

ตัวเลือกนี้เป็นตัวเลือกที่สามภายใต้แท็บการนำเข้า

ตัวเลือกการพกพาตัวสร้างธีม Divi

ความคิดสุดท้าย

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

ประสบการณ์ของคุณเกี่ยวกับการนำเข้าและส่งออกเทมเพลตใน Divi's Theme Builder เป็นอย่างไร

ฉันหวังว่าจะได้ยินจากคุณในความคิดเห็น

ไชโย!