Internet Explorer 9 beta được phát hành vài ngày trước và một trong những tính năng là ghim (pin) bất kỳ trang web nào vào thanh tác vụ. Với việc kéo thả đơn giản tab vào thanh tác vụ, bất kỳ trang web nào đều có thể được ghim và người dùng có thể nhanh chóng click vào biểu tượng để khởi chạy trang web. Ngoài ra, IE 9 còn cho phép webmaster thêm các mục jumplist vào biểu tượng thanh tác vụ. Hướng dẫn này cho thấy bạn cách thêm các mục jumplist cho trang web của mình.
Triển khai
Trong ví dụ này, chúng ta sẽ thêm link của các danh mục (của Make Tech Easier) vào jumplist. Bạn có thể thay đổi/sửa đổi link thành URL bạn muốn đặt.
1. Mở file theme của bạn và đặt thẻ meta sau giữa thẻ và . Nếu bạn dùng WordPress, thẻ nằm tại file header.php trong thư mục theme.
<META name="msapplication-task" content="name=Windows;action-uri=https://www.maketecheasier.com/category/windows-tips;icon-uri=https://www.maketecheasier.com/favicon.ico"/>
Các thứ bạn cần thay đổi:
- "name=xyz": Đây là tên mục sẽ hiển thị trên jumplist, hãy đặt tên rõ ràng
- "action-url=https://xyz.com": Đây là trang sẽ tải khi người dùng click vào link.
- "icon-url:https://xyz.com/favicon.ico": Đây là favicon (phải là favicon định dạng ico) sẽ xuất hiện bên cạnh tên
Mỗi thẻ meta là cho một link. Vì vậy nếu bạn có 5 link, bạn phải thêm thẻ meta 5 lần (và sửa nội dung cho phù hợp). Lưu ý IE 9 chỉ cho phép thêm tối đa 5 link.
Đó là xong. Khi bạn đã thêm xong thẻ, chỉ cần upload/thay thế file html (hoặc header.php trong trường hợp WordPress) lên server. Mở IE9, tải trang web, kéo tab vào thanh tác vụ. Các link của bạn sẽ xuất hiện trong jumplist.
Tùy chỉnh thêm
IE 9 cũng cho phép bạn thêm tooltip, thay đổi màu nút điều hướng, URL khởi động, kích thước cửa sổ, v.v. Dưới đây là các thẻ bạn cần chèn
<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"/>
Đó là xong.