シンプルでスタイリッシュなWordPress無料テーマ

全体背景の設定

2018.08.052018.06.19カスタマイザー
mountainous-landscape

全体背景

「全体背景」には以下の設定項目があります。

  • 背景画像
  • プリセット
  • メインとサイドバーを連結
  • 背景色

モバイルではコンテンツがスクリーンいっぱいに表示されるので、背景画像はほぼ隠れてしまっている状態です。

これらの設定はパソコンやタブレットなどで大きな変化が出ると考えてください。

背景画像

background-image-setting

全体の背景画像をセットします。「画像の変更」ボタンから簡単に取り替えることができます。

スクラッチのデフォルトではメッシュのような画像を用意しています。

補足
このデフォルト画像を使用する際は「プリセット」で「繰り返し」を選択するか、「画面に合わせる」または「カスタム」に変更後、「背景画像の繰り返し」にチェックが入っていることを確認してください。

プリセット

「プリセット」は WordPress にデフォルトで備わっている機能です。以下のようなオプションがあります。

  • デフォルト:縦横に画像を繰り返し表示
  • フルスクリーン:スクリーンいっぱいに拡大表示
  • 画面に合わせる:スクリーンサイズに合わせて画像のサイズを調整
  • 繰り返し:縦横に画像を繰り返し表示
  • カスタム:画像のスクロールなどのオプションを追加

ここを変更すると、背景画像のセット方法に変化が出ます。

background-image-repeat
繰り返しの例

「デフォルト」と「繰り返し」が同じオプションに見えるかもしれませんが、「繰り返し」では「デフォルト」にはない「画像の位置」セッティングが出現します。

image-positioning

これにより画像の開始位置が設定可能です。未設定の場合は左上になります。

また以下のようなサイドオプションも存在します。

画面に合わせる:
・背景画像の繰り返し

繰り返し:
・ページと一緒にスクロール

カスタム:
・画像サイズ
・背景画像の繰り返し
・ページと一緒にスクロール

「背景画像の繰り返し」にチェックを入れると、プリセットにて「繰り返し」を選択したときと同様の状態になります。

「ページと一緒にスクロール」のチェックを外すと背景画像がスクリーンに固定され、画面をスクロールしても同じ面の画像が表示された状態が続きます。

メインとサイドバーを連結

こちらはスクラッチオリジナルの設定項目です。

main-and-sidebar-connected

クリックで画像が大きくなります

チェックを入れることで記事メインとサイドバーが連結され、サイドバーの背景色が白くなります。

背景色

全体背景の色を変更する箇所です。

背景画像がセットされている場合はそちらが優先されます。

author

\ 広告エリア /
rectangle-ad
rectangle-ad
Post image for Facebook Like