このページは2009年05月15日に更新されました
A.超初心者カスタマイズ
1 画像をアップロードする場所を作ろう
2 ローカルルール設定で、
3つの基本HTMLタグを覚えよう
3 スキンについてと、
管理画面からの色設定
4 掲示板全体の幅設定と、
枠線を消すカスタム
B.ちょっと応用初心者カスタマイズ
1 HTMLタグ作成プログラムで
簡単画像表示
2 放送チェッカーや
ブログパーツを活用しよう
3 文字や画像を
中央寄せにしたり右に寄せる方法
4 テーブル素材を活用しよう
C.高度なカスタマイズを簡単に
1 高度なカスタマイズと
スタイルシートの使い方
2 背景画像のカスタマイズ
3 スクロールバーの色を変える
4 リンクのカスタマイズ
5 したらば掲示板特殊タグ
6 各種スキンでカスタムする際のワンポイント
7 ファビコンを差し替える方法
D.その他+カスタムプログラム
「ねとらじFLASHプレイヤー」
簡単作成プログラム
ねとらじ放送チェッカー作成プログラム
したらば掲示板スレッド作成部分 簡単カスタムプログラム
(参考)カスタムされている掲示板を見てみよう
あたまにきたどっとこむ全文検索
検索キーワード


表示数 表示順
 『あたまにきたどっとこむ』掲載コンテンツについてのQ&A専用スレッドです。質問・追加情報などお寄せください。
 質問の際は、使用OS・使用ソフト・使用オーディオデバイス名や具体的症状など、できるだけ多くの情報を付け加えてください。


誰でも簡単!したらば掲示板カスタマイズ

トップページ>>誰でも簡単!したらば掲示板カスタマイズ>>C-7.ファビコンを差し替える方法

C-7.ファビコンを差し替える方法


ファビコン差し替え掲示板の例
ニトラジ放送用掲示板
*まつり*のおかえりなさいラジオ掲示板

ファビコンとは?

 Webページを開いたとき、ブラウザのアドレスバーやタブバーに小さいアイコンが表示されることがあります。これは、「ファビコン」と呼ばれるもので、したらば掲示板では左のような同じファビコンが使われています。

 このファビコンを、自分が用意した画像に差し替える方法を解説します。とても簡単です。

ブラウザによる違いについて

 ファビコンの差し替えはとても簡単ですが、ブラウザの種類によっては、差し替えても正常に表示されない場合があります。

 特に、Internet Exploreでは、右のようにファビコンが表示されないか、したらば掲示板共通で使われているファビコンが表示されてしまいます。

 ファビコンを差し替えて正常に見れるのは、FirefoxGoogle Chromeなどのブラウザソフトです。

ファビコンを手に入れよう

ファビコンを入手する方法は大きく分けて次の3つがあります。
 1.一から自分で作る。(難易度★★★)
 2.画像をファビコンに変換する。(難易度★★)
 3.ファビコン配布サイトからダウンロードする。(難易度★)

1.一から自分で作る

 ファビコンの形は16ピクセルの正方形と決まっています。その小さい正方形の中に、色やデザインを手書きで作ります。ペイントソフトを使う方法や、フリーソフトを使う方法、ブラウザ上で動作するファビコン作成プログラムを利用する方法など、たくさんの方法があります。

オススメファビコン手作りサイト

favicon.cc
 英語サイトですが、特に難しい操作はありません。プレビューを見ながら作ることができます。作り終わったら、【Download Favicon】をクリックしてパソコンに保存しましょう。

2.画像をファビコンに変換する

 パソコンにある画像を自動的に16ピクセル正方形のファビコンファイル(favicon.ico)に変換してくれるプログラムを利用する方法です。

オススメファビコン変換サイト

ファビコンメーカー
 【参照】からパソコン内の画像を指定して、【Favicon作成】を押せば、変換されたファビコンファイルをダウンロードすることができます。

 形が崩れてしまうので、変換元の画像はできるだけ正方形にしておきましょう。

3.ファビコン配布サイトからダウンロードする

 「ファビコン 配布」・「ファビコン 素材」などのキーワードで検索すれば、ファビコンを無料で配布している素材サイトがたくさんみつかるハズです。利用規約に沿ってパソコンにダウンロードしましょう。

ファビコンのアップロードと、したらば掲示板での差し替え方法

ファビコンのアップロードとファイル名について

 ファビコンは、Webサーバー上にアップロードされている状態でなければ差し替えることはできませんので、「A-1.画像をアップロードする場所を作ろう」などを参考に、アップロードしてください。また、ファビコンは必ず【favicon.ico】というファイル名にしてアップロードしてください。

差し替えは高度なカスタマイズから

 管理画面にログインして、高度なカスタマイズを開いてください。この後も、とても簡単な作業です。

 「HTMLヘッダー」に、ファビコンファイルのURLを指定した差し替え用タグを入れて【変更を適用】すれば完了です。

 すでに、他のスタイルシートなどがある場合は、一番上に挿入してください。

ファビコン差し替え用HTMLタグ

 右のファビコン差し替え用タグをメモ帳などにコピーして、ファビコンをアップロードしたURLを指定して、「HTMLヘッダー」に貼り付けてください。

トップページに戻る