WordPressでサイトアイコン (ファビコン)を設定する方法

WordPress

WordPressでサイトアイコン(ファビコン)を設定する方法

WordPressを導入したらサイトアイコンを設定しておきましょう。

今回は、WordPressでサイトアイコン(ファビコン)を設定する方法をご紹介します。
 

■WordPressでサイトアイコン(ファビコン)を設定する方法(動画解説版)


 

WordPressでサイトアイコン(ファビコン)を設定する

WordPressでサイトアイコンを設定する前に、事前にサイトアイコンとして設定する画像(横512px * 縦512px以上の正方形画像)を用意します。
横512px * 縦512px以上の正方形画像を
 

サイトアイコンは、WordPressのカスタマイザーから設定できます。「カスタマイズ」をクリックします。
カスタマイズをクリック
 

(関連記事)WordPressテーマカスタマイザーの使い方
 

サイト基本情報を選択します。
サイト基本情報を選択
 

「サイトアイコンを選択」を押下します。
「サイトアイコンを選択」を押下
 

画像をアップロードまたは、メディアライブラリにある画像を選択して、「画像を選択」ボタンを押下します。
画像を選択して、「画像を選択」ボタン押下
 

このとき、長方形の画像サイズを選択した場合など、画像の切り抜き画面が表示されます。問題なければ画像を切り抜いて次に進みましょう。
画像の切り抜き画面が表示されます。問題なければ画像を切り抜いて次に進みます
 

「公開」ボタンを押下します。
公開ボタンを押下します。
 

右上にサイトアイコンが表示されるようになりました。

 

以上で、WordPressでサイトアイコン(ファビコン)の設定は完了です。
 

サイトアイコン(ファビコン)が使われるシーン

サイトアイコン(ファビコン)は、サイトのシンボルマークとなるアイコンのことで、ブラウザの左上に表示されます。
 

■サイトアイコン(ファビコン)の表示例
サイトアイコンの表示例
 

また、最近ではPCの検索結果画面や、スマートフォンで検索した時にも表示されます。
サイトアイコン(スマートフォン)
 

サイトアイコンを設定しない場合、検索結果でサイトアイコンがWordPressの「W」で表示されることがあります。少しWordPress・テンプレート感が出てしまいますので注意しましょう。

■サイトアイコンを設定していない例。WordPressデフォルトのWが表示されている
サイトアイコン WordPressデフォルトのWが表示されている
 

まとめ

ここでは、WordPressでサイトアイコンを設定する方法について、解説しました。
 

サイトアイコンがない場合、WordPressのデフォルトアイコン「W」が表示されることもあり、見栄えが少し悪くなってしまうので、ぜひサイトアイコンを設定しておきましょう。
 


 

今回は以上になります。最後までご覧いただきありがとうございました。
 

合わせて読みたい記事

WordPressの基本的な使い方を覚えたい方は「【2021年版 WordPress使い方総まとめ】ワードプレスの使い方を徹底解説」をご参照ください。

 

弊社は、自分でホームページを作ることを推奨しています。「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
教室の無料事前相談もしておりますので、まずはお気軽にご登録ください。

詳細はこちら

YouTubeチャンネル開設しました!

WEBST8 YouTube Channel 開設
最大月間50万PVの当ブログをベースに、Youtube動画配信にてWordPress、ホームページ作成、ブログのことについてお役立ち情報を随時配信していきます。

ご興味ある方はぜひチャンネル登録をしていただけますと幸いです。


 

『自分で作る選択を』
自分でホームページ作成・Web集客したいホームページ作成スクール・教室

自分でホームページ作成・Web集客したいホームページ作成スクール・教室 WEBST8

おすすめ記事3選

【WordPressの始め方総まとめ】ワードプレスブログの作り方9STEP

WordPressの始め方総まとめ

WordPress(ワードプレス)でブログを始めようと思った時に、サーバー・ドメインの手続きなどわからないことだらけで困っているというお悩みをお持ちの方も多いのではないでしょうか。本記事では、WordPressでブログやアフィリエイトを始めたい初心者を対象にWordPressの始め方をご紹介していきます。

【WordPressホームページの作り方総まとめ 12STEPで解説】

WordPressでホームページを自作しようと思った際に、「ドメイン?サーバー?たくさん調べることがあって何から手をつけたら良いのかわからない」というかたも多いのではないでしょうか。この記事ではWordPress初心者の方を対象にWordPressでホームページを作る方法をご紹介していきます。

【2020年版WordPress(ワードプレス)の使い方総まとめ】

今回は、これからWordPress(ワードプレス)を使ってホームページまたはブログサイトを作りたい初心者の方向けに、WordPressの導入から使い方までまとめて説明していきます。 (※)WordPress5.0から実装された最新のブロックエディター(グーテンベルグエディター)にも対応しています。

-WordPress
-, ,