ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor article

สมาชิก ReadyPlanet หลายท่านคงเคยพบกับปัญหาข้อมูลในหน้า Webpage บางหน้ามีเนื้อหายาวมาก ทำให้ไม่สะดวกในการอ่านข้อมูล หรือต้องการอำนวยความสะดวกแก่ผู้อ่าน เมื่ออ่านไปสู่ด้านล่างของเนื้อหาแล้วให้สามารถคลิกกลับสู่ด้านบนได้อย่างรวดเร็ว  วันนี้เรามีเทคนิคการสร้างลิงค์ในหน้าเดียวกันด้วยเครื่องมือ Text Editor ชื่อ Anchor ในระบบเว็บไซต์สำเร็จรูปของ ReadyPlanet มาแนะนำค่ะ  เพื่อเพิ่มความสะดวกในการอ่านข้อมูลบนหน้าเว็บไซต์ได้ง่ายขึ้น โดยมีขั้นตอนดังนี้

(ในบทความนี้ จะยกตัวอย่างการสร้างลิงค์ในหน้าเดียวกันรูปแบบ "กลับสู่ด้านบน" เพื่อให้ผู้อ่านที่อ่านข้อมูลตำแหน่งด้านล่างของหน้าเว็บไซต์ สามารถคลิกกลับสู่เนื้อหาส่วนบนได้อย่างสะดวกค่ะ)

1. Log in เข้าส่วนสมาชิก ที่เมนู "ระบบพื้นฐาน"  คลิก "จัดการกลุ่มบทความ / บทความ"

 
2. คลิกชื่อกลุ่มบทความที่ต้องการ  ระบบแสดงบทความที่มีอยู่ภายในกลุ่มบทความนั้นๆ ขึ้นมา  จากนั้นคลิกที่ปุ่ม  (แสดงตัวอย่าง) ที่บทความที่ต้องการสร้างลิงค์ภายในหน้าเดียวกัน

 
3. ปรากฎหน้าต่างบทความที่ต้องการสร้างลิงค์ในหน้าเดียวกัน ให้ทำการ Copy Url ที่ปรากฎในช่อง Address สำรองไว้ โดยอาจนำไปวางไว้ในโปรแกรม Notepad ก่อนค่ะ

 
4. กลับสู่หน้า  "จัดการกลุ่มบทความ / บทความ" อีกครั้ง จากนั้นคลิก   (แก้ไขบทความ) ที่ต้องการสร้างลิงค์ภายในหน้าเดียวกัน

 
5. จากนั้นนำเมาส์ไปวางไว้ยังตำแหน่งเริ่มต้นส่วนบนของหน้า Webpage  และคลิกคลิกคำสั่ง   ( Anchor )

 
6. จะปรากฏหน้าต่าง Anchor Properties พิมพ์ข้อความเพื่อตั้งชื่อระบุตำแหน่งของ Anchor ในช่อง Anchor Name เช่น top เป็นต้น และคลิก OK 

 
7. ปรากฏตำแหน่งของ  Anchor ชื่อ top ที่ส่วนบนของเนื้อหาบทความ

 
8. พิมพ์ข้อความที่ต้องการผูกลิงค์ที่ด้านล่างของหน้า Webpage ในที่นี้คือคำว่า  "กลับสู่ด้านบน" ทำการผูกลิงค์ข้อความโดยไฮไลท์ข้อความดังกล่าว  หลังจากนั้นคลิกที่คำสั่ง  ( Hyperlink in Text )

 
9. ปรากฏหน้าต่าง Link ในช่อง URL ให้ท่านวาง Url ที่ copy มา (ในข้อที่ 3.)  ตามด้วยสัญลักษณ์  #  และตามด้วยข้อความที่พิมพ์ในข้อ 6 (ในกรณีนี้คือ top) หลังจากนั้น คลิก OK 

และสุดท้าย อย่าลืมกด "บันทึก" การเปลี่ยนแปลงแก้ไขบทความหรือหน้าเว็บที่ท่านได้สร้างลิงก์ Anchor ไว้ด้วยนะคะ :)

 
ตัวอย่างการแสดงผลการสร้างลิงค์ในหน้าเดียวกัน ด้วยคำสั่ง Anchor

กลับสู่ด้านบน