WordPress、無料テーマ「Cocoon」サイトアイコン（ファビコン等）の設定はWordPressデフォルト機能を利用

2019年1月29日2021年6月6日

「サイトアイコン」はWordpressブログで、ファビコン(favicon)をWebサイトに設定したり、ウェブクリップアイコンやタイルアイコンを生成したりできる機能です。WordPress 4.3から利用可能になりました。

サイトアイコンに利用する画像の準備

サイトアイコンに利用する画像の条件は以下です。

■ファルサイズ：512X512　px（ピクセル）以上
■ファルの形：正方形　（作成時に正方形に切り取られます）
■推奨するファイル種別：PNG,  JPEG, GIF
＊透過（背景が透明な）画像にしたい場合はGIFまたはPNGを利用します。
＊Windows10のブラウザMicrosoftEdgeやタイル画面での表示に対応するためには、PNGフォーマットファイルを用意する必要があります。

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

WordPressのダッシュボード右メニューで、[外観]>>[カスタマイズ]　をクリックします。

[サイト基本情報]の右にある　[＞]をクリックします。　

サイト基本情報の画面が表示されます。
画面下の　[画像を選択]　をクリックします。

画像を選択の画面が出ます。[ファイルを選択]　をクリックします。

予め準備した画像ファイルがあるフォルダを開き、ファイルを選択します。

メディアライブラリーの画面が表示されます。
選んだ画像が選択されていることを確認して、画面右下の[選択]をクリックします。

サイト基本情報の画面に戻ります。
サイトアイコンの画像が設定され、ファビコンとウエブクリップアイコンの表示状態を確認することができます。

画面上部の　[公開]　をクリックします。

ブログでの表示を確認

設定前の表示

変更する前のファビコンです、「Cocoon」オリジナルのファビコンが設定されています。

設定後の表示

ファビコン表示

ブラウザのタブや、お気に入りの表示バーで。

お気に入り一覧

お気に入り一覧でも表示されます。

ウエブクリップアイコン

スマフォのウエブクリップアイコンとしても

メルマガ購読でオリジナルのサイトアイコンプレゼント

現在、「初心者に親切シニアに優しいネットビジネス講座」のメルマガ購読にお申し込みいただくと。この記事でお伝えしてるサイトアイコン用のイラストをプレゼントいたします。イラストはりんご作成のオリジナルです！
↓↓↓↓↓↓↓（プレゼント詳細もこちら）
りんごのメルマガを購読する

さらに、

ただいま、このメルマガやブログでご紹介している「りんごの一歩づつサポート」では、ビジネスのはじめの一歩として「ワードプレスの構築サポート」を実施しています。

■サポートその１：ブログのヘッダー＆サイトアイコンの画像作成サポート
プログの第一印象を決めるのが、ヘッダー画像やサイトアイコン画像です。
テーマをインストールしても画像は自身で用意する必要があります。
自分のテーマに合った写真やイメージにマッチする画像を自分で作るのは大変です。
りんごがこれをお手伝いします。
高度な技術が必要な画像処理は、 作成に高価な画像処理ソフトが必要な場合もあります。 ソフトがあっても使いこなすには経験と技術が必要です。
りんごが代わりに作成します。
メールやチャットで作成に必要な事項をお伺いして、イメージを形にします。

■サポートその２：メルマガ配信「りんごブログ実践講座」でWordPressブログの構築サポート
ブログ構築サポートメルマガは順番に配信されるので、必要な設定が順を追って実施できます。
必要な項目を順番に実施することで、トラブルが少ないです。
設定忘れ等が起こりにくいので、安心して進めます。

↓↓↓↓↓↓↓詳細はこちらをご覧ください。
「りんごの一歩づつサポート」

＊りんごの一歩づつサポートをご利用いただくには「りんごのメルマガ」購読からがお勧めです。
↓↓↓↓↓↓↓
りんごのメルマガを購読する

お願い記事内の不具合や間違い等をお知らせください。 （キャプチャーの違い、古くなった情報、誤字脱字等些細なことでもかまいません）
↓↓↓↓↓↓↓↓
＊お知らせいただいた方にはりんごからささやかなお礼を送らせていただきます。