ファビコン

ブログアイコン（ファビコン）を変える方法 この記事では「はてなブログ」のブログアイコン、ファビコン（favicon）を変更する方法を解説します。 ブログアイコン（ファビコン）の画像を変えてみたけれど、検索結果のファビコンが変わらない、表示されない、反映しない…という人も読んで試してみてください。ファビコンの指定方法が正しくないのかもしれません。 ファビコンの指定方法が正しければ、Googleなどの検索結果に表示されるファビコン（favicon）の画像イメージは下図のように変化します。 favicon 画像変更前のファビコン ブログを立ち上げたばかりの時（画像未設定）、検索結果に表示されるファビ…

こんにちは！ 意匠部のおばらです。 今回はファビコンに関する記事です。 「チャレンジ石垣島」ウェブサイトではファビコンを OS やブラウザの外観モード（ライトモード／ダークモード）に応じて（一部の環境を除き）切り替えています。 今回はそのロジックをご紹介します。 （ロゴの制作秘話に関しては前回の記事を御覧ください） 目次 目次 ファビコンを設定する ライトモード向けのファビコンがダークモードで見づらい メディアクエリでファビコンの見た目を切り替える 方法 ①「SVG 内に記述した CSS で切り替える」 SVG を作成する SVG をテキストエディタで開く <style> タグで CSS を追…

ブログアイコン(ファビコン)は、以前のブログ時代から使っていました。 お笑いコンビの公式サイト内のお絵描きクラブ、的コーナーから。 著作権はフリー、と説明にあったのです。 いくつか気に入ったものを保存して、そこから選んだのです。 写真もあったけれど、ほとんどは投稿者が描いたイラストでした。 以前からそういう使い方で良かったのか気になっていました。 既に公式サイトは閉鎖されていました。 コーナー経由で投稿者に問い合わせようかと思ったのです。 その中の数人がそれぞれサイトやブログを開設していたのです。 クリックすると、どこも既に閉鎖されていました。 そうなってくると、仕方がありません。 コンビの所…

半年ほど前に、ホームページを作ってみようという気になった。 あまり詳しくはないし、デザインも内容も稚拙だけれど、自己満足の範疇で遊んでいる。 その趣味のホームページに、ファビコンをつけたくなった。 👇🏻 この、地球マークのやつを変えたくなった。 なんとかできたので、次回変更の時のために、手順を記しておこうと思う。 ① ファビコンにするイメージを決める。 ② favicon.ico を作る。 ③ FC2のファイルマネージャーに保存する。 ① ファビコンにするイメージを決める。 私はフリー素材を使った。 「ファビコン フリー素材」「ファビコン 作り方」などど検索をすると、いくつものサイトが見つかる…

CakePHP3でデプロイした本番環境のお話です。ファビコンってありますよね。クロームだとタブのところに表示されるアイコンのことです。CakePHP3の場合だと、デプロイした時にCakePHPのロゴマークになっています。これを変えたい時のお話です。 ファビコンの作成 念のためHtmlHelper.phpの記述を見る この記事では旧ファビコンを新ファビコンで上書き あとはキャッシュを消したり、待ったりする 終わりに 【自分の環境】 macOS Catalina PHP7.4.2 CakePHP3.8 MAMP5.7 Apache2.2 MySQL5.7 ファビコンの作成 ファビコンがないよって方…

tenten（ネコ）のハンコを作ってみました。 そのハンコでファビコン（下記参照）も作ってみました。 favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。favorite icon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したかばん語である。 ーWikipedia参照 私のハンコ by tenten 昔、「なめ猫」というキャラクターがいました。 そのキャラクターのように、ハチマキつけてみました。 これ作るのに、使ったのは「けしはん道場」っていうアプリだけ。 ざっと…