サイトアイコンを設定する方法(ファビコン、アップルタッチアイコン等の設定)

テーマ設定
この記事は約2分で読めます。

Cocoonは、サクサクと設定が進められるように、基本的にはテーマカスタマイザーを使用しない設定方法になっています。

ただ、サイトアイコンの設定は、WordPressデフォルトのものを利用した方が高機能で便利なので、テーマカスタマイザーで設定を行う仕様となっています。

以下では、Cocoonでサイトアイコンを設定する方法を説明したいと思います。

サイトアイコンを設定することで、以下の設定を行うことができます。

  1. ファビコン32×32px
  2. ファビコン192×192px
  3. アップルタッチアイコン180×180px
  4. MicroSoftアプリケーションタイルイメージ270×270px

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

サイトアイコンの設定方法

サイトアイコンの設定を行うには、まずWordPress管理画面を開いて、「外観→テーマカスタマイザー」を選択します。

サイトアイコンを設定するためテーマカスタマイザーを開く

あとは、「サイト基本情報」設定項目から「サイトアイコン」を設定後、「公開」ボタンを押してください。

テーマカスタマイザーからサイトアイコンを設定

これでサイトアイコンの設定は完了です。

画像は512×512pxのPNG画像を設定することを強く推奨します。

ポイント

サイトアイコンは、「ブラウザのブックマーク」や、「スマホのアイコン」、「マイクロソフトのメトロスタイルのイメージ」として利用されるサイトの顔みたいなものです。

サイトを登録してもらったあと、次回再び訪れやすくしてもらう「目印」となるものなので、必ず設定しておきましょう。

コメント テーマの質問はフォーラムへ

  1. SFC-madame より:

    こんにちは。
    とても素晴らしいテーマを無料で配布してくださり、ありがとうございます。

    こちらの記事のようにサイトアイコンを設定しているのですが、どうにも表示されません。
    また、simplicity2から移行したのですが、simplicity2の時から、当初表示されていたのに、いつの日か急に表示されなくなっていることに気づきました。
    削除して他の画像を選択したりと試しましたが、理由がわかりません。

    検索したのですが、どうしてもわからず、こちらでお尋ねすることにしました。

    どうぞよろしくお願いいたします。

  2. いっくん より:

    こんにちは。

    ブログを立ち上げたばかりです。
    初心者にも使いやすく美しいテーマを提供してくださりありがとうございます。

    上記の方と同様、本記事に記載の通りサイトアイコンを設定したのですが反映されません。。
    画像は.png形式です。

    色々と調べてみたのですが解決できずお尋ねしました。

    PC関係にめっぽう疎いため初歩的なことでつまずいていたとしたら大変申し訳ないのですが、、

    どうぞよろしくお願いいたします。

    • わいひら わいひら より:

      こんにちは。
      ちょっと実物を見てみないと何とも言えないかもしれません。
      サイトのURLを提示していただくことは可能でしょうか。

  3. あっちゃん より:

    はじめまして
    テーマがシンプルでとても使いやすく助かっています。
    おそらく以下の方と同じ事象と思いますが
    アイコンが初期のままです
    PNGに変えても直りません。

    もし教えていただけると助かります

    >いっくん さん

    • わいひら わいひら より:

      申し訳ないですがコメントの案内にありますようにテーマへの質問は、お手数ですがフォーラムの方に書き込んでいただけると助かります。

      こちらから、「トピックを追加」ボタンを押してコピペで同様のことを書き込んでいただければ幸いです。

      ※フォーラムの書き込みは登録不要です。

      コメント機能だと機能が貧弱で、画像アップロード機能などがなく、対応(案内)が大変なのでご協力よろしくお願いいたします。

タイトルとURLをコピーしました