How to add a custom landing page to a Genesis based site.

Community Forums › Forums › General Discussion › How to add a custom landing page to a Genesis based site.

This topic is: resolved

Tagged: 

This topic contains 8 replies, has 3 voices, and was last updated by  SoZo 3 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 31, 2013 at 4:41 am #16712

    Cesc Vilanova
    Participant
    Post count: 16

    Hi,

    I want to build a site based on the Genesis theme, but I would like to create a custom landing page.

    This is the mock-up I’ve prepared for the landing page.

    I know that the Genesis Theme already has a template for landing pages, but I’m not sure how easy it is to customize the content of that template.

    This is why I was thinking about using Twitter Bootstrap (I want the landing page to be responsive as well).

    Do you think it is a good idea to create the landing page from scractch using something like Bootstratp?

    It would be better to customize the landing page template already available on the Genesis Theme? If that’s possible, how can I do that?

    Thanks a lot!

    Cesc.

    • This topic was modified 3 months, 2 weeks ago by  Cesc Vilanova.
    • This topic was modified 3 months, 2 weeks ago by  Cesc Vilanova.
    January 31, 2013 at 5:00 am #16718

    braddalton
    Participant
    Post count: 2455

    The 2 best options are:

    1. customize an existing Genesis landing page template

    or

    2. Install the Premise landing page plugin made by the people who make Genesis

    WordPress Developer & Consultant
    Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

    January 31, 2013 at 10:55 am #16751

    SoZo
    Moderator
    Post count: 1573

    Depends on the customizations you are talking about.

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 31, 2013 at 10:57 am #16754

    Cesc Vilanova
    Participant
    Post count: 16

    Thanks SoZo.

    You can see the customization I am talking about in the mock-up that I’m linking in my first message.

    January 31, 2013 at 11:04 am #16758

    SoZo
    Moderator
    Post count: 1573

    Sorry, was that there before? If so I need more coffee before opening the computer ;)

    I would just use the landing page template for something that simple. Most of the landing page templates remove the header and nav but it looks like you want to keep those so you can remove those actions from the template. Actually, how would this page be different than the other pages of the site since it includes navigation and the header and wouldn’t really be a squeeze/landing page?

    You could use the column classes to line things up and body classes if you need it to look different from the rest of the site.

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 31, 2013 at 11:14 am #16766

    Cesc Vilanova
    Participant
    Post count: 16

    Thanks again!

    If I’m right, what you suggest is to use the text editor view inside WordPress (instead of the visual view) to edit the html of a new page?

    If that’s the case:

    1. Where can I find info about how to use the body and column classes?

    2. And finally, how can I edit the CSS for that page then?

    I’m a total newbie, as you can see :)

    Cesc.

    January 31, 2013 at 11:41 am #16772

    SoZo
    Moderator
    Post count: 1573

    There’s info on column classes here and body classes here.

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 31, 2013 at 11:54 am #16780

    Cesc Vilanova
    Participant
    Post count: 16

    Thanks Sozo. Nice info. I’ll take a look.

    January 31, 2013 at 1:30 pm #16796

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.