วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress
เวลาคุณเข้าไปใน Wedsite แล้วคุณเห็นภาพมันทำให้คุณอยากที่จะกดที่รูปภาพ หรือ Loge แล้วดูว่ามันจะพาเราไปไหน คราวนี้เราจะพูดถึงการวางลิ้ง (Link) ด้วย URL เรามาดูวิธีทำกันว่ามันทำยังไง วิธีที่จะแนะนำมันง่ายมากๆ
ขั้นตอนการวางลิ้ง (URL) บนรูปภาพ ให้คลิกได้ ดังนี้
ขั้นที่ 1 >> การแทรก URL บนแถบเครื่องมือ
ให้ไปหารูปภาพที่เราจะใช้มาก่อนแล้ว คลิกที่รูปภาพ > คลิกที่เครื่องมือ Insert/edit link จากนั้น ให้ใส่ URL ในกล่องข้อความ ตามตัวอย่าง
หากต้องการให้เว็บไซต์ที่แสดง เปิดหน้าต่างแถบใหม่ ให้เราคลิกที่ไอคอน Link options จากนั้นจะปรากฎหน้าต่าง Insert/edit link ให้ติกช่อง Open link in a new tab
ขั้นที่ 2 >> การใส่ URL จากไอคอน Edit
ริ่มด้วยการอัพโหลดรูปภาพที่เราต้องการจะใช้ และ จากนั้นให้ คลิกที่รูปภาพ > คลิกที่ไอคอน edit
จากนั้นจะปรากฎหน้า Image Details เลื่อนไปที่ DISPLAY SETTINGS ให้เลือก Link to > Custom URL และ วาง URL ปลายทาง หรือหน้าเว็บไซต์ที่ต้องการถัดจาก Custom URL
หากต้องการให้เว็บไซต์ที่แสดง เปิดหน้าต่างแถบใหม่ ให้เราคลิกที่ ADVANCED OPTIONS แล้วกดช่อง Open link in a new tab จากนั้น กดปุ่ม Update แค่นี้ก้เป็นอันเสร็จแล้ว
สรุปได้ว่า :
จากที่กล่าวมามันง่ายมากที่คุณจะเดินทางจากที่หนึ่งไปยังอีกที่หนึ่งด้วย Link โดยโปรแกรม URL โดยเราแค่ไปหารูปภาพที่จะใช้แล้วเอามาใส่ในตัวโปรแกรม แค่นี้ก็เริ่มทำ URL ให้กับภาพได้เลย เป็นอะไรที่ทุกคนที่จะทำเว็บไซต์ต้องควรรู้เพราะเป็นอะไรที่ทำได้ง่ายไม่ซ้ำซ้อน ขอให้ สิ่งที่แนะนำในบทความ เอาไปใช้ให้เกิดประโยช์ต่อการทำเว็บไซตืของเราหน้าดูดีต่อไป
แหล่งที่มา
>> https://www.hostinglotus.com/hosting/knowledgebase/196/-url--.html
>>https://www.chessstudio.co.th/%E0%B8%A7%E0%B8%B2%E0%B8%87%E0%B8%A5%E0%B8%B4%E0%B8%87%E0%B8%84%E0%B9%8C%E0%B9%83%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%9A%E0%B8%99wordpress/
>> https://www.it24hrs.com/2019/hyperlink-image-in-gmail/
วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Super Hero Member
- โพสต์: 666
- ลงทะเบียนเมื่อ: 21/06/2021 10:09 am
Re: วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress
ขึ้นแบบนี้แก้ยังไง
[img]file:///C:/Users/RATHSAK_TONGDEE/Desktop/12.png[/img]
[img]file:///C:/Users/RATHSAK_TONGDEE/Desktop/12.png[/img]
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 1 ตอบกลับ
- 3102 แสดง
-
โพสต์ล่าสุด โดย mindphp
26/11/2016 4:47 pm
-
-
โพสต์ใหม่ สอนสร้าง Plugin WordPress (2) : ทำความรู้จัก Hooks (ฮุค) WordPress
โดย thatsawan » 25/10/2016 11:59 am » ใน Wordpress Developing Knowledge - 6 ตอบกลับ
- 9897 แสดง
-
โพสต์ล่าสุด โดย mindphp
16/02/2024 4:24 pm
-
-
-
โพสต์ใหม่ WordPress 4.3 ออกแล้ว มีอะไรใหม่ ใน WordPress 4.3
โดย prakasit.bank » 14/07/2015 2:09 pm » ใน Wordpress user Guide Knowledge - 1 ตอบกลับ
- 3960 แสดง
-
โพสต์ล่าสุด โดย mindphp
22/05/2022 9:48 pm
-
-
-
โพสต์ใหม่ ข้อแตกต่างระหว่าง WordPress.org กับ WordPress.com
โดย fern2535 » 06/08/2015 4:29 pm » ใน Wordpress user Guide Knowledge - 0 ตอบกลับ
- 4399 แสดง
-
โพสต์ล่าสุด โดย fern2535
06/08/2015 4:29 pm
-
-
-
โพสต์ใหม่ WordPress ทำไมถึงได้รับความนิยมในการสร้างเว็บไซต์
โดย winnerzx » 25/06/2021 8:28 pm » ใน Wordpress user Guide Knowledge - 0 ตอบกลับ
- 1403 แสดง
-
โพสต์ล่าสุด โดย winnerzx
25/06/2021 8:28 pm
-
-
- 0 ตอบกลับ
- 4217 แสดง
-
โพสต์ล่าสุด โดย M032
14/01/2016 6:37 pm
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 90