Ameba Owndでファビコンを設置する方法

Ameba Owndというのは、非常にウェブ制作者泣かせのツールです。いざオリジナルのデザインを作ろうとしても、とにかく手を加える箇所がありません。HTMLもJavaScriptも書き加えることができず、唯一許されたPCとモバイルのビューを編集できるCSS(スタイルシート)にしても、せいぜい文字のサイズ変えてみるとか見出しの背景を変えてみるとか、そんな程度でハイ終了というあっけなさです。ツールとして出来上がってしまっている感じで、カスタマイズの余地があまりないというのがOwndの特徴です。でも迷いどころも少ない分、ユーザーが比較的簡単に導入できるというメリットはありますね。


そんなAmeba Owndのファビコンの設定の仕方も恐ろしく簡単だったので、メモしておきます。というか、メモすらいらないかも?という簡単さで恐縮なのですが、そこにはこれ以上触れないこととし、あえて書いてみました。



ファビコンって何?という方へ


ファビコンという言葉すら聞きなれない方もいらっしゃると思います。ファビコンというのは、例えばサイトを閲覧中であったり、お気に入り登録したときに、ブラウザのタブの部分やブックマーク一覧のスペースにサイト名の前にくっつく小さな画像があるのにお気づきでしょうか?

こういうやつです。これがファビコンです。ワタシのOwndの場合なのですが、「アメブロカスタマイズ│札幌〜」というサイト名の前に何やら画像が見えますね。このファビコンていうのは中々ニクいやつでして、こんなに小さな画像ですが、「今このサイトを見ています」っていう存在感のアピールがハンパではありません。GoogleとかYahoo!だってこのファビコンがオリジナルのロゴマークで表示されます。折角ですからホームページを持ったら、このファビコンもオリジナルにしたいところです。



Owndのファビコンを設定しないとこう見える


Owndを始めたばかりで特に意識していないとこんな感じに見えていると思います。

Owndのロゴマークですね。悪くはないんですが、これでは他の人との差別化が図れません。なので思い切ってここは意図的に変えてみましょう!



Owndのファビコンの設定方法


では、Owndのファビコン設定はどこでやったら良いのかを解説いたします。まずはサイトにログインし、左サイドのメニューの「設定」→「基本設定」に入ります。

そこで下の方にスクロールしていくと、サイトアイコンという場所がありますね。

ここに画像を入れるだけでございます!

さて、ここで恐らく「なんだよ〜、もうやってるよ〜」という方が続出な予感ですが、実はこのOwndファビコンは、最低一度は自ら画像設定をしないとファビコンとして反映しないというのがミソです。もしファビコンとして反映していないのなら、画像を入れ直してみてください。とにかくこんな仕様なので、このファビコンが変わるという事実すら気がついていない方も多いのかと思います。ワタシもつい最近に気がついたくらいですので。


もうサイトアイコンをオリジナルで設定されている方は、既にファビコンが表示されていると思います。ぜひ、ご確認ください。当然ながらファビコンだけでなく、サイドとかにあるプロフィールスペースにもサイトのアイコンとして表示されているはずです。

それにしても、なんとあっけない。



結論:あまりにあっけないことが逆にすごい


ファビコンというのは規格(一般的なウェブサイトであれば16×16px、または32×32pxなど)に合わせて画像を加工し、設置するというのがこれまでの常識でした。ところがOwndでは300×300px以上の画像をアップさえすれば、サイトのアイコンも作ってくれて、そこからファビコン画像にまで変換してくれるという手軽さです。この発想はすごいなと思いました。簡単ゆえに驚かされたということで、あえて記事にまでしてしまったという次第です。


失礼いたしました。

Poss Note

アメブロカスタマイズ・OwndカスタマイズのWEBデザイン研究所BEEの公式Owndです。

6コメント

  • 1000 / 1000

  • @youzouこちらこそありがとうございます!楽しめました。youzouさんの検証も参考になりました。ありがとうございました!
  • youzou

    2018.04.03 21:06

    @てるみ 沢山の検証をしていただきましてありがとうございます。 おっしゃる通り ・Internet Explorerでは下位ページを開きF5(再読み込み)でファビコンがOwndのプロフィールアイコンで表示されました。 ・Google Chromeでは再読み込みしなくてもファビコンが表示されました。 ・Internet Explorerを閉じて、開き直し、再びYouzou'sOwndの「HOME」から「行事予定・お問い合わせ」「資料集」を開いたらファビコンが表示されました。 ・PCをシャットダウンしてからPCを起動しInternet ExplorerでYouzou'sOwndの「HOME」から「行事予定・お問い合わせ」「資料集」を開いたらファビコンが表示されました。 Internet Explorerの不安定(不思議)な挙動だったのですね。 てるみ様の探求心に満ちた示唆に感動いたしました。 ありがとうございました。youzou
  • @youzouなかなか興味深いことがわかりましたよ。 ”「HOME」では設定したファビコン画像が表示されますが、「行事予定・お問い合わせ」「資料集」のページではIEのファビコンが表示されるんです。” まず今回のような現象は現在Internet Explorer、あるいはMicrosoft Edgeでのみ起こっているようです。 私はもっぱらGoogle Chromeでネット活動をしていますが、Chromeだとファビコンはいたって正常に表示されます。 その他のFireFox、Operaなども正常でした。(今回Windows,Macとも検証しています) ※Mac標準のSafariはもともとアドレスバーにファビコン表示がないので今回は無視しています。 IEの場合なのですが、トップページの読み込みはまず正常に表示されますね。 ここまでは良いのですが、サブページに遷移したときにはファビコン表示エラーが起こります。 どうもMicrosoft系では不安定らしく、Edgeも同様でした。 ただこの現象はyouzouさんのOwndだけではなく、私のこのOwndでも同じでした。 別なブログ記事を個別に表示させようとするとIEではファビコンが表示されません。 つまりこれはOwnd側の問題でないかと思う次第です。 一応、対策としてはOwndのプロフィールアイコンを再度入れ直してみてください。 Ownd側での細かな仕様変更による可能性もありますので、 まずは再アップでここをクリアします。 私の場合はこれでEdgeは完璧にクリアできました。 ただIEはやっぱりちょっと不安定・・・。 厳密に言えば、トップページでなくても最初に開いたOwndページはファビコンが表示されます。 そこから別ページに遷移するとやっぱりエラーに。 これがIEでの現状です。 一応、ページをそのままリロード(再読込み)したら表示されたりもするんですが、 ファビコン見るためにページを読み込み直す読者なんていませんし(笑) そのうち解消される気もしますが、もしどうしても気になるのでしたら Owndサポートに問い合わせされることをオススメします。 これあきらかにバグですよねー。