見た目の色々な設定をしていってみましょう。
- ヘッダー画像の設定
- メニュー部分の設定
- ロゴ画像の設定
- 記事一覧の表示形式設定
- 記事一覧「タイトル設定」
の設定をしていきます。
動画でも説明しています。
テキストで読みたい方はそのまま下に進んでください。
ヘッダー画像の設定
ヘッダー画像の設定は、ダッシュボードの左側の「外観」→「カスタマイズ」から、「ヘッダー設定」から出来ます。
ヘッダー画像(PC用)
PC用のヘッダー画像を設定します。写真の大きさは2000px × 600pxぐらいがいいです。
設定したら、こんな感じになります。
スマホヘッダー画像
スマホで表示した時のヘッダー画像を設定します。画像の大きさは、1000px × 1000pxがおススメです。
メニュー部分の設定
メニュー部分の設定もダッシュボードの左側の「外観」→「カスタマイズ」→「ヘッダー設定」をクリックして進みます。色々チェックしてみると、右側のプレビューが変化するので、試してみて下さい。
「TOPページでシンプルヘッダーを使用する」
「TOPページでシンプルヘッダーを使用する」にチェックを入れると、ヘッダー画像が表示されないパターンのサイトになります。
「TOPページ以外でビッグヘッダーを使用する」
「TOPページ以外でビッグヘッダーを使用する」にチェックを入れると、ほかのページでもヘッダー画像が表示されるようになります。
「ビッグヘッダーの文字背景を適用する」
「ビッグヘッダーの文字背景を適用する」にチェックを入れると、下の写真のようにメニューに背景が付けられるようになります。
このメニューは、ダッシュボードの左側「外観」→「カスタマイズ」→「サイトカラ―(色)設定」→「カラーの詳細」から
「ビッグヘッダー文字色」・「ビッグヘッダー背景色」で色を変える事も出来ます。
ロゴ画像の設定
ダッシュボードの左側「外観」→「カスタマイズ」→「ヘッダー設定」から「タイトルロゴ画像」で、タイトルのロゴの設定も出来ます。
↓
ロゴを変更するとこんな感じです。背景が透明なタイプのロゴ画像をここに設定して下さい。
記事一覧の表示形式設定
記事一覧表示設定は、ダッシュボードの左側「外観」→「カスタマイズ」→「記事一覧の表示」から設定する事が出来ます。
「記事一覧の表示形式を選ぶ」で選んで下さい。
↓
グリッド形式とリスト形式はこんな感じです。最新記事一覧カードの表示タイプが変わります。
記事一覧「タイトル設定」
記事一覧タイトル設定は、ダッシュボードの左側「外観」→「カスタマイズ」→「記事一覧の表示」から、「記事一覧:タイトル変更」から変えられます。
↓
ここを変えると「New Posts」の部分を変える事が出来ます。サイトによって、変えてみて下さい。
例)商品一覧、写真一覧など
色々な見た目の変更の設定方法は以上です!
色々なところを設定出来るようにしているので、是非設定してみて下さい!