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

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

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

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

カスタマイザーの背景画像設定

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

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

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

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

背景画像を固定した状態

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

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)