SWELLでファビコンを設定する方法｜推奨サイズ・手順・トラブル対処まで解説

SWELLサイトにファビコンを設定する

SWELLは国内でもっとも人気のあるWordPress有料テーマのひとつです。ファビコンの設定は難しくありませんが、「どこから設定するのか」がわかりにくいという声をよく聞きます。

結論から言うと、SWELLではWordPress標準のカスタマイザーを使います。SWELL独自の設定画面ではなく、WordPress本体の機能です。

WordPressでの設定方法の全体像はWordPressのファビコン設定方法で解説しています。

画像がない場合は、ファビコンデザイナーでテキストや図形からサクッと作れます。512pxのPNGで書き出してください。

WordPress管理画面で 「外観」→「カスタマイズ」 をクリックします。

カスタマイザー左側メニューの 「サイト基本情報」 をクリック。

これはSWELL独自の項目ではなく、WordPress標準のメニューです。SWELLが追加するカスタマイザー項目（ヘッダー、フッター等）とは別に、上部に表示されています。

「サイトアイコン」セクションの 「画像を選択」 をクリック。メディアライブラリから画像を選ぶか、新しくアップロードします。

左上の 「公開」 をクリックして保存。ブラウザのタブにファビコンが表示されるか確認します。

設定後にファビコンが表示されないケースがあります。原因は大きく3つです。

SWELLには独自のキャッシュ機能があります。

「SWELL設定」→「リセット」タブ →「キャッシュクリア（コンテンツ）」 を実行してください。

ファビコンはブラウザ側にも強くキャッシュされます。

一番確実なのはシークレットモード（Ctrl+Shift+N）で確認する方法です。

ConoHa WINGやエックスサーバーのキャッシュ機能、CloudflareなどのCDNを使っている場合は、サーバー側のキャッシュもクリアしてください。

知っておくと便利なSWELLの仕様をまとめます。

SWELL独自の設定画面にはありません。WordPress標準のカスタマイザー > サイト基本情報 > サイトアイコンから設定します。

カスタマイザー経由であればPNG形式のままでOKです。WordPressが必要なサイズを自動生成してくれます。それとは別に.icoファイルも置きたい場合は、変換ツールで作成してサーバーのルートに配置してください。

WordPressカスタマイザーは512×512px以上の正方形を推奨しています。

SWELLでのファビコン設定は、WordPress標準のカスタマイザーから512px以上の正方形PNG画像をアップロードするだけです。

ファビコン用の画像がまだない方は、以下の記事を参考にしてください。作成から設定まで、5分もかかりません。