タグ別アーカイブ: iphone

ファビコンについて

よくwebサイトのタブの横にアイコンがついてませんか?
それとかiPhoneやiPadでホーム画面に追加を押すと
アプリっぽくなったり。

なんかオリジナルサイト感がでていいですよね♪

なのでやっちゃいましょう♪

まずはpng画像で114×114の画像を準備しましょう!
そのあとは、.iconファイルに変換します。

ソフトは無料であります → こちら

あとは、そのファイルをthemeフォルダの中にアップし
headerの中に以下のコードを~内に入力したらOK!

<link href="<?php bloginfo('template_directory'); ?>/favicon.ico" rel="shortcut icon" />

<link href="<?php bloginfo('template_directory'); ?>/favicon.ico" rel="apple-touch-icon-precomposed" />

こんな感じで簡単にできてしまいます♪