Creating A Landing Page Template in Genesis Framework

If you’re selling a product or service, landing page is a great tool and medium to convince you audience why they should buy your product.

A landing page is any page on a website where traffic is sent specifically to prompt a certain action or result. Think of a golf course… a landing page is the putting green that you drive the ball (prospect) to. – Copyblogger

A good landing page has a unique design and is different from the homepage design. In this article, we’ll show you how easy it is to create a landing page template in Genesis Framework which can be reused many times.

Would you like to see an example of the final result? Take a look at these three great Genesis child themes:

1. Metro child theme

2. Generate child theme

Creating the Landing Page Template

1. Create a file called landing-page.php (It can be any name, but let’s make this simple and meaningful) and place the code below in the file:

1. Place the file in your child theme directory.

2. Then, create a new page and you’ll see the new landing page template from the template drop-down.

1. Once you’ve finished writing the content, hit the Publish button.

Bonus: Suggested CSS for styling the landing page

If you noticed from the code above, we’re adding a .landing-page custom body class. This helps us to further customize our landing page.