MENU
カテゴリー

wordpressテーマ「SWELL」でファビコンの画像を設定する方法

SWELL ファビコン アイキャッチ画像
マサユキ

新しく切り替えたwordpressテーマ「SWELL

ファビコン用の画像を設定する方法が分からず調べたので、やり方を備忘録として書き残しておきます。

【先に結論】
SWELL ファビコン画像設定方法
  1. SWELL内の「ダッシュボード」ー「外観」ー「カスタマイズ」
  2. 「wordpress設定」ー「サイト基本情報」ー「サイトアイコンを選択」
  3. ファビコン用の画像を選択
SWELL ロゴ
  • 当サイトで利用中のwordpressテーマ
  • 買い切り(月額・年会費等なし)
  • 複数サイトで利用可能
目次(クリックでジャンプ)

ファビコン(サイトアイコン)とは?

ファビコンとはサイトを表示した時のタブ横に表示される画像になります。

SWELL ファビコンとは

サイトで検索された時もサイトタイトルの横にファビコンで設定した画像が表示されます。

SWELL スマホ ファビコンとは
マサユキ

ちなみにwordpressで作成したサイトでファビコン用の画像を設定しない時は下のようなwordpressの「W」の画像が表示されます。

SWELL ファビコンなし

SWELLでファビコンの画像を設定する方法

SWELLでファビコンの画像を設定する方法は次の3STEPになります。

【SWELLのファビコン画像設定方法】
  1. SWELL内の「ダッシュボード」ー「外観」ー「カスタマイズ」
  2. 「wordpress設定」ー「サイト基本情報」ー「サイトアイコンを選択」
  3. ファビコン用の画像を選択

1.SWELL内の「ダッシュボード」ー「外観」ー「カスタマイズ」

SWELL ファビコン 設定方法1

2.「wordpress設定」ー「サイト基本情報」ー「サイトアイコンを選択」

SWELL ファビコン 設定方法2

SWELL ファビコン 設定方法3

SWELL ファビコン 設定方法4
マサユキ

注意書きに「サイトアイコンは512×512ピクセル以上の正方形にしてください。」とありますが、画像をアップする時に切り抜きで自動的にリサイズされるのでそのままアップして大丈夫です。

3.ファビコン用の画像を選択

マサユキ

ファビコン用の画像はKeynoteで編集し作成しました。

ファビコン用の設定した画像が表示されると全ての設定は完了。

SWELL ファビコン 設定方法6

サイトを開くとタブページで設定されたファビコンの画像が表示されています。

SWELL ファビコンとは

Googleの検索ページでも設定したファビコンの画像が表示され一安心。

SWELL スマホ ファビコンとは
SWELL ロゴ
  • 当サイトで利用中のwordpressテーマ
  • 買い切り(月額・年会費等なし)
  • 複数サイトで利用可能
SWELL ファビコン アイキャッチ画像

この記事が気に入ったら
フォローしてね!

この記事を書いた人

マサユキのアバター マサユキ 〜フォトロマ〜

脱サラ後サイト運営で生計を立てながら撮影放浪旅を続ける「フォトロマ」として活動中。現在は47都道府県を車中泊で回る【車中泊で日本一周ひとり旅】へ出発中

目次(クリックでジャンプ)