Info Tab is similar to the INTRO TAB in that ANYTHING can be created as a template with some HTML & CSS and a custom tab be created that can work across post types on your project.
Hopefully the fact that we have TWO different post types, each with their own option for displaying the custom tab content. The CSS is similar of course, but should you wish to even this can be changed. It’s a demo and we hope to show dynamic options, not design CSS 😉
It should make sense however from the explanation below that anything can be TABBED.
Get Some Information
Pretty simple. We needed a TAB to display some generic information about [insert topic]. The one version have some additional links active, compared to the other one. So they have a different LAYOUT as such, but in essence should reiterate that ANY type of TAB can be made.
CASTLES INFO TAB
So the castles info tab screengrab below shows three links to related links about the specific castle.
In addition, the ‘submission process’ specifically makes provision for adding three links, with their anchor text. See screengrab below.
So 2 + 2 = 4.
CENOTAPH INFO TAB
So the cenotaph info tab screengrab below shows ONE related link about the specific cenotaph location.
In addition, the ‘submission process’ specifically makes provision for adding ONE link, with their anchor text. See screengrab below.
Let’s check the ‘backend’. Shall we ?
Checking The Backend
Similar to the INTRO TAB there is an OBJECT created to used the POST CONTENT default text to create the inner content. This is the screengrab below of both the OBJECT HTML & CSS
Using INLINE CSS as well to make it quite simple to see how the TABS get created 😉
The TAB itself was created with an object shortcode. Check screengrab below.
THE LINKS IN CUSTOM FIELDS
In the template we have added the different LINKS and ANCHOR TEXT to the custom fields. Screengrabs below.
I have just shown a post type CASTLE backend, but you should get the concept.
The INFO & INTRO tab posts are examples of ANY HTML to a TAB. Let’s level up.