How to Create A Landing Page In WordPress

The more you play with WordPress and dare to venture past the obvious features it offers, the more you will discover how flexible and full of useful functionality it is.

In this brief tutorial we will be taking a look at how you can use the power of WordPress to manipulate output on a page by creating your own special page template which could potentially be used for landing or sales pages.

For example, you might want a specially formatted page which will serve as your landing page where you want to remove sidebars, headers and other distractions.

This tutorial expands upon the concepts which were introduced in another post we made regarding page templates and introduces a few more useful tricks you can use when developing themes or plugins.

Before we start, it’s best to explain what we will try to do.

After we finish this little exercise we will convert a typical WP page into a more sales-friendly and less cluttered format as shown in the before and after images below:

Landing Page Before

landing page before

Landing Page After

landing page after

To achieve the above outcome, we will leverage the power and flexibility of WP to create our own unique way of displaying a page.

Also, an important thing worth mentioning is that we will not be hacking any theme files and as a result this will make our lives a lot easier when updating the theme version in the future.

Useful Tip: When designing our child theme and custom page template we used FireBug for the CSS investigations to determine which components needed modifications and which existing elements we wanted to remove.

If you are unfamiliar with using FireBug you can use any of the many good tutorials online or see our firebug tutorial.

So let’s get started…

Click on the following links to open/download the Landing Page Creation in WordPress Tutorial

Check out our eBook on how to create landing pages that convert.

Found this article interesting? Subscribe to Tips and Tricks HQ

email icon rss feed icon twitter icon google plus icon

Comments (8 responses)

  1. admin says:

    The following function call shows the title of the page. So you can remove the line that outputs that code and it won’t show the page title anymore.

    the_title()

  2. Jennyfer says:

    I’m trying to get rid of the tile of the page, How could I do it with this landing page?

  3. Alina says:

    Great post! This is very helpful in freshman online entrepreneur like me. Looking forward to your another post.

  4. outlr says:

    This info is good for the webmaster who are using word-press.Good Work

  5. John says:

    hey guys,

    some marketers still don’t understand the power of landing pages and think that just asking for the order or email on a page makes that page a landing page…

    well, to me, an effective landing page needs to have zero distractions: no header, and no borders – just like you’ve said! – and focus on “selling” the sign-up or the sale. Plain and simple…

  6. admin says:

    @Rafal, No you don’t need to install on a subdomain. You can do the whole thing on your existing WordPress installation. That is the beauty of customer WordPress page templates. You can create as many custom landing pages as you want on your existing WP Install.

  7. Rafał says:

    Another great tips from You. Thanks for this. If, i have one blog with premium themes, but want make Landing Page like you write, a have to install another script on subdomain or in catalog. Isn’t it?

  8. Justin says:

    Very nice and detailed tutorial on creating landing pages. Thank you for sharing.

Speak Your Mind

*