Question

I know how to create a custom post type in WordPress. But how can I set a layout or design of this post type?

I want to have a title, below should be a picture. Then 2 tabs. Each with different content.
See screenshot:

Any ideas?

Thanks

Answer 1

Dave, I go with WordPress terminology: page = type of post called “page” & controlled by “page.php”. “post” = controlled by “single.php”. Custom post type = controlled by “single-yourposttype.php” (for example “single-videos.php” if your custom post type is “videos”). I suppose you want all custom posts of one type to be displayed this way, not just one single post (otherwise, there would be no point). So this is exactly what I explained how to do in my previous answer.
For the tabs, you just have to create a tab system (maybe like http://jqueryui.com/tabs/) and adapt your template (again, your template will be single-nameofyourposttype.php). If you have prepared metaboxes to save the content for each tab in two different fields, you will use get_post_meta() (see http://codex.wordpress.org/Function_Reference/get_post_meta) to retrieve the contents for each tab.
But maybe your difficulty is more so to prepare your custom post type admin before even worrying about displaying it. What you need is to create “meta boxes” (extra fields so you can enter different type of contents for your custom post type : here in this case: one text editor for each tab, with a possibility to upload photos, etc., just like the content area for a normal post). You can read more about creating meta boxes here : http://wp.smashingmagazine.com/2011/10/04/create-custom-post-meta-boxes-wordpress/
or here : http://thomasgriffinmedia.com/blog/2011/07/how-to-automatically-add-meta-boxes-to-custom-post-types/
It can look a bit overwhelming at first, but once you get the idea, everything is very easy and efficient.