ファビコンをシリウスにセットする方法
あなたのホームページ、ブログには、ファビコンはありますか？
ファビコン
子供が両手使ってカシャカシャ・・・
楽しそうに遊んでいるあのゲーム？？？
いやいや、あれはファミコンですね。（笑） 失礼しましたぁ。
ファビコンは、favolite icon を短縮した呼び名で
今、あなたが見ているサイトの上のほうにアドレスバーがありますよね。
その先頭についているアイコンのことです。
また、サイトを開けていると、同じく上のほうにサイトのタブが出ますよね。
タブ？
よく学生の頃、A４バインダーにノートをガサッと入れている時、
目印になるようにと、タイトルを手で書いたインデックスの紙ラベルを
ノートの最初のページに貼ったりしてませんでしたか？
サイトも幾つか開けていると、今、何のサイトが立ち上がっているか
ひと目でわかるように、サイト名が表示されたインデックス・ラベルに当たるタブが
画面の上部にでてくれます。
そのタブに表示されているサイト名の前にもあるんですよね、ファビコンが。
コチラ ↓ のように。
ファビコンは、サイトのシンボルマークのようなものです。
図書館や本屋さんに行って、
自分が探している本がなかなか見つからない時ってありますよね。
たくさん棚に並んでいる本の背表紙を見て、目的の本を探すわけですけど、
文字ばかり目に入ってくると、探している本があったとしても気づかず、素通りしてしまった・・・
なんてこともありませんか？
でも、本の背表紙のタイトルの上にマークや絵があると、それは意外と目立ちますから
目に止まりやすいです。
ファビコンとはそういうものなんですね。
あなたも気になったサイトは、また見たいとき、すぐに開けたいでしょうから
お気に入りに登録しますでしょ？
その登録サイトがだんだん増えてくると、１つのフォルダーでもそこにたくさんのサイトが
並んでいたら、見たいサイト名を探すのにちょっと時間かかったりします。
でも、そんなときでもファビコンは、お気に入りリストのなかにも表示されるので
そのシンボルマークを見れば、見たいサイトをすぐ見つけることが出来るんですね。
もし、まだ、あなたのサイトにファビコン付けていなかったら付けませんか？
ファビコンが付いていないホームページ、サイトには、
白紙 のファビコンが自動的に付けられます。
右上の角がチョコっと折り曲がった白紙のファビコンです。
やっぱり、白紙ではなく、自分のサイトのシンボルマーク、付けたいですよね。
そのファビコンの作り方は、コチラでご案内しているので見てみてくださいね。
↓ ↓ ↓
そのファビコンを設置するホームページやブログは、
あなたはどんな作成ツールを使って構築しているでしょうか？
私は、シリウス（SIRIUS)を使っているのですが、とても便利なツールですよ。
初心者でもサクサク・・・ホント驚くほどカンタンに綺麗なサイトを作ることができますし、
サイトを検索画面の上位に持ってくるＳＥＯ対策も内部に施されているので、
至れりつくせりのサイト作成ツールといえます。
そのシリウスで作ったサイトにファビコンを設置する方法をご紹介しますね。
ファビコンの画像が出来上がると、favicon.ico というファイル名が付けられます。
そのファイルをシリウスで作ったデータがアップロードされているサーバーのディレクトリーに
アップするんですが、
シリウスでは、サーバーにアップされているデータを
ホーム・メニューの中にある一番右端のサイト生成先から見ることができます。
この中に favicon.ico ファイルをドラッグ＆ドロップでコピーするだけです。
これで、サイトを構成している画像群のなかにファビコン画像が仲間入りしました。
次に、
このファビコン画像を
アドレスバーやサイト・タブの先頭に表示させるための仕掛けを行ないます。
その仕掛けは、
特定のＨＴＭＬタグを
サイトのＨＴＭＬ構文の <head> 〜 </head> の間に挿入します。
その特定タグもコチラでご紹介していますので、見てみてください。
↓ ↓ ↓
シリウスで作ったサイトでは、
その特定のＨＴＭＬタグは、シリウスの編集メニューのなかにあるＨＴＭＬテンプレートから
直接、挿入することができます。
そして、保存したサイトデータを再びサーバーにアップロードしてください。
これでＯＫです。
私が初めて作ったサイトは、東京スカイツリーグッズのネットショップでしたが
自分のサイトにファビコンが付いたときは
ちょっとした感動がありました。
まだ付けていない場合は、ぜひ、トライしてみてくださいね。
*-----------------------------------------------------------------------------------*
最後までお読みいただき、ありがとうございます。
記事が少しでも参考になれば幸いです。
関連ページ
- ツールは機能面より使いやすさが大事
- サイト作成ツール『シリウス』は、アップロード機能まで兼ね備えているのが、ひとつの特徴。記事作成後、ＦＴＰアプリを単独で立ち上げなくてもその場でアップロード画面につながるので快適に記事更新ができます。サイト作成に限らず、どんな分野に使われるモノでもツールは、機能面より使いやすさが大事。シリウスは使いやすさが売りです。アップロード以外でも・・・
- シリウスからサイトを消してしまった時の対処法
- シリウスから大切なサイトデータを消してしまった！ 長年に渡って作り上げてきたサイトデータが一瞬にしてなくなってしまったら凹みますよね。また一から作り直さないといけない？いやいや、そんなことしたくないですよね？することないです！慌てない、慌てない。こうしましょう！
- シリウスの質問を口頭で受けました
- 先日、シリウスに関して質問を受けました。受けたと言ってもメールではなく、口頭でなんです。なんと久しぶりに会った同じ会社の同僚から。最近ブログを始めたと・・・。
- シリウスの予約投稿で忘れてはいけないこと
- シリウスを使っているあなたは、予約投稿機能を利用しているでしょうか。外出している時間帯に投稿したいなんていう時には、便利な機能ですよね。しかし、この「予約投稿機能をつかうとき、注意しなければいけないことがあります。それは記事に画像を載せているときなんです。 えっ、何故？
- シリウスメニューからエントリー？ いや、リンク張り
- シリウスでサイドメニューからエントリーを作成して記事を書くとき、意外に使われていない手があるのですが、ご存知ですか？それは、エントリーの位置づけでリンクを張るということです。メニューから記事のタイトルをクリックすると記事の画面が出るではなく、リンクに飛ぶというちょっとした離れワザですが、その仕掛けはこうやります・・・。
- シリウス トップメニュー追加時の注意点
- あなたのブログ、ホームページに設置しているトップメニュー（グローバルメニュー）に新たなメニューを追加したいという場合、シリウスでは簡単に追加できますが、アップロードしたら、あれ？トップメニューが２段になってしまったぁ・・・・何で？ 実は・・・
- メイリオというフォント 頑固一徹
- シリウスからヘッダーを作っているとき、手入力したタイトルや説明文を斜めにしたいけど、できない〜、 傾いてくれない〜 そう思ったことないですか？ その理由は・・・今、あなたがヘッダー入力しているフォントは何になってますか？ 実は・・・
- SIRIUSアップロード・エラー - ロリポップパスワードの更新 -
- シリウスから記事をアップロードしたとき、エラーメッセージが出てアップ出来ませんでした。理由はロリポップサーバーサイト側でFTPパスワードを更新したから。それに合わせてシリウス側でのFTP関連の設定画面でも更新したパスワードに変更しました。しかし、ダメ！まだアップロードできない！なぜだ！？ あぁ、そうかぁ、なるほど・・・
- ヘッダー画像をオリジナルに変更するときの注意点
- シリウスを使ってのサイト作り。今までヘッダー画像は、シリウスに用意されている画像を使ってきたが 明日からはオリジナルのヘッダー画像に変えたい、というとき。シリウスからオリジナル画像に呼び出してサイトタイトル、説明文を入れようとしたが、「あれ！？」 新画像が出ない！ そのときはこうしましょう。
- シリウス斜体文字にでるアンダーラインを消したい
- シリウスで記事を作成しているとき、入力した文字を 斜めに傾けたい ときってありますよね。しかし、プレビューでみると文字は斜めになっても下線がついてしまうんです。何でだろう？でも、こうすれば下線を消すことができます。こちらから確認を！
- シリウスから音声ファイルをアップさせるには
- ブログに音声ファイルをアップさせました。ブログの作成・更新をシリウスを使って行なっている方へ。音声ファイルをアップしたことありますか？ どうやってアップさせればいいのか、シリウスのマニュアルには載っていないんです。ご紹介しましょう。こうすれば出来ますよ。
- 蛍光ペン 黄色以外も使いたい
- ブログで書いた記事の中で強調させたい文章があるとき、蛍光ペンを使うときってありますよね。でも予めシステムにセットされている蛍光色は黄色です。黄色以外の蛍光ペンを使いたいと思ったことありませんか？
- オリジナル画像をシリウスにセットする方法
- ホームページやブログの記事を読んでいるとき、ただ、文章だけだとなんか読んでても面白くないですよね。画像が入っていると記事全体が映えますし、読者の方にも楽しんでもらえると思います。自分オリジナルの画像をブログに載せたい方、こちらを。
- ホームページの裏を知りたい
- 自分のホームページを持ちたい持ちたいと思ってましたが、教えてくれる人は周りに誰もいないし・・・ できれば、専門学校に行きたいと思いましたよ、マジで。ホント身につけたいと思った。そしたら、こんなサイトをたまたま見つけることができたんですよ。
- プロにも負けないヘッダーを作る方法
- あなたのブログやホームページのヘッダー画像は、 オリジナリティーを持ってますか？人の目を引く自信ありますか？サイト作成ツールに準備されているヘッダー画像をそのまま使っていますか？ 世界でただ１つのヘッダー画像を作りましょう。コチラから。
- シリウスとの出会い
- 自分のホームページを持ってみたい。むか〜しから思っていましたけど、どうやれば出来るんだろう・・・ 当時は、ホームページを作るツールと言ったら、ホームページ・ビルダーしか知りませんでした。今はワードプレスもありますが、シリウスも便利ですよ。今すぐ詳細をこちらから。
