web-dev-qa-db-ja.com

WordPressのファビコンを変更するには？

WordPressのファビコンを変更する方法を探しています。これを行う方法がありますか？

favicon
2
RoflcoptrException

このコード（W3C標準コード）を使ってあなたのテーマのheader.phpファイルにそれを追加するべきです：

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png">
6
Fernando Briano

相互運用性を少し高めるために、Microsoft Iconフォーマットの使用を検討してください。

favicon.icoという名前のファイルをあなたのアイコンのグラフィックと一緒にあなたのサイトのルートに置いてください。

多くが直接それを要求しているのでそれは重要です。

サイトの出力にもメタを追加する必要があります。それはhtmlヘッドセクションに入ります。

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon"/>

そうすることで、ブラウザの大部分でそれが機能するようになり、メタhrefがすべてのユーザーエージェントに反映されないため、サーバーログ内の404sエラーメッセージを防ぐことができます。

WordPressのファビコン

HTMLヘッドに関連したWordPressフックは wp_head（Wordpress Codex） ：

add_filter('wp_head', function(){ 
    printf("%s\n", '<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon"/>');
    });

バージョン3以降、WordPressには空のfavicon.icoが組み込まれています。

いくつかの詳細に興味があるなら、 デフォルトのfavicon（チケット＃3426）を含めるべきです と favicon.ico（チケット＃11412）のリクエストを破棄する で議論が行われました。その結果、デフォルトの0バイト長の仮想/favicon.icoファイルが作成されました（ワードプレスがサーバーのルート内にある場合）。

したがって、基本的にはブラウザがデフォルト設定で失敗するファイルで、ユーザが追加した/favicon.icoファイルはありません。

6
hakre

あなたのウェブサイトのルートに "favicon.ico"ファイルをアップロードするだけです。実際、フェルナンドの答えもうまくいきます：

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png">

そして、Appleデバイス用のFaviconsを追加するには、これを頭の中に追加します。

<link rel="Apple-touch-icon" href="/customIcon.png"/>
2
Abhishek Bhardwaj

IE 6をサポートしている場合、ちょっとした警告：URLが[お気に入り]（ブックマーク）に追加されていない限り、ファビコンはツールバーに表示されず、ファビコンはIEに保存されます。そのため、キャッシュを削除したとき、または定期的に削除されたときに削除されます。

2
S.gfx

このコードをfunctions.phpに貼り付けて、自分のfaviconパスでhrefを変更するだけです。

function blog_favicon() {
echo '<link rel="Shortcut Icon" type="image/x-icon" href="'.get_bloginfo('wpurl').'/favicon.ico" />';
}
add_action('wp_head', 'blog_favicon');
1
Mohit Bumb

回答のリストを完成させるために、上記の回答で言及されています（ http://en.wikipedia.org/wiki/Favicon も参照）そしてあなたの選択：

  1. /favicon.icoをルートに追加すると（http://en.wikipedia.org/wiki/Favicon）、ここにアイコンを追加することしかできません。 /favicon.pngは有効ではありません。icoタイプに関する考慮事項がいくつかあります。非常に古いIEブラウザはMS ICOフォーマットのみをサポートします。
  2. rel =ショートカットアイコン付きタグ：ノート付きクロスブラウザサポート、これを好むサイトは他にもありますが、他にもpng、gif、ico、jpg、jpegがあります。 GIF形式を使用する場合は、アニメーションGIFも追加できます。
  3. rel = iconのタグ：MIMEタイプを指定します

  4. 例えばを使用してページに直接埋め込むbase64エンコーディング：例：href = "data：image/x-icon; base64、iVBORw0 =="、これもすべてのブラウザでサポートされているわけではありませんが、かなりのサイトで使用されています。

    • 指定されたMIMEタイプの概念を取ります。アイコンについては、公式の標準はまだ "image/vnd.Microsoft.icon"として言及されていますが、IE 6バージョンの場合でもここでは "image/x-icon"が必要です。
    • また、指定されたMIMEタイプが実際のファイルタイプと常に一致しているとは限らず、ICOが指定されていても実際のPNGが存在することもあります。正しいMIMEタイプに注意してください。
    • あなたがGoogleのfaviconプロバイダに行きたければ、あなたはルートにicoを追加するべきです。
    • その他のアイコンサポート：favicon.ico以外にも、上記のAppleアイコンなどのアイコン用のタグがたくさんありますが、link rel = "avatar"、link rel = "pavatar"などもあります。

反対側から、私が好意を探すならば、私は：

pS可能な限り幅広いサポートを提供するために、サイトにこれらすべての方法を適用することもできます。

1
edelwater

私は使った：

<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">

テーマの根本にfavicon.icoがあります。

0
vanduc1102