Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Joy Ahmed
Joy Ahmed
Courses Plus Student 9,687 Points

How to add a blank page with only the background image?

I want to add a page with no header, footer, or menubar in my frontpage. In this page I want to display an image that will be of full width and height and responsive.

Please, help me in doing that.

2 Answers

colingallagher
colingallagher
9,743 Points
colingallagher
colingallagher
9,743 Points

What you could do is Create a static front page and use CSS to set an image as a full page responsive background.

Cheers!

Gordon Naldrett
Gordon Naldrett
12,142 Points
Gordon Naldrett
Gordon Naldrett
12,142 Points

I would probably create a custom page template within the theme, coded as a standalone webpage providing the visual effects you require. That way you could remove all the calls to get_header() and get_footer() etc as long as you include the full html code manually in the template.

Then within WordPress itself you would create a new page and set it's Page Template to the one you created. Since there will be no the_content() tag within the template the page will appear blank, except for the background image that you should add using CSS as Colin suggested above.