サイトの基本情報をカスタマイズする

前回のレッスンテーマカスタマイザーを利用する

テーマカスタマイザーの「サイト基本情報」では、サイトのロゴ・サイト名・キャッチフレーズ・サイトアイコンなどの変更ができます。

▲ 「サイト基本情報」のカスタマイズ画面

サイト名やキャッチフレーズは「一般設定」画面からも変更できますが、カスタマイザーを利用していただいても良いでしょう。

▲ 「一般設定」画面のサイト基本情報

この記事では、テーマカスタマイザーを利用してサイトの基本情報をカスタマイズする方法をご紹介しましょう。

スポンサーリンク




ロゴを設定する

サイトにロゴ画像を設定します。

管理画面の外観カスタマイズをクリックします。

テーマカスタマイザーが表示されます。

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

「サイト基本情報」のカスタマイズ画面が開きます。

各項目のカスタマイズ画面は、プレビューのアイコンをクリックしても開くことができます。

ロゴを選択ボタンをクリックします。

ロゴを選択 画面が表示されます。

ロゴに設定したい画像をクリックします。

画像をアップロードして追加する場合には「記事に画像を挿入する」もご参考ください。

画面右下の選択ボタンをクリックします。

画像切り抜き 画面が表示されます。

切り抜き範囲を選択して、画像切り抜きボタンをクリックします。

カスタマイズ画面とプレビューにロゴ画像が反映されたことを確認しましょう。

カスタマイズ画面上部の公開ボタンをクリックします。

「公開」ボタンが「公開済み」に変わったことを確認します。

サイトのトップページでも、ロゴが追加されていることを確認しましょう。

サイトのタイトルとキャッチフレーズを変更する

「サイト基本情報」のカスタマイズ画面から、サイトのタイトルやキャッチフレーズを変更します。

「サイト基本情報」のカスタマイズ画面を開きます。

サイトのタイトルキャッチフレーズを変更します。

サイトのタイトルとキャッチフレーズの変更がプレビューに反映されていることを確認して、公開ボタンをクリックします。

サイトに変更が反映されていることを確認しましょう。

サイトのタイトルとキャッチフレーズを非表示にする

サイトのタイトルとキャッチフレーズは非表示することもできます。

「サイト基本情報」のカスタマイズ画面を開きます。

サイトのタイトルとキャッチフレーズを表示のチェックをはずします。

プレビューで「サイトのタイトル」と「キャッチフレーズ」が非表示になっていることを確認して、公開ボタンをクリックしましょう。

サイトでも「サイトのタイトル」と「キャッチフレーズ」が非表示になっていることを確認しましょう。

サイトアイコンを設定する

サイトアイコン(ファビコン)を設定します。

サイトアイコンは、ブラウザのタブやブックマークバーで表示がされます。

▲ タブに表示されるサイトアイコン

「サイト基本情報」のカスタマイズ画面を開きます。

サイトアイコン画像を選択ボタンをクリックします。

画像を選択 画面で、サイトアイコンに設定したい画像を選択します。

画面右下の選択ボタンをクリックします。

画像切り抜き 画面が表示されます。

切り抜き範囲を選択します。画面右側のプレビューも同時に変化しますので確認しておきましょう。

切り抜き範囲を選択したら、画像切り抜きボタンをクリックします。

カスタマイズ画面の サイトアイコン に選択した画像が表示されていることを確認しましょう。

ブラウザのタブにもサイトアイコンが反映されていることを確認しましょう。

次の記事では、サイトの色のカスタマイズについてご紹介します。

「WordPress初心者入門」のトップへ

調べても答えが分からない場合にはQ&Aサイト活用がおすすめです

ご自分で調べても答えが出てこない時には、Q&Aサイトを活用しましょう。

WordPressに関する質問でおすすめのQ&Aサイトはteratailです。

teratailはプログラミングに特化していますので、WordPressで難易度の高いカスタマイズに関する質問もしやすく、一般のQ&Aサイトよりも正確な回答が得やすいという特徴があります。

無料で利用ができますので、行き詰まってしまった時には利用いただいても良いでしょう。
エンジニア特化型Q&Aサイト【teratail】

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク