[ใหม่] Interactive Circle ในการออกแบบเว็บ: วิธีสร้างหนึ่งใน Elementor โดยไม่ต้องเข้ารหัส

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

ทำไมคุณถึงต้องการวิดเจ็ตวงกลมแบบโต้ตอบบนเว็บไซต์ของคุณ?

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

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

การนำเสนอแบบเคลื่อนไหวของเนื้อหาเว็บไซต์ของคุณ

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

การออกแบบเชิงโต้ตอบและตอบสนองสำหรับเว็บไซต์ของคุณ

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

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

วิดเจ็ตวงกลมแบบโต้ตอบเพื่อสร้างเว็บไซต์ที่สวยงาม

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

สิ่งที่คุณต้องการใช้ Interactive Circle โดย Addons ที่จำเป็น

Elementor : ในการใช้ Interactive Circle Widget ก่อนอื่นคุณต้องติดตั้งและเปิดใช้งาน Elementor หลังจากนั้นคุณพร้อมที่จะเริ่มต้น

Essential Addons สำหรับ Elementor : คุณต้อง ติดตั้งและเปิดใช้งาน Essential Addons สำหรับ Elementor บนเว็บไซต์ของคุณเพื่อใช้งานวิดเจ็ต 'Interactive Circle'

ขั้นตอนที่ 1: เปิดใช้งาน Addons Interactive Circle Widget ที่สำคัญ

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

ต้องเปิดใช้งานวิดเจ็ต Interactive Circle ใน Elementor ไปที่ Essential Addons Elements ในแดชบอร์ด WordPress ของคุณและตรวจสอบให้แน่ใจว่าวิดเจ็ต ' Interactive Circle ' เปิดอยู่ เพื่อให้แน่ใจว่าการเปลี่ยนแปลงของคุณได้รับการบันทึก ให้คลิกปุ่ม ' บันทึกการตั้งค่า '

มองหา วิดเจ็ต ' Interactive Circle ' ในแท็บ 'องค์ประกอบ' ของ Elementor ลากและวางองค์ประกอบทุกที่ที่คุณต้องการแสดงเนื้อหาแบบข้อความ

ขั้นตอนที่ 2: เริ่มปรับแต่งการตั้งค่าเนื้อหาของคุณ

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

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

ส่วนที่สำคัญที่สุดของการใช้วิดเจ็ตนี้คือ คุณสามารถให้เนื้อหาของคุณเองและเพิ่มตัวเลือกแบบวงกลมเพิ่มเติมได้ตามต้องการ คุณสามารถเพิ่มจำนวนรายการที่คุณต้องการแสดงด้วยวิดเจ็ต EA Interactive Circle ภายใต้การ ตั้งค่า 'เนื้อหา' เพียงคลิกปุ่ม ' + เพิ่มรายการ ' เพื่อเพิ่มรายการใหม่ ในทำนองเดียวกัน คุณสามารถลบหรือคัดลอกรายการจากการตั้งค่าได้ อย่างไรก็ตาม สำหรับการออกแบบ คุณสามารถเพิ่มได้สูงสุด 8 ตัวเลือกต่อครั้งเท่านั้น มิฉะนั้น ลำดับจะขาด

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

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

ขั้นตอนที่ 3: จัดรูปแบบเนื้อหาที่เป็นข้อความเชิงโต้ตอบของคุณ

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

คุณสามารถเปลี่ยนรูปแบบตัวอักษรสำหรับแต่ละรายการใน EA Interactive Circle ได้จากการตั้งค่า ' รายการ ' ความกว้างและขนาดไอคอนของแต่ละรายการสามารถปรับเปลี่ยนได้ คุณยังสามารถเปลี่ยนสีพื้นหลัง สีข้อความ สีไอคอน และอื่นๆ อีกมากมาย

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

อย่างที่คุณเห็น Essential Addons สำหรับ Elementor อนุญาตให้สร้าง Interactive Circle ที่สวยงาม และเปลี่ยนหน้าเว็บของคุณให้น่าสนใจยิ่งขึ้นอย่างเรียบง่าย

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

แล้วต้องเสียอะไร? อัปเดตเป็น Essential Addons 5.0 โดยเร็วที่สุดเพื่อใช้ประโยชน์จากวิดเจ็ตและส่วนขยายขั้นสูงใหม่ทั้งหมด รวมถึงวิดเจ็ต Interactive Circle

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