wordpressでファビコンを設定する

22
ファビコンを設定 WordPressプラグイン Favicon Rotator

Upload: tatsuya-iwama

Post on 22-Jul-2015

414 views

Category:

Design


2 download

TRANSCRIPT

ファビコンを設定WordPressプラグイン Favicon Rotator

ファビコンって?

Webサイトのシンボルマーク

ファビコンを設定するとWebサイトを表示しているタブにアイコンが表示される

タブをたくさん開いている時でもどのタブが自分のサイトか判断できる

ファビコン画像を作成する

ファビコンになる画像を準備する

正方形のロゴ画像を用意するファビコンの最大サイズより大きく

48px ✖ 48px(ファビコンの最大サイズ)

小さくしてもはっきり見えるように

※サイト作成を依頼されている時は、ロゴを変更していいか理由を話して了承を得た上で!

Faviconを作成出来るWebサイト

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

全てのサイズのファイルを選択する

①大中小のファイルを選択する(すべて同じ画像でOK)

②[favicon.ico 作成]をクリック

ダウンロードする

①[ダウンロード]をクリックするとfavicon.icoがダウンロードされる。

Favicon Rotatorの設定

プラグインの新規追加

①プラグイン -> 新規追加

Favicon Rotatorを検索

①[Favicon Rotator]で検索

インストール

①[いますぐインストール]をクリック

インストールの承認

①[OK]をクリック

プラグインを有効化

①[プラグインを有効化]をクリック

Favicon Rotatorの設定を始める

①FaviconRotatorの[設定]をクリック(外観-> Faviconからも設定可能)

Browser Iconを追加

(Touch Iconも同様の手順)

① [Add Icon]をクリック

ファビコンをドラッグ&ドロップ

①favicon.icoをドラッグ&ドラッグ

Add Browser Iconをクリック

①[Add Browser Icon]をクリック

変更の保存

①[変更を保存]をクリック

ファビコンが表示される

①ファビコンが設定される(でもちょっと残念な感じに。。。)

まだ見ぬ未来を電子工作します!http://www.denshikousakubu.com