CSS｜背景画像

/* ==================================================
背景画像の設定（使う時は前後の /* と */ を消してください）
================================================== */

body {
background-image: url("ここに画像のURLを貼る");
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}

/* ページを透明にして背景を見せる設定 */
.site-content, .main-section, .entry-body {
background-color: transparent !important;
}

/* --------------------------------------------------
背景の「薄さ（明るさ）」を調整するフィルター
※以下のどれか1つを選んで、前後の /* と */ を外すと有効になります
-------------------------------------------------- */

/* 【レベル1】ほんの少し明るく（白を20%重ねる） / /
.site-content { background-color: rgba(255, 255, 255, 0.2) !important; }
*/

/* 【レベル2】ほどよく薄く（白を50%重ねる：おすすめ） / /
.site-content { background-color: rgba(255, 255, 255, 0.5) !important; }
*/

/* 【レベル3】かなり薄く（白を80%重ねる：写真はうっすら見える程度） / /
.site-content { background-color: rgba(255, 255, 255, 0.8) !important; }
*/

/* 【レベル4】ほぼ白背景にする（白を95%重ねる） / /
.site-content { background-color: rgba(255, 255, 255, 0.95) !important; }
*/