ファビコン作りました

うたしろFP社労士事務所

新型コロナは・・・

 今週はオリンピックの延期が決まりチケットが当たった一人としてひとまず安心、と思ったら都知事から外出自粛要請が出ました。今やるべき・行くべきか、どんな対策がとれるのか、みんなで考えていくしかないのでしょう。オリンピック・パラリンピックが来年開催出来るよう。

ファビコン作ってみました

 ファビコンとは?

このサイトもまだまだ手直しが必要なのですが、なかなか進んでいません。今週は「ファビコン」を作ってみました。ファビコンとは、パソコンでWebページを開いたときに画面上部のタブの部分に表示されるアイコンのことです。グーグルならカラフルな「G」,ヤフーなら赤字で「Y!」、Facebookなら青地に白い文字で「f」が表示されていると思います。スマホでも複数のタブから選ぶときや、ブックマークすると左端に表示されます。

 ファビコンがないと、ブラウザがGoogle Chromeだと白黒で地球のようなマークが、Internet Explorer(以下、IE)だとIEのアイコン(青い小文字のeのロゴ)が表示されます。サイトの内容には関係しませんが、ファビコンがあった方がちゃんと作られたサイトっぽく見えますよね、ということで作ってみました。(今回は一番上に大きく表示してます)

Canvaで作りました

 事務所のロゴもないですし、ファビコンだけなら自分で作ってみようと思い「Canva」という、アイコンや画像を簡単に作れるサイトを利用しました(無料版ですが)。1月に参加したWordPressの勉強会で教えてもらったのですが、いろいろ便利なサイトがあるものですね。

シネキャプション

 絵心の全くない私には、カッコいいデザインとか到底作れません。そこで、単純にうたしろの「うた」だけで、正方形に収まるように作ってみました。Canvaはとても多くのフォントを使えるので、その中から「シネキャプション」というフォントを使ってます。最初は「シネ」って縁起が悪いと思いましたが、映画の字幕のようなフォントということで、「シネマ」のシネなのだそうです。

 「た」の字の最後の2画がにっこり笑っているようで、気に入りました。皆さんも自分も笑顔になれるように、という想いをこめています。

IEで表示されない!

 「でも、ファビコン表示されてませんよ」と思われる方もいますよね。普段自分はGoogle Chromeを使っていて、PCでもスマホでも問題なくファビコンが表示されていることは確認したのですが、IEでは表示されていないことに先程気づきました。少し調べてみたもののよくわからず、今日のところは修正できませんでした。WordPressの勉強会(Meetup)があれば上級者の方に聞けるのですが、コロナで当然開催されていませんし・・・。ぼちぼち調べてみるのでしばしお待ちいただければと思います。