How To Go About Creating Similar Layout And Functionality

Hi

I have found this site - http://melaniedaveid.com/ and have no idea how they have set up the scrolling content that appears in the right hand column whilst the left hand column remians static. If you scroll to the work section you will see what I mean.

Is this simple to set up are their any resources I could look at? Not sure what to search for.

Hope somebody can help me.

Many Thanks

It uses a parallax concept with lots of Javascript and even more paths… Have you looked at the source code?

For that part where the left is static and the right is moving… It uses two divs (with a few other divs inside) and some programming

Hi

I did take a look but got rather overwhelmed! I have since been looking at Jquery sticky content, but don’t really know how to implement with the example layout.

Thanks for your response, much appreciated.

Why don’t you get familiat with Parallax first. There are quite a few free themes that use this effect. This website looks more complicated because it uses many paths but those paths are inside DIVs. So may want to look at a simple parallax effect first, and see if you can understand that.

Simply Google it. There are thousands around the web, free themes and all

Here is a short tutorial

Hi

It’s not really Parallax functionality I am after, or have got that wrong?

After much searching! I have found below two example sites that seem to offer the effect I am after.

http://imakewebthings.com/waypoints/

http://davist11.github.io/jQuery-Stickem/

Just not sure how to integrate this into A Wordpress site that can also be updated.

Thanks again for your response.

You need to think of your Wordpress page as a regular web page, like those you are linking to but that will have bits and pieces of PHP code that will call a database for variable content.

So I’d focus in getting the page done first, if that’s easier for you,

Once you’ve got it done, then you can think about integrating into WP. I personally think that I would create a personalized page for this effect. This page will be the index. And for the blogging part, I’d be more traditional. As you know, this kind of pages are very annoying for articles and things like that.

Hi

I will try and build the site with the ‘sticky’ content links I provided, just not sure how to manage these parts easily within Wordpress let alone integrating the functionality I am after!

Thanks for your help

I think that the easiest thing to do is to create it as a stand alone web page, first. Then, in WP create a personalized menu and link to it there as the home page.

Other option, if you don’t like this, would be to create it as a new page in WP (in the backend, using the Page menu). This is great if you want to use the templates included in the theme.
Once you’re done, then go to settings > reading and set it as the home page.

A third option, if you want to use the theme but have more flexibility to do this, would be to create a new template for the theme that you’re using. This template would be only for this one page.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.