新しいWordPressサイトのアイコンAPIについて知る必要があるすべて

WordPress 4.3は、サイトアイコン機能を導入し、ユーザーがWebサイトの代表的なアイコンを定義できるようにします。これは、よく知っているWebサイトFaviconです。この記事では、機能とフィルターを含むサイトアイコンとそのAPIに飛び込みます。

サイトアイコンは何ですか？

Web開発に精通している場合、サイトアイコンが何であるかをすでに知っている場合があります。それは、WordPressがFaviconと呼ぶものです。 Faviconは、Webサイトが開かれたときにブラウザタブに表示されるアイコンであり、スマートフォンのホーム画面にWebショートカットを保存すると表示されるアイコンでもあります。サイトアイコンを設定した後、WordPress管理パネルにも表示されます。

WordPress 4.3サイトアイコン表示をデフォルトで展開すると、追加のアクションは必要ありません。 WordPressをバージョン4.3に更新する限り、この機能を直接使用できます。

サイトアイコンを定義する方法は？

テーマカスタマイザーを介してサイトアイコンを定義できます。アクセスするには2つの方法があります

管理メニューから、[外観]メニューの下のカスタムオプションを見つけます。
管理バーの[カスタム]ボタンをクリックします（WordPress 4.3の新規）。

テーマCustomizerのサイト識別オプションでは、サイトアイコンとして画像をアップロードまたは選択できます。 WordPressは、幅512ピクセル以上の画像サイズを推奨しています。

画像を選択した後、画像をトリミングして、サイトアイコンになる正方形の領域を選択できます。トリミングは元のファイルを変更しません。

トリミングが完了したら、[クロップ画像]ボタンをクリックすると、WordPressが画像を自動的にサイズ変更します。 [保存して公開]ボタンをクリックして、変更を保存します。

テーマカスタマイザーを使用して、いつでもサイトアイコンを削除または変更できます。

現在のサイトアイコンを取得します

テーマまたはプラグイン開発者は、サイトアイコンの基本的な使用について心配する必要はありません。画像を選択した後、WordPressはFaviconとして自動的に表示されます。

ただし、テーマまたはプラグインで現在のサイトアイコンを取得する必要がある場合は、WordPressが提供する4つの関数を使用できます。

• has_site_icon()：サイトアイコンが設定されているかどうかを確認し、ブール値（trueまたはfalse）を返します。

<code class="language-php">if (has_site_icon()) {
    // 已设置站点图标
} else {
    // 未设置站点图标
}</code>

• get_site_icon_url()およびsite_icon_url()：サイトアイコンURLを取得します。 get_site_icon_url()ブログIDとサイズを指定し、site_icon_url()URLを直接出力できます。

<code class="language-php">if (has_site_icon()) {
    echo '<img alt="Site Icon" src="'%20.%20get_site_icon_url(null,%20200)%20.%20'">';
}</code>

• wp_site_icon()：必要なメタタグを出力して、ファビコンの利用可能なサイズのブラウザまたはオペレーティングシステムに通知します。

<code class="language-php">wp_site_icon(); // 通常放在 `` 标签内</code>

カスタムサイトのアイコンサイズ

WordPressは、デフォルトでいくつかのサイズのサイトアイコンを生成します。 site_icon_image_sizesとsite_icon_meta_tagsを使用して、サイズとメタタグをカスタマイズできます。

概要

WordPressサイトアイコンAPIには、シンプルで実用的な機能があり、ユーザーと開発者がWebサイトのFaviconを管理するのに便利です。 このAPIは主にFaviconに使用されており、他の目的には使用されていません。

（既存のコンテンツと高度に複製されており、長いため、FAQの部分は省略されています。

以上が新しいWordPressサイトのアイコンAPIについて知る必要があるすべての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。