Internet Explorer 9 beta เปิดตัวเมื่อไม่กี่วันก่อน และฟีเจอร์หนึ่งคือการปักหมุดเว็บไซต์ใดๆ ไปที่แถบงาน ด้วยการลากและวางแท็บไปที่แถบงาน เว็บไซต์ใดๆ ก็สามารถปักหมุดได้ และผู้ใช้สามารถคลิกไอคอนเพื่อเปิดเว็บไซต์ได้อย่างรวดเร็ว นอกจากนี้ IE 9 ยังอนุญาตให้เว็บมาสเตอร์เพิ่มรายการ jumplist ไปที่ไอคอนแถบงาน บทช่วยสอนนี้แสดงวิธีเพิ่มรายการ jumplist ให้เว็บไซต์ของคุณ
การนำไปใช้
ในตัวอย่างนี้ เราจะเพิ่มลิงก์ของหมวดหมู่ต่างๆ (ของ Make Tech Easier) ลงใน jumplist คุณสามารถเปลี่ยน/แก้ไขลิงก์เป็น URL ที่คุณต้องการได้
1. เปิดไฟล์ธีมของคุณ และวาง meta tag ต่อไปนี้ระหว่างแท็ก <head> และ </head> หากคุณใช้ WordPress แท็ก <head></head> อยู่ที่ไฟล์ header.php ในโฟลเดอร์ธีม
<META name="msapplication-task" content="name=Windows;action-uri=https://www.maketecheasier.com/category/windows-tips;icon-uri=https://www.maketecheasier.com/favicon.ico"/>
สิ่งที่คุณต้องเปลี่ยน:
- "name=xyz": นี่คือชื่อรายการที่จะปรากฏใน jumplist ให้ตั้งชื่อให้ชัดเจน
- "action-uri=https://xyz.com": นี่คือหน้าที่จะโหลดเมื่อผู้ใช้คลิกลิงก์
- "icon-uri:https://xyz.com/favicon.ico": นี่คือ favicon (ต้องเป็น favicon รูปแบบ ico) ที่จะปรากฏข้างชื่อ
แต่ละ meta tag สำหรับลิงก์หนึ่งรายการ ดังนั้นถ้าคุณมี 5 ลิงก์ คุณต้องเพิ่ม meta tag 5 ครั้ง (และแก้ไข content ตามลำดับ) โปรดทราบว่า IE 9 อนุญาตให้เพิ่มได้สูงสุด 5 ลิงก์
แค่นี้ครับ เมื่อเพิ่มแท็กเสร็จ อัปโหลด/แทนที่ไฟล์ html (หรือ header.php ในกรณี WordPress) ไปที่เซิร์ฟเวอร์ ตอนนี้เปิด IE9 โหลดเว็บไซต์ ลากแท็บไปที่แถบงาน ลิงก์ของคุณควรปรากฏใน jumplist แล้ว
การปรับแต่งเพิ่มเติม
IE 9 ยังอนุญาตให้เพิ่ม tooltip เปลี่ยนสีปุ่มนำทาง startup url ขนาดหน้าต่าง ฯลฯ นี่คือแท็กที่คุณต้องแทรก
<meta name="application-name" content="Sample Site Mode Application"/> <meta name="msapplication-tooltip" content="Start the page in Site Mode"/> <meta name="msapplication-starturl" content="https://example.com/start.html"/> <meta name="msapplication-window" content="width=800;height=600"/> <meta name="msapplication-navbutton-color" content="red"/>
แค่นี้ครับ
