Ghi chú:
Từ phiên bản Internet Explorer 9, Microsoft đã cho phép ghim trang web vào Start menu. Điều này cho phép người dùng truy cập trang web ưa thích của mình một cách nhanh chóng.
Đối với trang web được ghim, sẽ có vài điểm đặc biệt như biểu tượng(icon) trang web sẽ thay cho biểu tượng trang chủ và đặt trước nút điều hướng, nền nút điều hướng đổi theo màu chủ đạo của biểu tượng, các tùy chỉnh trình duyệt được đưa về mặc định.
Nhà phát triển sẽ có thể tạo một số tùy chỉnh cho trang web của mình khi được ghim. Trong bài này mình sẽ hướng dẫn các bạn tạo danh sách tác vụ - Theo hình trên nó là vị trí Jump list Tasks.
Hướng dẫn:
Đầu tiên bạn phải có một biểu tượng. Chrome, firefox,.. vẫn chấp nhận hiển thị biểu tượng không phải dạng *.ico, Internet Explorer thì không, bắt buộc bạn phải dùng file ảnh *.ico và nên dùng kích cỡ 32x32 px.
Nếu chưa có, bạn có thể tạo tại: [You must be registered and logged in to see this link.]
Để dùng công cụ này, trình duyệt của bạn phải hỗ trợ HTML5. Mặc dù công cụ này có hỗ trợ vẽ biểu tượng, nhưng hơi bất tiện. Nếu bạn định kiếm một công cụ đổi biểu tượng của bạn sang dạng *.ico thì dùng nó cũng không tồi.
Tải biểu tượng của bạn lên.
Xem hiển thị ở 4 kích cỡ, bạn cũng có thể vẽ vời thêm nếu muốn.
Xem trước hiển thị ở các vị trí.
Sau đó bạn nhấn vào Export để tải xuống. Chọn một host có hỗ trợ ảnh *.ico như dropbox chẳng hạn, tải lên và lấy liên kết trực tiếp. Và thay vào favicon của diễn đàn:
ACP >> QLTT >> Forum >> Cấu hình diễn đàn >> Forum favicon
Để tạo liên kết cho danh sách tác vụ bạn dùng thẻ Siêu dữ liệu(metadata) msapplication-task, cấu trúc như sau:
{Liên kết đến bểu tượng} không nhất thiết phải giống biểu tượng của diễn đàn, bạn có thể dùng các ảnh khác những phải theo định dạng *.ico
Trong forumotion, bạn vào ACP >> QLTT >> Forum promotion >> Search engines >> Additional tags
Lần lượt tạo các thẻ META như sau.
Referencing : metatags
"name" attribute : msapplication-task
"content" attribute : name={Tên liên kết}; action-uri={Liên kết}; icon-uri={Liên kết đến bểu tượng}
Kết quả:
Nguồn tham khảo: [You must be registered and logged in to see this link.]
Từ phiên bản Internet Explorer 9, Microsoft đã cho phép ghim trang web vào Start menu. Điều này cho phép người dùng truy cập trang web ưa thích của mình một cách nhanh chóng.
Đối với trang web được ghim, sẽ có vài điểm đặc biệt như biểu tượng(icon) trang web sẽ thay cho biểu tượng trang chủ và đặt trước nút điều hướng, nền nút điều hướng đổi theo màu chủ đạo của biểu tượng, các tùy chỉnh trình duyệt được đưa về mặc định.
Nhà phát triển sẽ có thể tạo một số tùy chỉnh cho trang web của mình khi được ghim. Trong bài này mình sẽ hướng dẫn các bạn tạo danh sách tác vụ - Theo hình trên nó là vị trí Jump list Tasks.
Hướng dẫn:
Đầu tiên bạn phải có một biểu tượng. Chrome, firefox,.. vẫn chấp nhận hiển thị biểu tượng không phải dạng *.ico, Internet Explorer thì không, bắt buộc bạn phải dùng file ảnh *.ico và nên dùng kích cỡ 32x32 px.
Nếu chưa có, bạn có thể tạo tại: [You must be registered and logged in to see this link.]
Để dùng công cụ này, trình duyệt của bạn phải hỗ trợ HTML5. Mặc dù công cụ này có hỗ trợ vẽ biểu tượng, nhưng hơi bất tiện. Nếu bạn định kiếm một công cụ đổi biểu tượng của bạn sang dạng *.ico thì dùng nó cũng không tồi.
Tải biểu tượng của bạn lên.
Xem hiển thị ở 4 kích cỡ, bạn cũng có thể vẽ vời thêm nếu muốn.
Xem trước hiển thị ở các vị trí.
Sau đó bạn nhấn vào Export để tải xuống. Chọn một host có hỗ trợ ảnh *.ico như dropbox chẳng hạn, tải lên và lấy liên kết trực tiếp. Và thay vào favicon của diễn đàn:
ACP >> QLTT >> Forum >> Cấu hình diễn đàn >> Forum favicon
Để tạo liên kết cho danh sách tác vụ bạn dùng thẻ Siêu dữ liệu(metadata) msapplication-task, cấu trúc như sau:
- Code:
<meta name="msapplication-task"
content="name={Tên liên kết};
action-uri={Liên kết};
icon-uri={Liên kết đến bểu tượng}" />
{Liên kết đến bểu tượng} không nhất thiết phải giống biểu tượng của diễn đàn, bạn có thể dùng các ảnh khác những phải theo định dạng *.ico
Trong forumotion, bạn vào ACP >> QLTT >> Forum promotion >> Search engines >> Additional tags
Lần lượt tạo các thẻ META như sau.
- Metatags Administration
- Add type : Create a "Meta" Tag type
- Mã "content" của Ctrl©:
- Code:
name=Thành viên; action-uri=/memberlist; icon-uri=http://dl.dropboxusercontent.com/u/126946313/user-32.ico
name=Nhóm; action-uri=/groups; icon-uri=http://dl.dropboxusercontent.com/u/126946313/group-32.ico
name=Hồ sơ; action-uri=/profile?mode=editprofiles; icon-uri=http://dl.dropboxusercontent.com/u/126946313/business_contact-32.ico
name=Tin nhắn; action-uri=/privmsg?folder=inbox; icon-uri=http://dl.dropboxusercontent.com/u/126946313/new_post-32.ico
name=Trợ giúp; action-uri=/faq; icon-uri=http://dl.dropboxusercontent.com/u/126946313/help-32.ico
- Một số tùy chỉnh thêm cho trang được ghim:
- application-name: Tên sẽ hiển thị của trang khi ghim.
- Code:
<meta name="application-name" content="Đơn giản Ctrl©" />
- msapplication-tooltip: Thông tin hiển thị khi rê chuột qua biểu tượng.
- Code:
<meta name="msapplication-tooltip" content="Hướng dẫn - Chia sẽ - Phát triển ứng dụng Forumotion" />
- msapplication-starturl: Liên kết trang phổ biến, thường là / hoặc tên miền(chỉ giao thức http hoặc https và có gạch chéo /)
- Code:
<meta name="msapplication-starturl" content="http://ctrlc.123.st/" />
- msapplication-navbutton-color: Mã màu HEX nền nút điều hướng, nếu không dùng thẻ này, nút điều hướng sẽ có nền theo màu chỉ đạo của biểu tượng trang.
- Code:
<meta name="msapplication-navbutton-color" content="#666666" />
- msapplication-window: Kích thước của sổ khi mở lên (width >= 800 và height >= 600)
- Code:
<meta name="msapplication-window" content="width=1024;height=768" />
- application-name: Tên sẽ hiển thị của trang khi ghim.
Kết quả:
Nguồn tham khảo: [You must be registered and logged in to see this link.]
Viết bởi [You must be registered and logged in to see this link.] - [You must be registered and logged in to see this link.]