タグ

faviconに関するkazrooのブックマーク (7)

  • faviconとウェブクリップのアイコンを作成して変更する | inosh blog

    faviconとウェブクリップのアイコンを作成して変更する 公開日: 2014年07月01日 賢威のカスタマイズ日誌 faviconとウェブクリップを作成し、変更・反映させる方法です。とても小さな部分ですが、個人的には重要な部分だと思っています。基的に、Wordpressテーマは「賢威」、レンタルサーバーは「エックスサーバー」での設定方法を前提に進めていきます。 はじめに 私が使用しているWordpressテーマ「賢威6.1 コーポレート版」では元々、favicon(ファビコン、favicon.ico)やウェブクリップは用意されています。 ですが、これのまま使っちゃうと、他の賢威ユーザーの皆さんとアイコンが被ってしまいますよね。 faviconはサイトを開いている時やお気に入りに登録してもらえた時などに表示されますし、ウェブクリップに関してはスマホでお気に入りに入れてもらえた時の表示サイ

    faviconとウェブクリップのアイコンを作成して変更する | inosh blog
  • ファビコンとウェブクリップアイコンの設定方法 | レアカードのWebデザイン日記

  • ファビコンやWebクリップアイコンなどをサラリ?と…、

    ファビコンやWebクリップアイコンなどをサラリ?と…、 聞いたこともない方もおられるかもしれませんが、必ず目にしているファビコンやWebクリップアイコンのティプス(私の忘備録)です。この投稿のアイキャッチ画像はiPhoneで当サイトを「ホーム画面に追加」ものになりますが、ホーム上で表示されているアイコンもそれにあたります。 Webデザインに興味のある方は押さえておくと良いでしょう。一つ一つ作っていると管理だけでもめんどうなのですが、殊勝な方が用意してくださったジェネレートサービスサイトでは、一気に複数の画像を作ってくれて、且つ、HTMLの記述案内までいただけるという至れり尽くせりになっています。(感謝!お急ぎの方はこの投稿なんか読んでないで「iconifier.net」にGOしてしまっていいくらいです。) まずは関連情報リンクを、 綺麗なfavicon(ファビコン)作成の基的なコツ・アイ

    ファビコンやWebクリップアイコンなどをサラリ?と…、
  • ツールを使いまくってファビコン作成&設定、サイズは16,32,48と152で | いち歩

    これまで、いつかやろーいつかやろーと後回しにし続けてきたファビコンですが、とあることをするためにやっぱファビコンあったほうがいいなーと思い、嫌々ファビコンを作ることにしたそーです。 めっちゃ凝ったデザインのファビコンは作れないので、文字を使ってちゃらっと(ホントはこれだけでも結構時間かかったんだけど)作ってみました。 こんな感じ。 ファビコン用の画像を作成する フリーの画像とかアイコンを拾ってきてもいいんですけど、今回はこのサイトの名前の”いち歩”の”歩”でファビコンの画像を作ることにしました。 ファビコンの画像は16×16px(IE)、32×32px(その他のブラウザ)、48×48px(Winデスクトップ)、152×152px(スマホ用ウェブクリップアイコン)の4つを作ろうと思うので、一番大きいサイズの152×152pxのサイズで画像を作って、あとはリサイズします。 画像ソフトは全く使い

    ツールを使いまくってファビコン作成&設定、サイズは16,32,48と152で | いち歩
  • 賢威(ワードプレス)でファビコンが表示されない。 – アフィリエイト保育園

    【PR】世の中の情報メディアは広告により成り立っており、この記事もアフィリエイト広告を含みまくっています。 前回、ファビコンの設定を無事完了できたのですが、 →賢威(ワードプレス)でファビコンを設置する方法。 | アフィリエイト保育園 ファビコンの、プラグインを入れたり、 無駄な事をいろいろしてたりしたら、 いつの間にか、ファビコンが表示されない・・・ 賢威の初期設定のファビコンになってました。汗 プラグインを入れたせいなのか? ファビコンのプラグイン削除して、 再度、下記コードを、ヘッダー内に入力しても・・・ <LINK REL=”SHORTCUT ICON” HREF=”画像ファイルのURL” /> やっぱり表示されない。 こうなったら、 賢威のテーマを再インストールして、 再度コード入力してやる・・・ で、再度コードを入力してもダメ。 で、わかんないから、関係してそうなコードを探して

  • WordPressでファビコンを設定する方法 – ワードプレステーマTCD

    ファビコンを用意する ファビコンを用意するには、2つの方法があります。1つ目は自分で作る方法。2つ目はフリー素材サイトからダウンロードして使う方法です。 オリジナルにしたい方は自作すると良いでしょう。自作すると言っても画像編集ソフトが使えればできるので、ハードルはさほど高くありません。また逆に素材サイトのファビコンを使うのでも最近はクオリティの高いものが無料で配布されていますので、十分という気もします。フリーの素材サイトをいくつか紹介していますので、ご自身でクオリティを確かめてみてください。 ファビコンを自作する ファビコンは16×16ピクセル(IEのタブ用)か32×32ピクセル(Chrome、Firefox、Safari などのタブ)の.ico形式のファイルを用意しなければいけません。 なので、一般的な方法としてはPhotoshopなどの画像編集ソフトで上記サイズでPNG形式などで作成し

    WordPressでファビコンを設定する方法 – ワードプレステーマTCD
  • WordPressでファビコンを表示させる方法【初心者向け】

    WordPressでファビコンを表示させる方法【初心者向け】 WordPressで【ファビコン(favicon)】を表示させる方法を初心者向けに解説した記事です。ファビコンとは、ブラウザ上のタブなどに表示されるサイトのアイコンです。テーマを編集する方法とプラグインを使う方法の2つを紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 ブラウザ上のタブや、お気に入り一覧で表示されるそのサイトのアイコンを「ファビコン(favicon

    WordPressでファビコンを表示させる方法【初心者向け】
  • 1