วิธีสร้างแผนภูมิใน WordPress ด้วยปลั๊กอินฟรี

พยายามสร้างแผนภูมิใน WordPress?

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

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

• CSV
• ไฟล์เอ็กเซล
• Google สเปรดชีต
• URL

จากนั้น คุณสามารถสร้างแผนภูมิและกราฟประเภทต่างๆ รวมถึงวงกลม เส้น แท่ง แผนที่ และอื่นๆ อีกมากมาย

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

เวอร์ชันพรีเมียมจะเพิ่มฟีเจอร์ต่างๆ มากขึ้น เช่น การนำเข้าฐานข้อมูล ตัวแก้ไขที่คล้ายกับ Excel ในเบราว์เซอร์ และประเภทแผนภูมิอื่นๆ อีกมากมาย

วิธีสร้างแผนภูมิใน WordPress ด้วย Visualizer: บทช่วยสอนทีละขั้นตอน

ต่อไปนี้คือวิธีสร้างแผนภูมิใน WordPress ด้วยปลั๊กอิน Visualizer ในหกขั้นตอนที่ปฏิบัติตามได้ง่าย:

1. ติดตั้งปลั๊กอิน Visualizer ฟรี
2. สร้างแผนภูมิใหม่
3. เลือกประเภทแผนภูมิของคุณ
4. นำเข้า/กำหนดค่าข้อมูลแผนภูมิของคุณ
5. กำหนดค่ารูปแบบ/การตั้งค่าแผนภูมิของคุณ
6. ฝังแผนภูมิของคุณ

1. ติดตั้งปลั๊กอิน Visualizer ฟรี

สิ่งแรกที่ต้องทำคือไปที่ที่เก็บ WordPress และดาวน์โหลด ติดตั้งและเปิดใช้งานปลั๊กอิน:

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

2. สร้างแผนภูมิใหม่

จากนั้นไปที่เมนู WordPress และคลิกที่ Visualizer จากที่นี่ มีสองวิธีในการสร้างแผนภูมิใน WordPress หนึ่งคลิกที่ เพิ่มแผนภูมิใหม่ ในเมนู:

หรือ เปิดหน้า/โพสต์ใหม่ ค้นหารายการ Visualizer ในตัวแก้ไขบล็อก Gutenberg แล้วคลิกบน:

จากนั้น คุณจะมีตัวเลือกระหว่าง สร้างแผนภูมิใหม่ และ แสดงแผนภูมิที่มีอยู่ หากคุณมีแผนภูมิในไลบรารี Visualizer ให้เลือกแสดงแผนภูมิที่มีอยู่ เนื่องจากเรากำลังสร้างแผนภูมิแรก มาคลิกที่ สร้างแผนภูมิใหม่

3. เลือกประเภทแผนภูมิของคุณ

ในหน้าจอที่เปิดขึ้น คุณสามารถเลือกประเภทของแผนภูมิที่คุณต้องการจากแผนภูมิ 15 ประเภท:

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

4. นำเข้า/กำหนดค่าข้อมูลแผนภูมิของคุณ

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

คุณสามารถนำเข้าข้อมูลจากไฟล์หรือ URL ด้วยเวอร์ชันฟรี นำเข้าข้อมูลจากแผนภูมิ WordPress ฐานข้อมูลหรือการเพิ่มด้วยตนเองทั้งหมดรวมอยู่ในตัวเลือก Pro:

ข้อมูลควรอยู่ในรูปแบบ CSV

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

5. กำหนดค่ารูปแบบ/การตั้งค่าแผนภูมิของคุณ

ด้วยข้อมูลของคุณใน Visualizer ให้ปรับแต่งตารางของคุณโดยคลิกที่แท็บ การตั้งค่า :

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

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

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

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

หลังจากที่คุณปรับแต่งแผนภูมิเสร็จแล้ว ให้คลิก บันทึกแผนภูมิ นี่คือลักษณะที่แผนภูมิของฉันปรากฏในเครื่องมือแก้ไขบล็อก:

และนี่คือลักษณะที่ปรากฏในแท็บแสดงตัวอย่าง:

6. ฝังแผนภูมิของคุณ

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

ทำซ้ำขั้นตอนเหล่านี้เพื่อสร้างแผนภูมิเพิ่มเติม

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

ไฟล์ CSV แหล่งข้อมูลได้รับการแก้ไขเพื่อแสดงจำนวนวันที่มีแดดสำหรับเมืองเดียวเท่านั้น เนื่องจากแผนภูมิวงกลมแสดงภาพเป็นเปอร์เซ็นต์

ด้านล่างนี้คือตัวอย่างจริงของแผนภูมิวงกลมที่สร้างขึ้นใหม่ ลองวางเมาส์เหนือส่วนต่างๆ ของแผนภูมิ ซึ่งจะแสดงรายละเอียดของเปอร์เซ็นต์ของวันที่แสดง:

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

เริ่มสร้างแผนภูมิใน WordPress วันนี้

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

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

หากคุณพร้อมที่จะเริ่มต้น ให้ติดตั้งปลั๊กอิน Visualizer วันนี้

คุณยังมีข้อสงสัยเกี่ยวกับวิธีสร้างแผนภูมิใน WordPress หรือไม่? แจ้งให้เราทราบในความคิดเห็น!