XeoryExtension Ver0.2.3 以降をお使いの方
管理画面 > テーマ設定 > ファーストビューの設定 > 背景画像 から、
設定したい画像をアップロードしてください。
XeoryExtension Ver0.2.2 以前をお使いの方
「管理画面 > 外観 > テーマの編集 > style.css」
”body.home #main_visual” というクラスを調整していただく事で画像を表示させる事が可能です。
CSSファイルに下記の記述がございます。
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;
}
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-image: url(); /*画像を設置される場合*/
background-size: contain;
color: #fff;
text-align: center;
}
background-image: url(); /*画像を設置される場合*/
background-size: contain;
color: #fff;
text-align: center;
}
画像サイズによっては細かい調整が必要になりますので、その際はCSSを調整ください。
※上記に関しましては、色等変更なくデフォルト時のみ有効な方法となります。