Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

WordPress

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

Have you already created a custom post type?

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

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

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!