イラストをＨＰやブログで公開していて、読者さんのブクマの中で少しでも
自分のサイトを探しやすくしたい、アピールしたい！という方へ。
イラストサイト・デジ絵に限らない情報ですが…ｗ
もうお気づきの方もいらっしゃると思いますが、、
アドレスバーをご覧ください。このブログのアドレスの左に、
蝶々のアイコンが表示されていませんか？
更に、このブログをブックマークしていると同じアイコンがブックマーク内に
表示されていると思います。
ブクマ内でも探しやすい、目立ちやすい、存在感ＵＰ！
ファビコンの作成方法、設定方法は…
おおまかな流れ：
アイコン作成→アップ→１行のスクリプトをサイトに追加。
これだけ！
作成方法� ー�分で作る、そしてアプリで変換。
16x16のアイコンを作成（透過処理もあるためpngがオススメ）、
これ以上の大きさでも変換できるのでおｋ。
こちらのアプリで拡張子.icoに変換しましょう。
@icon変換
作成方法�◆〜悩爛汽ぅ箸巴気后�ＤＬ！
自分で作るの面倒くさい！自信がない！という方へ。
ドット絵師さんたちがフリーで素敵なファビコンを配布してらっしゃいます。
ヤフーのディレクトリに優良サイトが登録されています。
ヤフーfaviconディレクトリ
それぞれ規約が異なるのでよく読んでＤＬしましょう！
さて、アイコンは用意できましたか？それでは、設置しましょう…
設置方法� 。硲个両豺�
ファビコンをルートディレクトリにアップロード。
ファビコンを表示したいページのhead内に、下記スクリプトを入れる。
<link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">
設定方法�◆．屮蹈阿両豺�
ファイルアップロードでさきほど作成したアイコンをアップ。
アップロード後、サムネイルかファイル名をクリックすると
新しいウィンドウでファビコンファイルそのものが表示されるはず。
アドレスバーに表示されているアドレスを確認。
次に、テンプレートの編集へ。
テンプレートのスクリプト中に、<head>タグがあるので、
その直後あたりに下記スクリプトをコピペ。
<link rel="shortcut icon" href="さっき確認したファビコンのアドレス">
以上です！
ファビコン情報はこちらのサイト様を参考にさせて頂きました！
アイコン作成→アップ→１行のスクリプトをサイトに追加。
これだけ！
作成方法� ー�分で作る、そしてアプリで変換。
16x16のアイコンを作成（透過処理もあるためpngがオススメ）、
これ以上の大きさでも変換できるのでおｋ。
こちらのアプリで拡張子.icoに変換しましょう。
@icon変換
作成方法�◆〜悩爛汽ぅ箸巴気后�ＤＬ！
自分で作るの面倒くさい！自信がない！という方へ。
ドット絵師さんたちがフリーで素敵なファビコンを配布してらっしゃいます。
ヤフーのディレクトリに優良サイトが登録されています。
ヤフーfaviconディレクトリ
それぞれ規約が異なるのでよく読んでＤＬしましょう！
さて、アイコンは用意できましたか？それでは、設置しましょう…
設置方法� 。硲个両豺�
ファビコンをルートディレクトリにアップロード。
ファビコンを表示したいページのhead内に、下記スクリプトを入れる。
<link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">
設定方法�◆．屮蹈阿両豺�
ファイルアップロードでさきほど作成したアイコンをアップ。
アップロード後、サムネイルかファイル名をクリックすると
新しいウィンドウでファビコンファイルそのものが表示されるはず。
アドレスバーに表示されているアドレスを確認。
次に、テンプレートの編集へ。
テンプレートのスクリプト中に、<head>タグがあるので、
その直後あたりに下記スクリプトをコピペ。
<link rel="shortcut icon" href="さっき確認したファビコンのアドレス">
以上です！
ファビコン情報はこちらのサイト様を参考にさせて頂きました！
Comment
Track Back
| HOME |
