AFFINGER5のサイトを表示した時ブラウザ上のタブにアイコンを表示できないかな。
あと、スマホで表示したサイトを「ホーム画面に追加」した際、表示した時アイコンに変更したい。
ブラウザ上のタブ
変更前
変更後
ホーム画面に追加したアイコン
変更前
変更後
こんな悩みを解決したいと思います。
こんにちは、ユキトモです。
AFFINGER5をインストール直後に、PCのブラウザでサイトを確認するとタブにアイコンが表示されていますが、「WordPress」のロゴが表示されてますよね。
あと、スマホでホーム画面に追加した時（ショートカットを作った時）にサイト内の文字が表示されているのでアイコンを表示させる方法を解説します。
ブラウザタブに「アイコン」を表示
step
1WordPressのダッシュボードから「外観」→「カスタマイズ」をクリックします。
step
2サイト基本情報をクリックします。
step
3サイトアイコン用のファイルをアップロードします。
step
4「画像を変更」ボタンをクリックします。
step
5「公開」ボタンをクリックします。
step
6変更されていることを確認して完了です。
ホーム画面に「アイコン」を表示
step
1「AFFINGER5 管理」→「AFFINGER5 管理」をクリックします。
step
2「会話・ファビコン等」をクリックします。
step
3「apple-touch-icon」欄の「アップロード」ボタンをクリックします。
step
4画像を選択して「保存」ボタンをクリックします。
ホーム画面に設定したアイコンが表示していたら完了です。
設定は以上です。
最後まで読んでいただきありがとうございました。
スポンサーリンク