3 ขั้นตอน ใส่ ไอคอนไลน์ ในธีม Flatsome แบบง่ายๆ

3 ขั้นตอน ใส่ ไอคอนไลน์ ในธีม Flatsome แบบง่ายๆ

สวัสดีครับพอดีมีเพื่อนๆจากคอร์สนี้ครับ สอนสร้างเว็บจากธีม Flatsome  ขอบคุณสำหรับคำถามครับถามว่า ในส่วนของ social share ข้างบน เราสามารถใส่ ไลน์ หรือว่าลิงก์ไลน์ได้ไหม? ทำได้ครับ เดี๋ยวผมทำให้ดูครับ แต่ว่า VDO อาจจะต้องรอหน่อยนะครับ เสร็จแล้วเดี๋ยว เอามาใส่ พอดีไมค์ เสีย ^^

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

1. เลือกไอคอนที่เราต้องการ

สำหรับขั้นตอนแรกให้เราเลือก ไอคอนที่เราต้องการ สำหรับอันนี้ผมไปโหลดมาจาก google ครับ เพราะง่ายดี 555 ให้เราเลือกอันที่เป็น pgn หรือว่าทำเองก็ได้ครับแต่แนะนำนว่า ต้องพื้นใส่ หรือไม่มีพื้นหลังนะครับ ใครใช้ canva pro อยูก็ง่าย อันนี้จริงแล้ว เราเลือกใส่ได้หมดเลยครับ ว่าต้องการอะไร อาจจะเป็นปุ่มภาพที่ต้องการ ได้หมดครับ

2. สร้าง Code ที่ต้องการเอาไปใส่ อันนี้ง่ายมากก

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

• ให้เราสร้างโพสขึ้นมา 1 อันครับ ไม่ต้องใส่หัวเรื่องครับ
• ส่วนของเนื้อหา ให้เราใส่ภาพเข้าไปเลย อันที่จะเป็นไอคอนที่เราต้องการ
• ใส่ลิงก์ที่เมื่อกดแล้ว ไปด้วย
• ปรับขนาดให้เรียบร้อย
• เปลี่ยนไปที่โหมด text
• ทำการคัดลอกโค๊ดออกมาเก็บไว้ครับ

3. เอาไปแปะกัน

อันนี้ เมื่อเราได้โค๊ดมาแล้ว ให้ไปเลือกที่ส่วนหัวของธีมครับ และเลือกที่ต้องการจะใส่ แล้วเลือก HTML มาครับ จากนั้นเราก็เอา โค๊ดไปแปะเรียบร้อยครับ ง่ายๆแบบนี้แหละครับ ^^

มาดูวีดีโอวิธีการทำกันครับ

อันนี้อยากทำคนดู 1 คนผมก็ok แล้ว ^^