【Word Press】SWELL:サイトアイコンの設定方法

カエルくん

サイトアイコンってなにかな?

れい

ブラウザのタブに表示されるアイコンのことだよ。
先輩ブロガーさんはおしゃれなアイコンを設定しているね。
私もアイコン変えたいな〜

サイトアイコンは、ファビコン(favicon)とも呼ばれます。
初期状態ではばアイコンが設定されていないため、Chromeでは地球儀のようなマークが表示されています。

目次

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

STEP
アイコンの画像の準備

SWELLでは、アイコンのサイズが512✕512px以上の正方形にしてくだいと記載されています。

今回は、『Canva』でアイコンの画像を作成しました。
こちらの画像を使用します。

STEP
カスタマイザーを開く

管理画面の『外観』⇨『カスタマイザー』を開きます。

STEP
Word Press設定を選択

カスタマイザーが開いたら、『Word Press設定』をクリックします。

STEP
サイト基本情報を選択

『サイト基本情報』をクリックします。

STEP
画像を選択

『サイトアイコンを選択』をクリックし、設定する画像をファイルフォルダからアップロードし、選択します。

STEP
画像が追加されたら、公開

画像が設定されました。
上部の『公開』ボタンをクリックし、設定が終わりました。

サイトアイコンを設定後

ブラウザのタブのアイコンが変更されました。

カエルくん

サイトアイコンも簡単に設定できたね

れい

本当に簡単だったね。
この調子でどんどん設定していこう!

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!

この記事を書いた人

鹿児島に住んでるシングルマザーです。
40代で会社を辞めてWEBライターに転職を決意しました。
WEBライターになるための活動などを発信していきます。

目次
閉じる