Internet Explorer 9 รุ่นเบต้าเปิดตัวเมื่อไม่กี่วันก่อน และหนึ่งในคุณลักษณะนี้รวมการปักหมุดไซต์ใดๆ ไว้ที่ทาสก์บาร์ ด้วยการลากและวางแท็บไปที่ทาสก์บาร์อย่างง่าย ไซต์ใดๆ ก็สามารถปักหมุดไว้ที่ทาสก์บาร์ได้ และผู้ใช้สามารถคลิกที่ไอคอนเพื่อเปิดไซต์ได้อย่างรวดเร็ว นอกจากนี้ IE 9 ยังอนุญาตให้ผู้ดูแลเว็บเพิ่มรายการจัมพ์ลิสต์ไปยังไอคอนแถบงานได้อีกด้วย บทแนะนำนี้จะแสดงให้คุณเห็นถึงวิธีการเพิ่มรายการจัมพ์ลิสต์ในเว็บไซต์ของคุณ
การนำไปใช้
ในตัวอย่างนี้ เราจะเพิ่มลิงก์ของหมวดหมู่ต่างๆ (ของ Make Tech Easier) ลงใน Jumplist คุณสามารถเปลี่ยน/แก้ไขลิงก์ไปยัง URL ที่คุณต้องการวางได้อย่างแน่นอน
1. เปิดไฟล์ธีมของคุณแล้ววางเมตาแท็กต่อไปนี้ระหว่าง และ แท็ก หากคุณกำลังใช้ WordPress แท็กจะอยู่ที่ไฟล์ 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” :นี่คือชื่อของรายการที่จะปรากฏบนจัมพ์ลิสต์ ดังนั้นโปรดระบุชื่อที่ชัดเจน
- “action-url=https://xyz.com” :นี่คือหน้าที่จะโหลดเมื่อผู้ใช้คลิกที่ลิงค์
- “icon-url:https://xyz.com/favicon.ico” :นี่คือ favicon (ต้องเป็น favicon ในรูปแบบ ico) ที่จะปรากฏข้างชื่อ
เมตาแท็กแต่ละรายการมีไว้สำหรับลิงก์เดียว ดังนั้น หากคุณมี 5 ลิงก์ คุณจะต้องเพิ่มเมตาแท็ก 5 ครั้ง (และแก้ไขเนื้อหาตามนั้น) โปรดทราบว่า IE 9 อนุญาตให้คุณเพิ่มลิงก์ได้สูงสุด 5 ลิงก์เท่านั้น
แค่นั้นแหละ. เมื่อคุณเพิ่มแท็กเสร็จแล้ว เพียงอัปโหลด/แทนที่ไฟล์ html (หรือ header.php ในกรณีของ WordPress) ไปยังเซิร์ฟเวอร์ของคุณ ตอนนี้เปิด IE9 โหลดไซต์ของคุณ ลากแท็บไปที่ทาสก์บาร์ ลิงก์ของคุณควรปรากฏในจัมพ์ลิสต์
ปรับแต่งเพิ่มเติม
IE 9 ยังให้คุณเพิ่มคำแนะนำเครื่องมือ เปลี่ยนสีปุ่มนำทาง 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"/>
แค่นั้นแหละ.
