SeedProd ドキュメンテーション

SeedProdのドキュメント、参考資料、チュートリアル

SeedProdのウェブサイトにファビコンを追加する方法

ファビコン(サイトアイコンとも呼ばれます)とは、ブラウザのタブ上でウェブサイトのタイトルの横に表示される小さな画像のことです。ファビコンを設定することで、訪問者は一目でサイトを識別・認識できるようになります。SeedProdのページではWordPressサイトのファビコン設定が使用されるため、SeedProdビルダー内に個別のファビコン設定オプションはありません。

テーマによって、サイトにファビコンを追加する方法は2つあります。


方法 1:WordPress テーマカスタマイザー

ほとんどのWordPressテーマでは、標準の「カスタマイザー」からファビコンを設定できます。WordPressの管理画面で「外観」>「カスタマイズ」に移動し、「サイト情報」タブをクリックしてください。そこからファビコン画像をアップロードできます。

WordPressカスタマイザーの「サイト識別」タブに、ファビコンのアップロードオプションが表示されています

注: [外観] > [カスタマイズ] > [サイト情報]のセクションは、テーマによっては表示されない場合があります。表示されない場合は、以下の方法 2 をご利用ください。


方法 2:WPCode を使ってファビコンのコードを追加する

お使いのテーマが「サイトID」設定に対応していない場合は、無料のWPCodeプラグインを使用して、手動でファビコンを追加することができます。WPCodeをインストールして有効化し、以下のコードを「ヘッダースクリプト」セクションに貼り付けてください。例として記載されているURLは、実際のファビコン画像のURLに置き換えてください。

<link rel="icon" href="https://www.example.com/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="https://www.example.com/favicon.png" type="image/x-icon" />
WPCodeプラグインの「ヘッダースクリプト」セクションにファビコンのコードを追加しました

あるいは、「All in One Favicon」プラグインを使えば、コードを一切記述することなく、ファビコンのアップロードや管理を行うための専用インターフェースを利用できます。


ファビコンを設定すると、SeedProdのすべてのページおよびWordPressサイトの他のページに自動的に表示されます。すべてのブラウザやデバイスで最適な表示を得るには、512×512ピクセル以上の正方形の画像を使用してください。

関連記事