サイトの顔faviconを追加
以前「Windows版のPhotoshopでFaviconを作成」という記事を作っておいて、このサイトのfaviconがなかったため製作しました。
ブックマークやRSSで並べたときには意外に重要なfavicon。ユーザビリティ向上のためにも導入したほうがいい機能です。
デザインはシンプルで見やすいものということで、名前であるOxyの「O」にました。(そういえばサイトのロゴすら作ってないw)
設置方法
「header.php」の
</head>
直前に
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" />
と記述。
製作したfaviconをテーマファイルの「images」フォルダへアップロードする。
以上でfaviconの設定が完了。
サンプルはブラウザのタブを参照してください。
Windows版のPhotoshopでFaviconを作成
iOSのWeb Clip機能で使うWebpage Iconのまとめと、作成方法
これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
PukiWikiでlazysizesを利用して画像の遅延読み込みを導入する
Google Hosted Librariesを利用して相互RSSを作る方法










