แจก Bootstrap Icons Kit สำหรับชาว WordPress

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 ก็พบว่าสามารถใช้งานได้ตามปกติครับ

ภาพหลังจากลอง upload json ไปที่ Kadence 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/

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