[Resolved] one pager

[cliqous]

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

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

[Tom]

Hi there,

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

[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.

[Tom]

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 🙂

[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?

[Tom]

That is exactly how you should do it 🙂

[cliqous]

Thanks Tom.

[Tom]

No problem, let me know if you need any help with it 🙂

[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 🙂

[Tom]

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!

[Ivan]

Hi Tom,

Where do you have to place those anchor links?

Thanks,

Ivan

[Ivan]

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

Thanks anyway,

Ivan

[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.

[Ivan Cazorla]

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

[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?

[Author]

Posts