AFFINGER5

AFFINGER5 サイトアイコンを表示するには?【2分で解決します】

2020年6月23日

 

 

AFFINGER5のサイトを表示した時ブラウザ上のタブにアイコンを表示できないかな。

あと、スマホで表示したサイトを「ホーム画面に追加」した際、表示した時アイコンに変更したい。

 

ブラウザ上のタブ

変更前

 

変更後

 

ホーム画面に追加したアイコン

変更前

 

変更後

 

こんな悩みを解決したいと思います。

 

こんにちは、ユキトモです。

 

AFFINGER5をインストール直後に、PCのブラウザでサイトを確認するとタブにアイコンが表示されていますが、「WordPress」のロゴが表示されてますよね。

 

あと、スマホでホーム画面に追加した時(ショートカットを作った時)にサイト内の文字が表示されているのでアイコンを表示させる方法を解説します。

 

ブラウザタブに「アイコン」を表示

 

step
1
WordPressのダッシュボードから「外観」→「カスタマイズ」をクリックします。

 

 

step
2
サイト基本情報をクリックします。

 

 

step
3
サイトアイコン用のファイルをアップロードします。

 

 

step
4
「画像を変更」ボタンをクリックします。

 

 

step
5
「公開」ボタンをクリックします。

 

step
6
変更されていることを確認して完了です。

 

 

ホーム画面に「アイコン」を表示

 

step
1
「AFFINGER5 管理」→「AFFINGER5 管理」をクリックします。

 

 

step
2
「会話・ファビコン等」をクリックします。

 

 

step
3
「apple-touch-icon」欄の「アップロード」ボタンをクリックします。

 

 

step
4
画像を選択して「保存」ボタンをクリックします。

 

 

ホーム画面に設定したアイコンが表示していたら完了です。

 

 

 

設定は以上です。

最後まで読んでいただきありがとうございました。

 

スポンサーリンク

-AFFINGER5
-, , ,

© 2020 Yukitomo Blog