คู่มือปลั๊กอิน WordPress
เรียนรู้วิธีติดตั้ง ตั้งค่า และปรับแต่งวิดเจ็ตแปลงสกุลเงินของคุณ
สารบัญ
1 การติดตั้ง
วิธีที่ 1: ติดตั้งจาก WordPress (แนะนำ)
- ไปที่แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ
- ไปที่ Plugins > Add New
- ค้นหา "Currency.Wiki Converter"
- คลิก "Install Now" แล้วคลิก "Activate"
วิธีที่ 2: ติดตั้งด้วยตนเอง
- ดาวน์โหลดปลั๊กอินจาก WordPress.org
- ไปที่ Plugins > Add New > Upload Plugin
- เลือกไฟล์ ZIP ที่ดาวน์โหลดและคลิก "Install Now"
- เปิดใช้งานปลั๊กอินหลังการติดตั้ง
2 การใช้งาน Gutenberg Block
วิธีที่ง่ายที่สุดในการเพิ่มวิดเจ็ตแปลงสกุลเงินลงในเพจของคุณ:
- แก้ไขเพจหรือโพสต์ใด ๆ ด้วย Gutenberg editor
- คลิกปุ่ม + เพื่อเพิ่มบล็อกใหม่
- ค้นหา "Currency Converter" หรือดูในหมวด Widgets
- ตั้งค่าวิดเจ็ตผ่านแถบด้านขวา
เคล็ดลับ: คุณสามารถดูตัวอย่างสดของวิดเจ็ตขณะเปลี่ยนการตั้งค่าใน block editor ได้ทันที
3 การใช้ Shortcode
คุณยังสามารถเพิ่มวิดเจ็ตโดยใช้ shortcode ในโพสต์ เพจ หรือธีม:
การใช้งานพื้นฐาน
[currencywiki_converter]
แอตทริบิวต์ที่ใช้ได้
| แอตทริบิวต์ | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|
| style | compact | รูปแบบวิดเจ็ต (compact, inline, tall, mini-chart ฯลฯ) |
| theme | auto | ธีมสี (auto, light, dark) |
| from | USD | สกุลเงินต้นทางเริ่มต้น (รหัส ISO 3 ตัว) |
| to | EUR | สกุลเงินเป้าหมายเริ่มต้น (รหัส ISO 3 ตัว) |
| amount | 1 | จำนวนเงินเริ่มต้นที่จะแปลง |
| accent | #3b82f6 | สีเน้น (รหัส hex เช่น #3b82f6) |
| embed | script | วิธีฝัง (script หรือ iframe) |
| width | auto | ความกว้างกำหนดเอง (พิกเซล) |
| height | auto | ความสูงกำหนดเอง (พิกเซล) |
ตัวอย่าง
วิดเจ็ตธีมเข้ม:
[currencywiki_converter theme="dark"]
กำหนดสกุลเงินและจำนวนเงินเอง:
[currencywiki_converter from="GBP" to="JPY" amount="100"]
สไตล์ mini chart:
[currencywiki_converter style="mini-chart"]
ใช้ iframe embed (สำหรับความเข้ากันได้กับธีม):
[currencywiki_converter embed="iframe"]
4 รูปแบบวิดเจ็ต
เลือกจากหลายรูปแบบวิดเจ็ตให้เข้ากับดีไซน์เว็บไซต์ของคุณ:
mini
ตัวแปลงขนาดเล็ก เหมาะกับพื้นที่จำกัด (250x140px)
square
ตัวแปลงอัตราส่วน 1:1 (250x250px)
compact
ตัวแปลงขนาดกะทัดรัด ประหยัดพื้นที่ (280x200px)
inline
รูปแบบแนวนอน เหมาะสำหรับส่วนหัว (450x120px)
tall
รูปแบบแนวตั้ง พร้อมป้ายกำกับคลาสสิก (220x360px)
mini-chart
ตัวแปลงขนาดกะทัดรัดพร้อมกราฟย้อนหลัง (250x260px)
multi-expandable
แปลงเป็นหลายสกุลเงิน ผู้ใช้สามารถเพิ่ม/ลบได้ (300x400px)
multi-fixed
รายการแปลงสกุลเงินหลายรายการแบบคงที่ (280x360px)
rates-compact
รายการอัตราแลกเปลี่ยนแบบง่าย (260x260px)
rates-viewer
ดูอัตราเต็มรูปแบบพร้อมกราฟ (350x420px)
rates-viewer-compact
ดูอัตราแบบกะทัดรัดพร้อมกราฟ (300x340px)
เคล็ดลับ: ใช้ Widget Builder ในแอดมิน WordPress ของคุณเพื่อดูตัวอย่างทุกรูปแบบก่อนเพิ่มลงในเว็บไซต์
5 ตัวเลือกการตั้งค่า
หน้าการตั้งค่าปลั๊กอินในแอดมิน WordPress ของคุณให้คุณตั้งค่าตัวเลือกเริ่มต้นได้:
ตัวเลือกธีม
- auto - จับคู่กับโทนสีของเว็บไซต์คุณโดยอัตโนมัติ
- light - ใช้พื้นหลังสว่างเสมอ
- dark - ใช้พื้นหลังเข้มเสมอ
วิธีฝัง
- script - ค่าเริ่มต้น วิดเจ็ตโหลดในหน้าและใช้งานได้เต็มที่ รายการสกุลเงินจะแสดงทับเนื้อหาอื่น
- iframe - ตัวเลือกสำรอง วิดเจ็ตโหลดใน iframe แยก ใช้หากเกิดปัญหาความเข้ากันกับธีม
หมายเหตุ: หากรายการสกุลเงินแสดงอยู่ด้านหลังหรือถูกตัด ให้ลองเปลี่ยนเป็นโหมดฝัง iframe
6 การแก้ไขปัญหา
วิดเจ็ตไม่แสดง?
ตรวจสอบให้แน่ใจว่าปลั๊กอินถูกเปิดใช้งาน ตรวจสอบปลั๊กอินแคชว่าต้องล้างหรือไม่ หากโหมด script embed ไม่ทำงาน ให้ลองใช้ iframe embed
วิดเจ็ตแสดงผลผิดปกติหรือสไตล์ขัดแย้ง?
บางธีม WordPress อาจขัดแย้งกับสคริปต์วิดเจ็ต ให้เปลี่ยนเป็นโหมดฝัง iframe โดยเพิ่ม embed="iframe" ใน shortcode ของคุณ
รายการสกุลเงินถูกซ่อนหรือตัดขาด?
อาจเกิดจาก container มี overflow:hidden ให้ลองใช้โหมด iframe หรือปรับ CSS ของธีมให้ container ของวิดเจ็ตแสดง overflow ได้
วิดเจ็ตแสดงอัตราเก่า?
อัตราแลกเปลี่ยนอัปเดตอัตโนมัติ หากใช้ปลั๊กอินแคช ให้ยกเว้นสคริปต์วิดเจ็ตจากการแคชหรือล้างแคชหลังเปลี่ยนแปลง
ต้องการความช่วยเหลือ?
หาไม่เจอในคู่มือ? ทีมซัพพอร์ตของเราพร้อมช่วยเหลือคุณ
