*

Favicon(ファビコン)を作成しよう!〜タブブラウザの時代に〜

公開日: : WordPress [カスタマイズ]

icon imagesansik via photopin cc

こんにちは!MBS店主( @microbookstore )です。

今回はFaviconについて記事を書きます!

Faviconってのは何?

と思う方もいらっしゃるかもしれません。

例えば、アプリとかだと、わかりやすいようなアイコンがありますよね?

あれのおかげで視覚的にもこれはあのアプリだって分かりやすく、使いやすくなっています。

Faviconはそんなアイコンの、webページ版ということです。

小さいけれど、タブブラウザが浸透してきた今、重なったタブから目的のページを見つけるのに、アイコンはかなり効果的ですよ!

例えば、Google Analyticsなら

Google Analytics favicon

 

暖色系の彩度の高いアイコンで、右の二種からおもいっきり引き離しています!

これなら文字とか読まなくても大丈夫ですよね。

タブブラウザ上に物凄い数のタブが出てきたら文字なんかは全然見えなくなって、結果、Faviconだけ顔をのぞかせている感じになります。

なので、色のイメージだけでも明るい色にしておくと記憶に残りやすくなってお勧めです。

さて、Faviconを作ってみましょう。

Faviconはとても小さいです。サイズは

16px x 16pxです。

それと、32px x 32pxというザイズも作りましょう。

これはwindowsで、サイトリンクををショートカットで作成した時に必要なサイズになります。

この2つをマルチアイコン化して、サーバーの必要な場所にアップロードすれば完璧です。

「サーバー」と聞くとめんどくさくなって、じんましんが出る友人がいましたが、ご安心ください。簡単なので。

まずアイコン画像の作成です。

フォトショプか何かで16pxアイコンと、32pxアイコンを作りましょう。

保存形式は何でもいいのですが、pngで作っちゃいましょう!

favicon作成サイト http://ao-system.net/favicon/index.php だと、大きい画像も縮小してくれます。便利!

そしてその2つの画像を

http://ao-system.net/multiicon/

にて、アップロードしてアイコン作成ボタンを押せばマルチアイコン化が完了です。

そしてそのfaviconちゃんは、WordPressならtheme>お使いのテーマ>images

に置くことが多いと思います。

そうすることでお使いのwebページももっとかっこよくなります!

是非お試しください〜

にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村ポチよろしくおねがいいたします!

AD

関連記事

no image

WordPressの投稿文字サイズ変更の方法

お使いのテーマArthemiaではstyle.cssの .author { font-size:

記事を読む

no image

WordPressのfaviconを変えてみよう。

とにかく変えてみましょう! こういう小さな事をきちんとやると大きな事に繋がっていく。。。と信じていま

記事を読む

no image

Google Adsense からのWEB診断

今回はgoogle Adsense を貼り付けているサイトの高速化のことです。 サイトの表示速度も検

記事を読む

no image

[WordPress]テーマジェネレーター

配布テーマを使うのもいいけど、気に入ったテーマはかぶることが多い でもPHPやCSSはよくわからない

記事を読む

no image

WordPress2.7へついにアップロード

年の瀬、バージョンの瀬です。新しい年を迎える前に、やるべきこと。以前かなり渋っていたWordPres

記事を読む

no image

[WordPressカスタマイズ]記事本文の昇順・降順の変更

WordPressは記事はデフォルトは昇順です。 ですが、降順にもできます。 降順?一番古いのが上

記事を読む

no image

WordPressのカラーコード #○○○

タグに最後にさわったのは、6年前でしょうか。。。 そのころカラーコードは6桁でした。 最近またhtm

記事を読む

no image

スパムボットに収集されないメールアドレス公開方法

<?php echo antispambot(”mailto:ここにアドレス入力”); ?> また

記事を読む

no image

[WordPressカスタマイズ]query_postsを初期化

カテゴリー9のタイトルだけ表示させたかったときに query_postsを使いました。 だけど他のペ

記事を読む

no image

リンク先のクリック数を表示するプラグイン

よく「*人がクリックしました」というアフィリエイト先へのリンク横などに表示されているのを見たことがあ

記事を読む

AD

AD

office2016 for mac インストールエラー解決2016-03-04_17_17_37
El CapitanにOffice2016(Office365 solo)をインストールした時にエラー出現と対応

こんにちは!花粉症の季節ですね。。 花粉とエラーは無いほうがいい

no image
wordpressのローカル環境「予期しない出力により Cookies がブロックされました。」解決

お久しぶりの更新です。 blankslateテーマを使って作業してい

アフィリエイトで初成果!祝画像
アフィリエイトファクトリー使用して初成果が出た!魔の三ヶ月を克服。

特典追加のお知らせ 下記SIRIUS上位版、またはアフィリエイト・フ

SIRIUS上位版
SIRIUS(シリウス) 最強SEOサイト作成ツール

SIRIUS起動画面かっこいい〜私はこの画面が好きです。やる気

アフィリエイトファクトリーパッケージ画像
アフィリエイトファクトリー購入し、その実践と効果報告

  アフィリエイトファクトリーを使用して作り、成果

→もっと見る


  • こんにちは!
    アフィリエイト始めて5ヶ月で成果が出てきました。。。
    アフィリエイトや情報商材、他、ワードプレスの情報など掲載していきます。

    成果報告()内の金額は発生金額です
    2014年 計110,037円
    3月 2,584円(infotop1件アフィリエイトファクトリー(AF))
    4月 89,126円(infotop13件・AFノウハウの成果)
      7,452円(A8・ペラサイト)
    5月 10,875(infotop2件)

    使っているASPは
    A8(エーハチ)

    infotop

  • [contact-form-7 id="885" title="メルマガ"]
  • follow us in feedly
PAGE TOP ↑