Jump to content

Page content change dynamically (wordpress)


Nic727

Recommended Posts

Hi,

 

I don't really know how to call it, but for my wordpress page, I'm looking for something to change the page content without going on another page.

 

I create something with paint that represent what I'm looking for.

 

For exemple, when I'm going on the media page, I would like to be on the "Picture" section automatically, but have the option to show "Videos or Interview". Don't know if a plugin exist for this, but could be nice.

 

If nothing exist, I will do that with TEXT only with links.

 

 

Thank you

Link to comment
Share on other sites

You just want it to show one thing, but you can click on the links to show the other parts? One way to do that would be to put each thing you want to show or hide into a separate div, so you would have 3 divs. You would use CSS to put them in the same place but hide 2 of them. The links would run a Javascript function to hide the one that is being shown (or hide all of them), then show the div for the link the clicked on. You can just change the div's display property to show or hide it.

Link to comment
Share on other sites

I don't do a lot with Wordpress, I don't know what's out there. I imagine functionality like that is in several different themes, it's not that difficult to do. It just takes a few lines of vanilla Javascript, you don't even need a library like jQuery for that.

Link to comment
Share on other sites

I found somethings to represent what I want visually :

 

http://www.elderscrollsonline.com/en-us/media

or

http://tutsme-webdesign.info/tutorials/filterable/recipes_filterable_v2.html

 

The first exemple show differents pages.

 

The second one is a kind of filter. I saw one portfolio template for bootstrap using something similar to have different kind of work.

Link to comment
Share on other sites

The second example, could just be the links with unique id (sorry can't view source, on tablet), images with captions with classname that matches relative link id all grouped together on single page and hidden. To unhide you, set it to hide() all currently opened images if open, then retrieve clicked id ref of that link using attr(‘id') and use it for a selector for referencing class name of relative images, then use it with show().

Link to comment
Share on other sites

I found somethings to represent what I want visually :

 

http://www.elderscrollsonline.com/en-us/media

or

http://tutsme-webdesign.info/tutorials/filterable/recipes_filterable_v2.html

 

The first exemple show differents pages.

 

The second one is a kind of filter. I saw one portfolio template for bootstrap using something similar to have different kind of work.

 

Not entirely sure, I may have missed the point here but would a simple tabs shortcode work? Would allow you to separate the content between the tabs without the viewer having to reload the entire page.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...