ไฮไลท์ปลั๊กอิน Divi: ไอคอน WP และ Divi

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

ไอคอน WP และ Divi เพิ่มไอคอนมากกว่า 2,500 ไอคอนใน WordPress ประกอบด้วยไอคอน Font Awesome, ไอคอนวัสดุ และไอคอนที่ออกแบบเอง 450 ไอคอน รวมถึงไอคอนหลากสี 48 ไอคอน มีทั้งรุ่นฟรีและรุ่นโปร ฉันกำลังทดสอบรุ่นโปร

การติดตั้งไอคอน WP และ Divi

อัปโหลดและเปิดใช้งานปลั๊กอินตามปกติ ฉันใช้เวอร์ชัน 1.1.0 กับ Divi เวอร์ชัน 3.17 และ WordPress 4.9.8

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

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

การปรับแต่งไอคอนหลากสี

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

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

การคลิก Add Color Scheme จะสร้างชุดไอคอนหลากสีชุดใหม่ที่คุณสามารถปรับเปลี่ยนได้

เพิ่มชุดสีได้มากเท่าที่คุณต้องการ สิ่งนี้ช่วยขยายสิ่งที่คุณสามารถทำได้ด้วยไอคอนอย่างมาก การควบคุมนั้นใช้งานง่าย ผลปรากฏว่า ฉันพบว่าสิ่งนี้น่าติดตามเล็กน้อย

การใช้ไอคอน WP และ Divi ใน WordPress กับธีมใดก็ได้

หากต้องการใช้ไอคอนกับธีมใดๆ ให้เลือกไอคอนใหม่ที่เพิ่มลงในตัวแก้ไข WordPress

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

การเปลี่ยนแปลงใด ๆ ที่คุณทำจะแสดงสด ในตัวอย่างนี้ ฉันป้อนสีที่ต้องการ ปรับขนาดเป็น 106 พิกเซล และเปลี่ยนชื่อเป็น Green Leaf

การคลิก ตกลง จะเพิ่มไอคอนให้กับเนื้อหาของคุณ

ดับเบิลคลิกที่ไอคอนเพื่อเปิดตัวแก้ไขและทำการเปลี่ยนแปลง

คลิก ตกลง และการเปลี่ยนแปลงจะแสดงที่ไอคอนภายในเนื้อหาของคุณ

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

ไอคอนดูดีภายในเนื้อหา

การใช้ไอคอน WP และ Divi กับ Divi Builder

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

ฉันต้องการเพิ่มตัวกรองเพื่อให้สามารถเลือกระหว่าง Font Awesome, Material หรือไอคอนที่กำหนดเองได้ ด้วยวิธีนี้ ฉันจึงสามารถเห็นไอคอนที่กำหนดเองได้อย่างง่ายดายและไม่สนใจไอคอน Font Awesome และ Material หากฉันต้องการสิ่งที่แตกต่างจากคนอื่นๆ หรือสร้างด้วย Font Awesome หรือ Material Icons หรือผสมผสานไอคอนของฉันอย่างเลือกสรร

ประกอบด้วยไอคอนทั้งแบบเดียวและหลายสี

ค้นหาและเปลี่ยนไอคอนสดจากส่วนหน้า

ปรับได้เหมือนกับไอคอน Divi ใดๆ

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

ในตัวอย่างนี้ ฉันได้เพิ่มวงกลมที่มีเส้นขอบ

คุณสามารถใช้ได้ทั้งจากส่วนหน้าและส่วนหลัง

ตัวแก้ไขไอคอน WordPress ยังมีอยู่ในโมดูลข้อความ Divi ตัวแก้ไขนี้ทำงานเหมือนกับธีมของ WordPress ทุกประการ

เค้าโครงไอคอน WP และ Divi

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

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

เค้าโครงอีคอมเมิร์ซ

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

เค้าโครงเอเจนซี่สร้างสรรค์

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

เค้าโครงธุรกิจมืด

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

ไฟเค้าโครงธุรกิจ

นี่เป็นเลย์เอาต์เดียวกับ Business Layout Dark แต่มีสีอ่อน

เค้าโครงที่ไม่แสวงหากำไร

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

ใบอนุญาตและเอกสารประกอบ

ราคามีตั้งแต่ฟรีสำหรับรุ่นจำกัด, $39 สำหรับไซต์เดียว, $59 สำหรับ 3 ไซต์ และ $79 สำหรับไซต์ไม่จำกัด คุณสามารถซื้อปลั๊กอินได้จากเว็บไซต์ของผู้พัฒนา

รวมถึงการสนับสนุนระดับพรีเมียมและการอัปเดต 3 ปี เอกสารมีให้ที่เว็บไซต์ของผู้พัฒนา

จบความคิด

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

ฉันชอบที่มันเพิ่ม Font Awesome และ Material Icons แต่รายการโปรดของฉันคือไอคอนที่กำหนดเอง และโดยเฉพาะไอคอนหลากสี ตัวแก้ไขนั้นใช้งานง่าย ฉันคิดว่ามันเป็นปลั๊กอินที่ยอดเยี่ยมแม้ไม่มี Divi แต่ Divi นั้นดีกว่าเพราะเลย์เอาต์ฟรี

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

ภาพเด่นผ่าน VectorsMarket / shutterstock.com