จำเป็นต้องสร้างแถบความคืบหน้าการไล่ระดับสีใน Elementor ?

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

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

แต่เป็นไปได้ไหมที่จะสร้างแถบความคืบหน้าด้วยสีไล่ระดับ?

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

ส่วนเสริมสองรายการที่มีวิดเจ็ตดังกล่าวคือ ส่วนเสริมที่จำเป็น et JetElements. แต่เราจะเน้นที่ส่วนเสริมที่จำเป็น

การสร้างแถบความคืบหน้าที่ลดลงใน Elementor โดยใช้ Essential Addons

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

คุณสามารถดาวน์โหลด เวอร์ชันฟรี ของส่วนเสริมนี้ในไดเร็กทอรีปลั๊กอิน WordPress อย่างเป็นทางการ

ค้นหาคำแนะนำของเรา วิธีการติดตั้ง (เพิ่ม) ปลั๊กอินบน WordPress

หลังจากติดตั้งและเปิดใช้งานปลั๊กอินนี้แล้ว ให้สร้างเพจหรือเทมเพลตและแก้ไขด้วย Elementor แล้วลากวิดเจ็ต Progress Bar ลงในกล่องแก้ไข

วิธีสร้างแถบความคืบหน้าการไล่ระดับสีใน Elementor

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

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

วิธีสร้างแถบความคืบหน้าการไล่ระดับสีใน Elementor

คุณสามารถเปิดบล็อกตัวเลือกอื่น ๆ ได้ภายใต้แท็บ สไตล์ เพื่อตั้งค่าตัวเลือกการจัดสไตล์อื่นๆ

รับ Elementor Pro ทันที!

สรุป

ที่นี่คือ ! บทความนี้จะแสดงวิธีสร้างแถบความคืบหน้าการไล่ระดับสีใน Elementor . เท่านั้น. หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...