Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Andreas Anastasiades
Andreas Anastasiades
2,916 Points
Posted by Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Custom content type page

Hi,

I want to make a page for my custom content type but don't really know how to start here.

I want to display just the titles of the different items I created in a div on the left, and when clicking an item, show the content on the right.

I created a little wireframe of what I want to do here; http://typograficsonline.be/img/wp-content.jpg

Anyone got experience with this?

Thanks in advance

Andrew Shook
Andrew Shook
31,709 Points
Andrew Shook
Andrew Shook
31,709 Points

Have you already created a custom post type?

Andreas Anastasiades
Andreas Anastasiades
2,916 Points
Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Hi Andrew,

Yes I have. Created several items and created div left and right. Left div has all the titles of the items created. Right div currently shows the content of the last item in the list.

So now I'm trying to figure out what I should do to create this tabbed content effect..

2 Answers

Andreas Anastasiades
Andreas Anastasiades
2,916 Points
Andreas Anastasiades
Andreas Anastasiades
2,916 Points

For those interested and to close this topic, it was possible with a little javascript.

find it here: https://teamtreehouse.com/forum/target-wp-post-class-and-add-active-class

Andreas Anastasiades
Andreas Anastasiades
2,916 Points
Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Just some extra info;

When looking at this theme http://paul-demo3.gogetthemes.com/?page_id=1015

The kind of effect I want to create is the one on this page (Clients) when you scroll down to the section with the 8 pictures of clients. When hovering it displays the content part left and their name below.

This perfectly shows the desired effect, just instead of a hover effect I want it on clicking.

If anyone has an idea about how to achieve this, all help is welcome!

Thanks!