วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderator: mindphp, ผู้ดูแลกระดาน

winnerzx
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 666
ลงทะเบียนเมื่อ: 21/06/2021 10:09 am

วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress

โพสต์ที่ยังไม่ได้อ่าน โดย winnerzx »

วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress

เวลาคุณเข้าไปใน Wedsite แล้วคุณเห็นภาพมันทำให้คุณอยากที่จะกดที่รูปภาพ หรือ Loge แล้วดูว่ามันจะพาเราไปไหน คราวนี้เราจะพูดถึงการวางลิ้ง (Link) ด้วย URL เรามาดูวิธีทำกันว่ามันทำยังไง วิธีที่จะแนะนำมันง่ายมากๆ


ขั้นตอนการวางลิ้ง (URL) บนรูปภาพ ให้คลิกได้ ดังนี้


ขั้นที่ 1 >> การแทรก URL บนแถบเครื่องมือ

ให้ไปหารูปภาพที่เราจะใช้มาก่อนแล้ว คลิกที่รูปภาพ > คลิกที่เครื่องมือ Insert/edit link จากนั้น ให้ใส่ URL ในกล่องข้อความ ตามตัวอย่าง

ขั้นตอนที่ 1
ขั้นตอนที่ 1
รูปภาพ1.png (44.95 KiB) Viewed 9386 times

หากต้องการให้เว็บไซต์ที่แสดง เปิดหน้าต่างแถบใหม่ ให้เราคลิกที่ไอคอน Link options จากนั้นจะปรากฎหน้าต่าง Insert/edit link ให้ติกช่อง Open link in a new tab

รูปแสดงการติก ช่อง  Open link in a new tab
รูปแสดงการติก ช่อง Open link in a new tab
รูปภาพ33.png (42.15 KiB) Viewed 9386 times


ขั้นที่ 2 >> การใส่ URL จากไอคอน Edit

ริ่มด้วยการอัพโหลดรูปภาพที่เราต้องการจะใช้ และ จากนั้นให้ คลิกที่รูปภาพ > คลิกที่ไอคอน edit

ขั้นตอนที่ 2
ขั้นตอนที่ 2
รูปภาพ2.png (46.13 KiB) Viewed 9386 times

จากนั้นจะปรากฎหน้า Image Details เลื่อนไปที่ DISPLAY SETTINGS ให้เลือก Link to > Custom URL และ วาง URL ปลายทาง หรือหน้าเว็บไซต์ที่ต้องการถัดจาก Custom URL

รูปแสดงหน้า Image Details
รูปแสดงหน้า Image Details
รูปภาพ4d.png (24.48 KiB) Viewed 9386 times

หากต้องการให้เว็บไซต์ที่แสดง เปิดหน้าต่างแถบใหม่ ให้เราคลิกที่ 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/
บุคคลทั่วไป

Re: วิธีการวางลิงค์ (URL) ในรูปภาพ ให้สามารถคลิกได้ บน wordpress

โพสต์ที่ยังไม่ได้อ่าน โดย บุคคลทั่วไป »

ขึ้นแบบนี้แก้ยังไง
[img]file:///C:/Users/RATHSAK_TONGDEE/Desktop/12.png[/img]
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 90