[Resolved] one pager

Home Forums Support one pager

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #115324
    cliqous

    can i use generate press to create
    a one pager website?

    if yes, let me have the link for the tips/tutorials

    #115364
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    I’m sure you can – what would be on this one page site?

    #115492
    cliqous

    This is the plan:

    At the top there is the primary menu. (the tabs are -> Home, Projects, Services, About, Contact)
    So there will be just one long page that will contain the sections for
    each of the “tabs”.

    Sort of making it like a website made with Strikingly.com.

    #115630
    Tom
    Lead Developer
    Lead Developer

    Then as you scroll through the sections, the menu items highlight depending on each section?

    That’s probably the only part that’s not easily do-able with GP, but I’ll see what I can come up with πŸ™‚

    #115930
    cliqous

    “Then as you scroll through the sections, the menu items highlight depending on each section?”
    –> the highlighting is not needed that much. what i need is when i click the menu
    item, it scrolls down to the corresponding area

    i have an idea, but not sure if it makes sense.
    i might use anchor links and just make the menu
    items custom links that links to the anchor tags.
    then use smooth scrolling plugin to make it
    easier to see when moving up or down.
    – will this work?

    #115953
    Tom
    Lead Developer
    Lead Developer

    That is exactly how you should do it πŸ™‚

    #115955
    cliqous

    Thanks Tom.

    #115956
    Tom
    Lead Developer
    Lead Developer

    No problem, let me know if you need any help with it πŸ™‚

    #155939
    Geraldine Carter

    Hi Tom,
    I read through this post, the one about anchor links (how you have to link to the anchor ID, rather than the anchor name), and Guillaume’s reply listing this possibility: http://www.jeriffcheng.com/wordpress-plugins/easy-smooth-scroll-links.

    I sort of follow, but putting it all together is a bit past my skill set.

    What I am looking for is the same as the person above:
    ….
    β€œThen as you scroll through the sections, the menu items highlight depending on each section?”
    –> the highlighting is not needed that much. what i need is when i click the menu
    item, it scrolls down to the corresponding area.
    ….
    I too don’t need the highlighting that much. (If it’s easy, great, if it’s not easy, it’s not that important.)

    Can you lay out the steps?

    Multiple coffees headed your way for this one. Happy Thanksgiving, I hope you’re not working πŸ™‚

    #155986
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    The highlighting is difficult and requires javascript.

    Linking to section is easy though.

    First, add your anchors throughout your content where you’ll be linking to, like:

    <a name="scroll-to-me"><!-- anchor --></a>

    Then in your menu (Appearance > Menus), add a “Custom Link” and in the URL, put: #scroll-to-me

    Of course, the above will change depending on the name you choose, but you want the # in front of it.

    Let me know if that helps or not πŸ™‚ Happy Thanksgiving!

    #219907
    Ivan

    Hi Tom,

    Where do you have to place those anchor links?

    Thanks,

    Ivan

    #219909
    Ivan

    Oh it’s okay, I finally managed the way to do it.

    Thanks anyway,

    Ivan

    #219925
    Wilmer Arambula

    I recommend using the plugin Page scroll to id:

    Page WordPress:

    Page Header/Conten Settings:
        <h1 div id="home" style = "display: none;"></h1>
    Section 1:
        <h1 id="funciones" style="text-align: center;"><strong>Funciones Principales</strong></h1>
    Section 2:
        <h1 id="caracteristicas" style="text-align: center;"><strong>Caracteristicas Principales</strong></h1>

    Menu WordPress:
    Home:
    1.- URL: #home
    2.- Label Navegation: Inicio.
    3.- CSS Optional: mPS2id-highlight
    4.- Link (XFN): m_PageScroll2id
    Funciones:
    1.- URL: #funciones
    2.- Label Navegation: Funciones
    3.- CSS Optional: mPS2id-highlight
    4.- Link (XFN): m_PageScroll2id
    Caracteristicas:
    1.- URL: #caracteristicas
    2.- Label Navegation: Caracteristicas
    3.- CSS Optional: mPS2id-highlight
    4.- Link (XFN): m_PageScroll2id


    @ivan
    and so you will have a landing page effect,

    Note: Page Header and Section its Plugin GP Premium.

    #220400
    Ivan Cazorla

    Thanks so much Wilmer Arambula!!! So helpful!!

    #435231
    Tom

    Is there any way to slightly adjust where the page jumps to. For example when I click the “about link” it jumps to the about section, but it jumps a little bit lower than the start of the section…ie the sticky menu is covering the top of the section. Any code to adjust how low/high it jumps?

Viewing 15 posts - 1 through 15 (of 20 total)
  • You must be logged in to reply to this topic.