« Windows Live サインインページで入力したIDを削除したい | トップページ | Windows Live Mail 2011 を起動すると C:\Users\<ユーザー名>\AppData\Local 内に空のフォルダが作成される »

2011年9月 8日

Web ページをWindows 7 の IE9で「ピン留め」対応にする方法

Windows 7 の Internet Explorer 9 は、自分の好きな Web ページをタスク バーに追加できるようになりました。これは「ピン留め」と言う機能なのですが、これを利用すると、ブラウザーを閉じても、そのサイトが常にユーザーの目に留まるようになります。

やり方は、IE9 で Web サイトにピン留めとジャンプ リストを追加する方法 - Build My Pinned Siteで紹介されています。このページ、日本語版のページで「実装はとても簡単。」と書いてありますが、肝心のやり方の説明文は、英語でした。

Webサイトの中の任意のWebページに一発で飛べる機能の「タスク」の部分(静的ジャンプ リスト)が表示されるよう挑戦してみましたので紹介しましょう。

用意する素材:ファビコン画像
ジャンプリストに表示させるための、ファビコンに使える画像を用意します。従来のブラウザでは、ファビコンで扱える画像が 16x16 ピクセルでした。IE9からは、64x64ピクセルまで拡張され、より高解像度な画像が表示できるようになりました。

配置される場所は、下記のようにブラウザのHomeやタブ、タスクバー、そして、ジャンプリスト内です。
Twitter のページのファビコン

全部同じ画像にしてしまっても構いませんが、ジャンプリスト内は項目別に画像を変えると、楽しいことでしょう。
なお、ファビコンの作り方がわからない場合は、IE9 で Web サイトにピン留めとジャンプ リストを追加する方法内の「1 高解像度ファビコン作成」で x-icon editor を利用してみるといいでしょう。

ファビコンが用意できたら、ジャンプリストを表示させたい Web ページを下記のように編集します。今回は、HTMLで書いてみました。青い字で表示されている部分を自分のサイト用に書き直してください。

  1. メタタグを書く
    ファビコンを表示させるメタタグ
    <link rel="shortcut icon" type="image/ico" href="http://ファビコンが保存されているサイト/faviconのファイル名.ico" />
    ジャンプリスト内に表示する「タスク」内のメタタグ:「タスク」の数に応じて複数
    <meta name="msapplication-task" content="name=ジャンプリストの「タスク」に表示したい文字列; action-uri=http//「タスク」から飛んで欲しいページのURL; icon-uri=http://ファビコンが保存されているサイト/faviconのファイル名.ico" />
    「戻る」「進む」ボタンの色を変更するメタタグ:色は、英語で指定します。
    <meta name="msapplication-navbutton-color" content="(色)"/>
  2. 書きあがったメタタグは、<head></head> 内に貼り付けます。

Web ページの編集ができたら、ファビコン画像と共に Web 上にアップします。

ピン留めできるよう設定してみた私のサイト:1から始めるお母さんのためのパソコン教室

ファビコンをタスク バーに留めて、右クリックしてみるとこんな感じ。

「1から始めるお母さんのためのパソコン教室」のジャンプリスト

「戻る」「進む」ボタンの色を「Green」にしてみた場合。
「戻る」「進む」ボタンの色を「Green」にしてみた

ただ、最近はブログが主で、Web ページの更新をあまりしていないので、申し訳ない。

参考:IE9ジャンプリストをサイトに設定する方法 » IE9まとめサイト

« Windows Live サインインページで入力したIDを削除したい | トップページ | Windows Live Mail 2011 を起動すると C:\Users\<ユーザー名>\AppData\Local 内に空のフォルダが作成される »

Internet Explorer」カテゴリの記事

Windows 7」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/51036/52677810

この記事へのトラックバック一覧です: Web ページをWindows 7 の IE9で「ピン留め」対応にする方法:

« Windows Live サインインページで入力したIDを削除したい | トップページ | Windows Live Mail 2011 を起動すると C:\Users\<ユーザー名>\AppData\Local 内に空のフォルダが作成される »

Translator


2017年3月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

スポンサード リンク


  • 女性向けイベントやブログモニターならトレンダーズ


Twitter


Facebook Like Box


最近のトラックバック

ツール



  • track feed 世の中は不思議なことだらけ

  • フィードメーター - 世の中は不思議なことだらけ

  • 私を登録 by BlogPeople

無料ブログはココログ