WordPressに背景画像を設定して固定表示にする方法

背景画像を、固定表示にする方法の紹介です。

これは、Simplicityというより、大抵のWordpressのテーマなら利用できる方法かと思います。

背景画像は、「外観→カスタマイズ→背景画像」からメディアに画像をアップロードして設定します。

CC0写真サイトなどから大きめの画像を探して設定するのがお勧めです。

あとは、子テーマなどのstyle.cssに以下のように貼り付けます。

body.custom-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

このようにすることで、スクロールしても背景画像が動かないように設定できます。

※メインカラムとサイドバーは、透明度を指定して透かしてあります。

スポンサーリンク