背景画像アップロード

メディアに背景画像をアップロードしておく。
推奨画像サイズは横1200px、縦480px

画像URLをコピーしておく。

スタイルを編集する

/wp01/wp-content/themes/xeory_extension/style.cssを編集する。

406行目あたり
body.home #main_visual を編集。
背景色を白にし、高さを指定。

編集前

body.home #main_visual {
  background: #41BAA4;
  background-image: -webkit-linear-gradient(bottom right, #41baa4, #42a994);
  background-image: linear-gradient(to top left, #41baa4, #42a994);*/
  color: #fff;
  text-align: center;
}

編集後

body.home #main_visual {
  background: #fff;
  color: #fff;
  text-align: center;
  height: 480px !important;
}

406行目あたり
以下のスタイルを追加。
背景画像、高さ、上部余白を指定。

body.home #main_visual .wrap {
  background: url(https://hplab.sakura.ne.jp/wp01/wp-content/uploads/2017/05/main01.jpg);
  height: 480px;
  padding-top: 150px!important;
}

416行目あたり 1行追加。
文字の太さを指定。

body.home #main_visual p {
  font-size: 15px;
  width: 600px;
  margin: 0 auto;
//1行追加
  font-weight:bold;
//1行追加
}

422行目あたり 1行追加。
文字の太さを指定。

body.home #main_visual p {
  font-size: 15px;
  width: 600px;
  margin: 0 auto;
//1行追加
  font-weight:bold;
//1行追加
}

編集したstyle.cssをサーバーにアップロードする

 

 

ワードプレスマニュアル目次