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

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

วิธีเปิดใช้งานไอคอนสื่อโซเชียลเพิ่มเติมได้อย่างง่ายดายในส่วนท้ายของ Divi

วิธีที่ง่ายที่สุดในการเพิ่มไอคอนโซเชียลมีเดียให้กับไซต์ Divi ของคุณคือไปที่แผงควบคุม ตัวเลือกชุดรูปแบบ เปิดใช้งานตัวเลือกสำหรับ Facebook, Twitter, Instagram และ RSS จากนั้นสิ่งที่คุณต้องทำคือป้อน URL โปรไฟล์ของคุณในฟิลด์ เมื่อคุณทำเช่นนี้คุณจะเห็นลิงก์เหล่านี้ปรากฏเป็นลิงก์ไอคอนในส่วนท้ายของไซต์ของคุณ:

ไอคอนโซเชียล Divi

ในเมนูแดชบอร์ด WordPress ของคุณไปที่ Divi - ตัวเลือกธีม และคลิกที่แท็บ ทั่วไป . เลื่อนลงเพื่อดูสวิตช์เครือข่าย นอกจากนี้ภายใต้การสลับเหล่านั้นตรวจสอบให้แน่ใจว่าได้ป้อน URL สำหรับไอคอนโซเชียล Divi ที่คุณเปิดใช้งาน มิฉะนั้นไอคอนจะปรากฏขึ้น แต่เมื่อคลิกที่ไอคอนผู้ใช้จะไม่อยู่ที่ไหนเลย การใช้ไฟล์ # แทนที่จะเป็น URL จะทำให้ผู้ใช้อยู่บนหน้าเว็บแทนที่จะเปลี่ยนเส้นทางไปยังไฟล์ 404 หน้า .

ตัวเลือกธีม Divi

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

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

Divi เวิร์ดเพรส

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

วิธีใช้ Divi Builder เพื่อเพิ่มเครื่องมือติดตามโซเชียลมีเดียในหน้าหรือเผยแพร่เนื้อหา

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

คุณสามารถใช้ Divi Builder เพื่อแทรกไอคอนโซเชียลมีเดียลงในเพจหรือโพสต์ของคุณได้โดยตรงโดยใช้ไฟล์ การติดตามสื่อโซเชียล .

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

การสร้างบทความ Divi

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

เค้าโครง Divi Gutenberg

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

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

การแทรกโมดูลติดตามบนโซเชียลมีเดีย

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

เพิ่มโมดูลโซเชียลเน็ตเวิร์กโซเชียล

จากนั้นเลือกหนึ่งรายการจากรายการแบบหล่นลง

เพิ่มเครือข่ายโซเชียลใหม่

เมื่อเลือกแล้วให้เพิ่ม URL ของโปรไฟล์ของคุณ คุณสามารถเลือกสีการไล่ระดับสีพื้นหลัง ฯลฯ ได้ เฉพาะสำหรับไอคอน

ปรับแต่งปุ่มโซเชียลเน็ตเวิร์ก

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

ปรับแต่งไอคอนโซเชียล

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

ติดตามเราปุ่ม Divi

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

ปุ่ม Divi ติดตามเรา

หลังจากนั้นไอคอนโซเชียลมีเดียของคุณจะปรากฏบนไซต์ของคุณ

การใช้ตัวสร้างธีม Divi เพื่อเพิ่มไอคอนโซเชียลมีเดีย

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

ในการเริ่มต้นด้วยตัวสร้างธีมให้ไปที่ Divi - ตัวสร้างธีม ในแดชบอร์ดของคุณ WordPress

ผู้สร้าง Divi

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

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

เพิ่มโมเดล Divi

หากคุณตั้งค่าเทมเพลตแล้วให้คลิกที่ แก้ไขดินสอ หรือดับเบิลคลิกที่ส่วนที่คุณต้องการแก้ไข

เค้าโครง Divi

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

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

เลือกโมดูลโซเชียล

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

โซเชียลไอคอนโมดูลสื่อโมดูล

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

การปรากฏบน Divi พร้อมปุ่มแชร์

และหากคุณไม่ชอบลักษณะที่ปรากฏตัวสร้างธีมก็ปรับแต่งได้ง่าย เพียงลากไปยังตำแหน่งอื่นเช่นด้านบนสุดของแถบด้านข้าง

การย้ายโมดูลการแบ่งปันโซเชียล Divi

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

ไอคอนแถบด้านข้าง

การเพิ่มไอคอนโซเชียลมีเดียลงในส่วนหัวและส่วนท้ายด้วย Divi Theme Builder

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

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

เค้าโครง Divi ธีมส่วนบุคคล

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

หากคุณได้ออกแบบส่วนท้ายแบบกำหนดเอง 4 รายการสำหรับโพสต์เพจโครงการและหมวดหมู่ แต่สร้างส่วนท้ายร่วมแล้วเฉพาะส่วนท้ายส่วนกลางเท่านั้นที่จะแสดง 

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

เพิ่มส่วนท้าย Divi ส่วนกลาง

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

สรุป

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

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