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.

LIVE LINK HERE.

In addition, the ‘submission process’ specifically makes provision for adding three links, with their anchor text. See screengrab below.

LIVE LINK HERE.

So 2 + 2 = 4.

CENOTAPH INFO TAB

So the cenotaph info tab screengrab below shows ONE related link about the specific cenotaph location.

LIVE LINK HERE.

In addition, the ‘submission process’ specifically makes provision for adding ONE link, with their anchor text. See screengrab below.

LIVE LINK HERE.

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 😉

INFO TABS

INFO TAB CSS

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.