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

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

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

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

1. Log in เข้าส่วนสมาชิก ที่เมนู "ระบบพื้นฐาน"  คลิก "จัดการกลุ่มบทความ / บทความ" (หรือเมนูอื่น ๆ ที่มีเครื่องมือ Text Editor เช่น เมนูหลัก, เมนูย่อย ชนิด สร้างหน้าใหม่ เป็นต้น)

 

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

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

 

 

Jittima  Suebsook
www.ReadyPlanet.com




วิธีใส่ข้อมูลและตกแต่งเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างหน้าแรก (Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article
แนะนำการวาง Code Youtube ในเว็บไซต์
วิธีสร้างลิงก์ E-Mail
4 วิธี เคลียร์เนื้อหายาวๆ ในเว็บไซต์ ให้น่าอ่าน
ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
สร้างลิงก์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
สร้างรูปภาพเคลื่อนไหวแบบ Marquee
วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
เทคนิคการสร้างลิงก์เมนูและรูปภาพแบนเนอร์ ในพื้นที่ด้านล่างของเว็บไซต์
วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
วิธีติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
5 องค์ประกอบของเว็บไซต์ที่ดี
5 สิ่งที่ต้องมี บนโฮมเพจเว็บไซต์
แนะนำโปรแกรมตกแต่งและใส่กรอบรูปภาพฟรี! ใช้ง่าย นำไปแต่งเว็บให้โดดเด่นได้เลย
ใช้ระบบ Chat บนหน้าเว็บไซต์ ช่วยถามตอบทุกข้อสงสัย พร้อมเพิ่มโอกาสปิดการขายได้มากกว่า
โชว์เส้นทาง สร้างแผนที่บนเว็บไซต์ง่ายๆ ใช้ Google Map
Google Verification (วิธียืนยันการเป็นเจ้าของเว็บไซต์กับทาง Google)
วิธีการสร้างและยืนยัน Sitemap ของเว็บไซต์กับ Google
วิธีติดตั้งโค้ด Google Analytics
วิธีติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
สร้างฐานลูกค้าออนไลน์อย่างง่ายแต่มั่นคง ด้วยระบบสมาชิก
เทคนิคสร้างลิงค์และปุ่มโทรบนเว็บไซต์ เพื่อการติดต่อที่ง่าย แค่คลิก แล้วโทร
วิธีเพิ่มลิงก์ Add LINE และปุ่ม LINE it! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก