How To Add Different Background Images To WordPress Post and Pages

One of the most commonly requested features I see users of WordPress asking is “how do I add different background images for individual pages or posts on my site”. There are many approaches to achieving this from using purely CSS or alternatively PHP with WordPress conditional tags, what if you don’t have the skills required skill-set to write CSS or PHP though?.

Luckily there is a plugin available titled Background Per Page that allows you to specify background images for individual WordPress posts or pages from a new custom settings section that is made available after installing the plugin.

Install The WordPress Background Per Page WordPress Plugin

WordPress Add New Plugin


WordPress Search For Background Pre Page Plugin


Install WordPress For Background Pre Page Plugin


Activate WordPress For Background Pre Page Plugin

WordPress Background Per Page Post Settings Panel

After you install the Background Per Page WordPress plugin you will get a new custom settings panel in your post or page edit screen. This is where you can upload a background image and change the display settings to position the image along with styling it to your requirements.

WordPress Background Per Page Post Settings Panel

Once you upload you background image you can easily play around with the settings which include.

  • Ability to change the HTML Element that the background image is attached to
  • Set the Horizontal or Vertical repeat individually
  • Set the background image to be fixed or scroll with the page
  • Set the background image position left, center, right
  • Fade the background image out
  • Set a background colour

End Result Of Adding A Background Image To The Hello World Post

End Result Of Adding A Background Image To The Hello World Pos

WordPress Background Per Page WordPress Plugin