2014年08月25日

ホームページタイトルの隣のアイコン表示?(WordPressの場合)

[ホームページタイトルの隣のアイコン表示?(WordPressの場合)]




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

ホームページタイトルの隣のアイコン表示?(Seesaaブログの場合)

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

<<直接HTMLを編集するケース>>

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

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

3.外観メニューの[テーマの編集]をクリックします。

favicon_WP1.JPG

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

favicon_WP2.JPG

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

favicon_WP3.JPG

6.[ファイルを更新]をクリックします。

favicon_WP4.JPG

<<プラグインを使うケース>>
1.プラグインソフトの「Favicon Rotator」をインストールします。
[プラグイン]→[新規追加]
favicon_WP5.JPG

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

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

2.外観メニューに「favicon」が追加されますので、それをクリックします。
[外観]→[favicon]

favicon_WP8.JPG

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

favicon_WP9.JPG

4.変更を保存します。

favicon_WP10.JPG

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

参考サイト
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ブログとアメーバブログにファビコンを設定するケースを書きます。




posted by ののえり at 19:57| 愛知 ☁| Comment(0) | インターネット | このブログの読者になる | 更新情報をチェックする

2014年08月23日

ホームページタイトルの隣のアイコン表示?(Seesaaブログの場合)




[ホームページタイトルの隣のアイコン表示?(Seesaaブログの場合)]

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

favicon1.JPG

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

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


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

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

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

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

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

クリックをすると...
favicon3.JPG

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

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

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

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

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

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

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

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

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

 (1)ファイルマネージャを使って設定したいファビコンをアップロードします。
favicon9.JPG

favicon10.JPG

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

favicon11.JPG

 (3)左側メニューのデザインを選択し、デザイン一覧の下にある「HTML」を選択したら、下図のようにの前に1行入れる。
    この時、(2)でメモをした画像のURLを入れる。

favicon12.JPG

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

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

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



posted by ののえり at 21:46| 愛知 ☁| Comment(0) | インターネット | このブログの読者になる | 更新情報をチェックする

2014年08月20日

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




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

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

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

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

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

本題です。

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

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

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

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

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



posted by ののえり at 11:12| 愛知 ☀| Comment(0) | インターネット | このブログの読者になる | 更新情報をチェックする