Why?
เหตุเกิดจากนั่งทำเว็บให้ลูกค้าอยู่ แต่ติดเงื่อนไขใหญ่ตรงที่มีความจำเป็นจะต้องไปใช้ Gutenberg Addons อื่นนอกจาก GenerateBlocks ซึ่งไม่รองรับการใส่ SVG Code เข้าไปตรง ๆ แล้วส่วนตัวดันไปติดอกชอบใจเจ้า Bootstrap Icons เข้าซะแล้ว จึงหาวิธีอยู่พักใหญ่ที่จะเอาเจ้า Bootstrap Icons นี้มาใช้ต่อให้ได้
How?
จึงค้นพบว่าทั้ง Kadence Blocks Pro, Stackable Pro ที่ใช้อยู่ก็รองรับการเพิ่ม Custom Icons ทั้งคู่ เพียงแต่ต้องมีไฟล์ json ให้มันก็เท่านั้น เลยไปค้นหากลวิธีอยู่หลายนาที จนค้นพบเข้าและทำได้สำเร็จจนได้ครับ โดยการใช้เจ้า IcoMoon ช่วยสร้าง json ให้ก็เท่านั้น
That’s working?
จากการที่ลองก็สามารถใช้งานได้ผ่านการอัปโหลดเจ้า selection.json ที่ IconMoon ช่วยสร้างให้ ลงไปใน Kadence Blocks Pro ก็พบว่าสามารถใช้งานได้ตามปกติครับ
Bonus
จึงเอามาแบ่งปันให้สำหรับท่านใดที่ประสบปัญหาเดียวกัน คือหลงรักเจ้า Bootstrap icons เข้าให้แล้วแต่ไม่สามารถนำมาใช้งานกับ WordPress ได้ซะที นอกจากนี้ ใน Zip ยังมีไฟล์ SVG ทุกตัวซึ่งโหลดตรงจาก Bootstrap Release (V10.10.05) และมีไฟล์ Fonts อยาก TTF, หรือ WOFF, WOFF2 ให้ด้วยครับ
(เปลี่ยนนามสกุลไฟล์จาก PDF เป็น ZIP และใช้งานได้เลยคร้าบ)
https://thanakorn.space/wp-content/uploads/2023/08/Bootstrap10-10-5-Kit-Thanak0rnnn.pdf
Useful Links
Bootstrap icons pack : https://github.com/twbs/icons/releases
Bootstrap icons list: https://icons.getbootstrap.com/
IcoMoon App: https://icomoon.io/app/
