• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
WPFeed

WPFeed

  • News
  • Tutorials
    • WordPress Multisite
    • BuddyPress
    • Design
  • Reviews
    • Plugins
  • Roundups
  • Snippets
  • Giveaways
Home » BuddyPress » Creating A Landing Page Template in Genesis Framework

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

landing-page

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.

template-dropdown

  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.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Partnerships

For WP Deals and Discounts, visit WPCouponCode.com

Recent Posts

  • WordPress is a brilliant platform that is loaded with tons of stuff for websites.
  • How to Sync Stock & Price for WooCommerce Products
  • How to migrate a WooCommerce Store to a new site
  • How to Import WooCommerce Products
  • How to export WooCommerce Orders

Copyright © 2022 · WPFeed.com - A Project of TechAbout LLC.

  • About us
  • Advertise
  • Write for us
  • Terms and Conditions
  • Privacy Policy
  • Contact us