วิธีเพิ่มไอคอนโซเชียลมีเดียเพิ่มเติมใน Divi

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

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

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

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

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

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

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

วิธีใช้ Divi Builder เพื่อเพิ่มโมดูลติดตามโซเชียลมีเดียในหน้าหรือโพสต์เนื้อหา

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

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

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

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

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

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

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

จากนั้นเลือกรายการหนึ่งจากรายการดรอปดาวน์

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

บทสรุป

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

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

ภาพขนาดย่อของบทความโดย Sammby / shutterstock.com