02_カスタマイズ・サイト基本情報:サイトアイコン

テーマ「Lightning」のカスタマイズをしていきます。

サイト基本情報:サイトアイコンを設定する

カスタマイズコーナーに入る

  • 左サイドメニュー「外観」⇒「カスタマイズ」で、テーマカスタマイズ画面に入ります

  • 画面では左側にカスタマイズメニュー、右側にリアルタイムのトップページを見ることができます

  • サイト基本情報をクリックしてカスタマイズメニューの中の「サイト基本情報」を表示させます

カスタマイズ⇒サイト基本情報

サイトのタイトルとキャッチフレーズは、ダッシュボード・左サイドメニュー「設定」⇒「一般設定」でも可能ですが、ここでも編集は可能です。

サイトアイコンを登録する

  • 「サイトアイコンを選択」をクリックして、準備した画像をアップロード、または、イメージ・ライブラリから選択する

または、(こっちの方が簡単)

  • 四角形でなくてもいいのでサイトアイコン用の画像をパソコンからアップロードするか、イメージ・ライブラリにある画像を「選択」してください。

四角形でない場合は、下の写真のように自動で四角形に切り取ることになります。

  • 表示させたい範囲を指定して「画像切り抜き」ボタンをクリック
  • 下の画像のように、サイトアイコンが登録されます。
  • 画像の置き換えや削除するときもここからできます。

  • 設定が終了後、「公開」ボタンを押してから、「<」ボタンを押してカスタマイズメニューに戻ってください。
  • 「公開」ボタンを押さずに戻ると設定が消えます。
  • 「×」をクリックするとダッシュボードに戻ります。

画像加工の参照手順です

  • サイトアイコン用画像は、512×512ピクセル以上の正方形のものとLightningでは決められています。
  • 用意する方法は、画像ソフトで写真や画像を加工する、あるいは、単純にサイズのみをWordPress内で編集してもいいです。

※配布サイトからダウンロードして使う場合は、画像の著作権に気をつけてください。

画像ソフトで作成する

画像加工ソフトで「新規作成」ボタンをクリックして、画像サイズに512×512を入力、表示された画像キャンパスの上でアイコン画像を作成。

参照:02_PhotoScapeXでの画像加工

※ブラウザの上部のタブに小さく表示される画像ですので、細かく模様や字などは入れる必要はありません。

WordPress内で編集する

WordPressの画像をアップロード、「画像編集」の「トリミング」で、サイズのみ512×512、または、それ以上の四角い画像に編集する

参照:01_WordPress内での画像加工