プラグインなしでワードプレスにファビコンを追加する適切な方法は何ですか?[閉まっている]


11

プラグインなしでWordpressにファビコンを追加する適切な方法は何ですか?

favicon.icoアイコンで呼び出されたファイルをサイトのルートに配置するだけですか?

このコードも必要ですか?

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

このコードだと言う人もいます:

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

そしてこれはiPhone用ですか?

<link rel="apple-touch-icon" href="/customIcon.png" />

それを作成する、またはサムネイルから変換するためのソフトウェアに関する提案はありますか?そして、どのタイプのファイルがサポートされています.icoか?

非常に多くのメソッドを持つ別のスレッドを見たのですが、この単純なタスクのベストプラクティスについては不明でし た。WordPressのファビコンを変更する方法は?


6
なぜプラグイン制限がないのですか?
チップベネット、

3
質問には、トピックに関連しないものが多すぎます。投票を終了します。
カイザー

回答:


15

私は通常、テーマ内の画像フォルダーにアイコンを配置するので、

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

編集:コメントごとにアップルタッチアイコンを追加し、子テーマを使用しているがファビコンが親テーマの画像フォルダーにある場合は、

get_template_directory_url();

子テーマを使用していない場合は、どちらでも機能します

私は通常ここで私のファビコンを作成します:http ://tools.dynamicdrive.com/favicon/


子テーマの場合は、get_template_directory_uri代わりに使用した方がよいでしょうか?元の質問への回答として、次のような114x114pxのAppleアイコンを追加しました<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">。ファビコンとAppleアイコンの追加については、こちらのドキュメントもたくさんあります:github.com/h5bp/html5-boilerplate

1
html5bpはヘッダーにそれらを追加することから離れていると思います。正しい名前のアイコンをサイトのルートに配置すると、ほとんどのブラウザはそれらを自動的に見つけます。しかし、あなたの質問に答えるために、子供のテーマと親...それは実際にはファビコン画像を保存する場所に依存します。get_template_directory_uri()は親テーマのURLを取得しますが、stylesheet_directory_uri()は、子の場合は子のURLを取得し、アクティブなテーマの場合は親のURLを取得します。
helgatheviking

あなたが正しい。私はそれらを両方混ぜて持っています... html5bpは確かにそれらをヘッダーから削除しましたが、ソース(主にAppleアイコンについて)mathiasbynens.be/notes/touch-icons

11

実際には、ファビコンを追加する正しい方法はPluginを使用するため、追加されたファビコンはテーマに依存しません。基本的に、の方法をhelgatheviking @使用しますが、中に入れたカスタムプラグインではなく、あなたのテーマの中よりも、functions.phpファイル。

注:トップレベルドメインを使用している場合、つまりexample.comfavicon.icoドキュメントルートをドロップするだけで完了です。それ以外の場合は、カスタムプラグインを作成します

注2:Tracチケット#16434を参照してください。サイトファビコンオプションがコアに追加されています。うまくいけば、バージョン1が次の3.4リリースに含まれる予定です。


最近の1つは、オットーのスニペットを使用する必要があります。ありがたいことに、人々は毎日テーマを変更していませんが、ファビコン(および投稿タイプなど)はテーマに依存するべきではないことに完全に同意します。これがコアになるのを楽しみにしています。
helgatheviking

それは実際にはそれほど「スニペット」ではありません。それfunctions.phpを、特定のphpDocヘッダーを含む、のwp-content\plugins\some-plugin\name代わりに存在するテーマのファイルと考えてくださいwp-content\themes\some-theme-name
チップベネット

2

我慢してください、コアは助けのためにあります

これは計画された機能であり、3.4に付属する2つのコア開発者が割り当てられています。


1
私たちは少し遅れて実行しています-3.4では出ていないかもしれません。今日の会議の後でもっと知りたいと思います。
Tom Auger

@TomAugerこれを最新に保つためにありがとう。完全なステータスになったら、自由に回答を編集してください。
カイザー

1

多くは、使用しているテーマに依存します。テーマがファビコンを定義している場合(<link>ヘッダーにタグが付いている)、favicon.icoテーマを変更するにはテーマを置き換える必要があります。

ただし、テーマ何も定義していない場合favicon.icoは、サイトのルートにを配置するだけで十分です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.