วิธีสร้างลิงก์ไปยังส่วนเฉพาะของหน้าเว็บ

ปัจจุบันทุกคนแชร์และสร้างลิงก์เพื่อหลายวัตถุประสงค์ เป็นส่วนหนึ่งของชีวิตประจำวัน แต่หากแชร์ลิงก์ไปยังเอกสารยาวๆ ผู้รับอาจลำบากหาข้อมูลที่ต้องการสื่อสาร ดังนั้น การสร้างและใช้ "Specific Links" ที่นำไปยังพื้นที่เฉพาะของหน้า จึงเป็นแนวทางที่ดี

บทความนี้ จะสอนวิธีสร้างลิงก์ไปยังส่วนเฉพาะของหน้า ขึ้นอยู่กับแพลตฟอร์ม ติดตามวิธีอย่างระมัดระวัง

วิธีสร้างลิงก์ไปยังส่วนเฉพาะของหน้า

หลังได้รับคำขอจากผู้ใช้มากมาย เราจัดทำคู่มือแยกสำหรับแพลตฟอร์มยอดนิยม ดังนี้:

สำหรับ WordPress:

1. คลิกไอคอน Plus (+) เพิ่ม Block ใหม่
2. เลือก Heading เป็นประเภท Block พิมพ์ข้อความหัวข้อ
3. คลิกดรอปดาวน์ Advanced เลือก HTML Anchor
4. พิมพ์ข้อความที่จะใช้เป็น Anchor (จุดโยน) หมายเหตุ: พิมพ์ไม่มีเว้นวรรค ใช้ - คั่นคำ
5. พิมพ์ข้อความ เพิ่มรูป หรือ Button ที่จะคลิกเพื่อโยนไปยัง Anchor
6. ไฮไลท์ข้อความ/รูป/ปุ่ม คลิกปุ่ม Link ใน Toolbar ของ Block
7. ใส่ #(HTML Anchor ที่สร้างขั้นตอน 4) กด Enter สร้างลิงก์ไปยังส่วนเฉพาะ
8. ตอนนี้ ผู้ใช้คลิกลิงก์ จะถูกนำไปยัง Heading ที่เลือกขั้นตอน 2

สำหรับเว็บไซต์อื่นๆ:

สมมติคุณไม่ควบคุมเว็บไซต์ และเว็บไม่ได้สร้าง Page Jumps เอง ยังมีวิธีหนึ่งนำลิงก์ไปส่วนเฉพาะ:

1. สมมติต้องการลิงก์ไปคำตอบเฉพาะบนฟอรัม
2. เลื่อนลง ไฮไลท์คำตอบนั้น
3. คลิกขวาบริเวณที่ไฮไลท์ เลือก Inspect
4. Inspect จะแสดง Elements ของส่วนนั้น
5. จะเห็น <div> หลัก ที่แยกย่อยเป็น <div>... ย่อยๆ
6. ใน <div> หลัก จะเห็นคำว่า id="answer-(number)"
7. เลือกคำทั้งหมดในเครื่องหมายคำพูดหลัง id= คลิกขวา Copy
8. จดคำเหล่านั้น ใส่ # นำหน้า ต่อท้าย URL ของเว็บไซต์
9. ตัวอย่าง: URL เดิม:

   https://stackoverflow.com/questions/1465381/catching-the-dreaded-blue-screen-of-death

   กลายเป็น:

   https://stackoverflow.com/questions/1465381/catching-the-dreaded-blue-screen-of-death#answer-1465388

10. URL นี้สามารถใช้ลิงก์ไปยังส่วนเฉพาะของหน้าได้