ホームページタイトルの隣のアイコン表示？（WordPressの場合）

［ホームページタイトルの隣のアイコン表示？（WordPressの場合）］




ファビコン用の画像の取得および変換方法は、下記を先にご覧ください。（手順１〜３）

ホームページタイトルの隣のアイコン表示？（Seesaaブログの場合）

WordPressのファビコン設定方法を２つご紹介します。

＜＜直接HTMLを編集するケース＞＞

１．ファビコンをWordpressへアップロードします。
　　◎メディアメニューから新規追加をする。
　　　　または
　　◎FTPツールを使用して、任意のフォルダへアップロードする。

２．アップロードをしたファビコンのURLをメモ帳などへ控えておきます。
　　◎メディア追加を利用した場合は、追加したメディアの一覧を表示して、
　　　ファイル名をクリックすると、ファイルURLを調べることができます。

３．外観メニューの［テーマの編集］をクリックします。



４．右側メニューの「ヘッダー」をクリックします。



５．次のようにの上あたりにアップロードをしたファビコンのURLを入れます。



６．［ファイルを更新］をクリックします。



＜＜プラグインを使うケース＞＞
１．プラグインソフトの「Favicon Rotator」をインストールします。
［プラグイン］→［新規追加］


Favicon Rotatorを検索して、「いますぐインストール」をクリック。


「プラグインを有効化」をクリック。


２．外観メニューに「favicon」が追加されますので、それをクリックします。
［外観］→［favicon］



３．「AddIcon」ボタンをクリックし、追加したいファビコン画像を選択します。



４．変更を保存します。



プラグインを使用するケースは楽でいいですね♪

参考サイト
・http://freemakes.net/%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90/%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3%E4%BD%9C%E6%88%90.html
・http://naruhiko1111.com/5166.html

ありがとうございました。感謝します<(_ _)>

次回は、FC2ブログとアメーバブログにファビコンを設定するケースを書きます。

ホームページタイトルの隣のアイコン表示？（Seesaaブログの場合）

［ホームページタイトルの隣のアイコン表示？（Seesaaブログの場合）］

ホームページタイトルの隣にアイコンが表示されていることがよくあります。
例えば、こちら。



このアイコンのことを「ファビコン」といいます。

なぜ「ファビコン」と言うのでしょうか？
＜ウィキペディアより＞＝＝＝＝
favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したものである。
＝＝＝＝

なるほど
「お気に入りアイコン」のことだと考えればですね。

ファビコンの設定方法は、「ファビコン　設定」で検索をするとたくさん表示されます。
私も様々なサイトさんにお世話になりました。

ここでは、自分が行った方法を書いていきます。

１．お気に入りアイコンにしたい画像を選ぶ。
　自分で作成してもいいですし、例えば次のようなフリー素材サイトからダウンロードをしてもいいです。
　今回は、「ぴよの素材屋さん」を使わせていただきます。　→　こちら　

　「ぴよの素材屋さん」の左側サイドメニューの［アイコン］をクリックすると一番下に［favicon］というボタンが表示されます。


クリックをすると．．．


　次にダウンロードをしたいファビコン素材を選択します。


　[ダウンロード]ボタンをクリックします。

２．ダウンロードをしたファイルを解凍します。
　　zipという圧縮形式になっています。
　　解凍すると次のように2つのファイルが表示されます。テキストファイルは利用規定が書いてあります。


３．「FavIcon from Pics」サイトを開き、ダウンロードをしたファビコン素材をファビコンとして使えるように変換をします。　→　こちら　
　「ぴよの素材屋さん」の「ico」拡張子には、上記サイトが適していると思われます。

　※拡張子が「gif」「png」「jpg」のケースは、上記サイトだけではなく他にもファビコン作成用サイトはたくさんあります。
　こちらでは、「ファビコン favicon.icoを作ろう。」サイトも載せておきます。　→　こちら　

　　図は、GoogleChromeのケースです。IEの場合は、［参照...］ボタンになります。
　　[ファイルを選択]ボタンをクリックして、対象のファイルを選ぶ。
　　次に［Generate Favicon.ico］をクリックする。


　　下図のようにファビコンができあがるので、ダウンロードする。
　　
　　「Download FavIcon Package」をクリックしてください。

４．ダウンロードしたファビコンのファイルをアップロードして設定します。
　　FavIcon from Picsで作成をした場合は、zipファイルになっていますので、解凍をしてからアップロードしてください。

　 設定方法は、まずはSeesaaブログのケースを書きます。

　（１）ファイルマネージャを使って設定したいファビコンをアップロードします。




　（２）アップロードをしたファイル名をクリックすると画像の詳細が表示されますので、「http://」から始まるURLをメモ帳などにコピーしておきます。



　（３）左側メニューのデザインを選択し、デザイン一覧の下にある「ＨＴＭＬ」を選択したら、下図のようにの前に1行入れる。
　　　　この時、（２）でメモをした画像のURLを入れる。



反映されるまでに少し時間がかかります。

※参考にさせていただきました。ありがとうございます。
http://hima-blog.seesaa.net/article/367228889.html

次回は、WordPressにファビコンを設定する方法をご紹介します！

フリー写真やフリー素材を探していませんか？その２

フリー写真やフリー素材を探していませんか？その１　の　続き

本題に入る前に、読者登録第1号！ありがとうございます<(_ _)>

こちらの方です　→　シングルマザーの日記

私の方からも読者登録をさせていただきました！

これからも遊びに行きますのでよろしくお願いします<(_ _)>

本題です。

その２では、フリー写真のサイトです。
（実は結構有名なサイトばかりかも）

●ゆんフリー写真素材集　→　こちら　から
こちらのサイトには大変お世話になっております。
なかなかないアングルの写真も多いのも特徴の一つかもしれないと思います。
例えば、このような写真です。


●写真素材　足成（あしなり）　→　こちら　から
様々なフォトグラファーの方が参加していらっしゃいますので、
かゆい所に手が届く写真が豊富です。
例えば、今ならこんな写真ですね。
カテゴリも景色、ビジネス、建物、植物など大変豊富です。


●写真素材・商用無料　PAKUTASO（ぱくたそ）　→　こちら　から
こちらの特徴は、なんと！テクスチャー用素材があることです。
テクスチャー用素材と言えば、背景に使えますからデザイナーさんには嬉しいかも
例えば、こちらの写真。ローズクォーツです。


次回は、「その３」ではなく．．．「ファビコン」について書きたいと思います。