ウェブサイトの美化: 見栄えの良いファビコンをウェブサイトに追加する

「ファビコンって何？」私たちはほぼ毎日ファビコンを目にしますが、注目している人は多くありません。しかし、私の経験から言うと、ユーザー向けの Web サイトを構築する場合、ファビコンの追加はプロジェクトの最後のステップとなり、ユーザーはその変更に簡単に気付くでしょう。

約2年前、私は友人のためにウェブサイトを構築しました。私が彼女に初めてウェブサイトを見せたとき、彼女が最も感銘を受けたのは、「どうやってブラウザに小さなアイコンを配置したのですか？」ということでした。彼女のウェブサイト 6 つを作成したデザイナーの誰も、そんなことをしたことがありませんでした。それで彼女は、これは非常に先進的で、大規模なウェブサイトだけが持つことができるものだと考えました。

では、ファビコンとは何でしょうか? ファビコンは、お気に入りアイコン、ショートカットアイコン、Web サイトアイコン、URL アイコン、ブックマークアイコンの略称です。16×16 または 32×32 の正方形のアイコンです。ウェブサイトによってアイコンは異なります。 Babel t.ttなどのブラウザタブの左側に表示されます。

ウェブサイトにファビコンを追加するには、テーマ ファイルにコードを追加したり、プラグインを使用したりと、いくつかの方法があります。より一般的には、アイコンはローカルで作成され、使用するためにスペースにアップロードされます。

独自のファビコンを作成するにはどうすればよいですか?

現在、オンラインでファビコンを生成する Web サイトは数多くあり、自分の写真をアップロードするだけで済みます。例えば：

ダイナミックドライブ – ファビコンジェネレーター

ファビコンジェネレーター

ファビコン.cc

ファビコ

ファビコンジェネレーターとギャラリー

最後のウェブサイトには画像ギャラリーがあり、他のウェブサイトのファビコンがどのようなものかを確認して、インスピレーションを得ることができます。ファビコンは高さと幅が 16 ピクセルのアイコンなので、クリエイティブなスペースは 256 ピクセルしかありません。したがって、ファビコンは複雑になりすぎないようにしてください。複雑すぎると認識されなくなります。実際、シンプルであればあるほど良いのです。ファビコンを生成するウェブサイトのアイコンを見てください。どれも非常にシンプルです。

プラグインなしでファビコンを追加する

ファビコンを作成したと仮定すると、それを Web サイトにどのように配置すればよいでしょうか?

実際、プラグインを使わずにウェブサイト訪問者にファビコンを表示するのは非常に簡単です。インターネット上の多くのチュートリアルでは、セクションに次のコードを追加するように求められます。

<link rel="ショートカットアイコン" href="http://www.domain.com/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />

しかし、これは実際には少し冗長であり、最新のブラウザは「ショートカット」エントリを無視し、代わりに「アイコン」エントリを使用します。したがって、追加する必要があるのは 2 行目だけです。

<link rel="icon" href="http://www.favicon.co.uk/favicon.ico" type="image/x-icon" />

プラグインを使用して「ファビコン」を追加する

もう一度、すでにファビコンを作成済みで、コードにあまり詳しくないと仮定すると、他にどのような解決策がありますか?

実際にプラグインを使用してこれを実現できます。

まず、対応するプラグインがある可能性があるため、Web サイトのテーマのフレームワークを確認する必要があります。 Genesis フレームワークには独自のプラグイン、Genesis Favicon プラグインがあります。テーマが WooTheme の場合、そのテーマにはすでにファビコンをアップロードする機能が含まれています。

テーマ フレームワークが直接の Favicon アップロードをサポートしておらず、関連するプラグインもない場合は、このプラグイン「All In One Favicon」を試すことができます。プラグインをインストールして有効化した後、設定インターフェースに移動して独自のファビコンをアップロードするか、ネットワーク アドレスを貼り付けます。保存後、Web サイトを更新すると、新しいファビコンが表示されます (ブラウザ キャッシュを手動でクリアするか、キャッシュを設定していない場合)。

プラグインを使用してファビコンを作成および追加する

上記の方法がまだ少し面倒だと感じる場合は、Favicon Generator プラグインを使用して、1 つの手順で作成して追加することを検討してください。

このプラグインを Web サイトにアップロードして有効化した後、次のディレクトリの権限を 777 に変更する必要があります。

/wp-content/plugins/ファビコンジェネレータ

/wp-content/plugins/favicon-generator/アップロード

次に、Favicon Generator メニューに戻ります (プラグインをインストールするとオプションに表示されます)。次のようなインターフェイスが表示されます。

ここで、1 つ以上の画像をアップロードし、ファビコンに変換して使用することができます。プラグインの説明には、JPG、JPEG、GIF、PNG ファイルを使用できると記載されていますが、PNG ファイルを Favicon ファイルに正常に変換することはできませんでしたが、JPG ファイルは変換できました。さらに、PHP アプリケーションで GD2 ライブラリを構成する必要があります。不明な場合は、ホスティング プロバイダーにお問い合わせください。

このプラグインの優れた点の 1 つは、必要に応じてファビコン アイコンを定期的に変更できることです。

ファビコン画像をランダムに変更する

これは、サイトをより面白くするため、または個人的な好みのためだけです。ファビコンを定期的に変更するための上記のプラグインでは、必要なときにのみ手動で変更できます。ファビコンを変更することでウェブサイトのブランディングを強化できると感じた場合、またはそれがクールだと思う場合。このプラグインを検討してください：Favicon Rotator。このプラグインを使用すると、複数のファビコンを一度にアップロードし、ランダムに変更することができます。しかし、私はそんなことはしません。それは良い考えではないと思います。

この記事を読んだ後、ブログやウェブサイトにファビコンがないことに気づいたら、すぐに追加してください。

元記事: WordPress ウェブサイトにファビコンを追加して使用し、簡単にブランディングする

この記事は CloudCheung によって編集されています。クリック可能なハイパーリンクの形式でソース アドレスを示してください: http://t.tt/49/

元のタイトル: ウェブサイトの美化: ウェブサイトに見栄えの良いファビコンを追加する

キーワード: ウェブサイト、美化、追加、見栄えの良い、ファビコン、何、ウェブマスター、ウェブサイトのプロモーション、収益化