How to create WordPress tabs from an XML file

Product:

WonderPlugin Tabs Version 5.9 or above

Tutorial:

This tutorial will guide you how to create WordPress tabs from an XML file with the WonderPlugin Tabs.

Step 1 - Create an XML file

Using XML allows you to define content list for your WordPress tabs. An XML file is actually a text file, the format of the gallery XML file is as follows:

<list>
	<item>
		<type>0</type>
		<tabtitle><![CDATA[Tab 1]]></tabtitle>
		<tabcontent><![CDATA[Content for tab 1]]></tabcontent>
		<pageid>-1</pageid>
		<tabicon>fontawesome</tabicon>
		<tabiconfontawesome>fa-birthday-cake</tabiconfontawesome>
		<tabiconimage></tabiconimage>
		<tabiconimagewidth>48</tabiconimagewidth>
		<tabiconimageheight>48</tabiconimageheight>
	</item>
	<item>
		<type>0</type>
		<tabtitle><![CDATA[Tab 2]]></tabtitle>
		<tabcontent><![CDATA[Content for tab 2]]></tabcontent>
		<pageid>-1</pageid>
		<tabicon>fontawesome</tabicon>
		<tabiconfontawesome>fa-group</tabiconfontawesome>
		<tabiconimage></tabiconimage>
		<tabiconimagewidth>48</tabiconimagewidth>
		<tabiconimageheight>48</tabiconimageheight>
	</item>
</list>

The above XML adds two tabs. You could use <![CDATA[ and ]]> around the XML value to escape the text.

The available XML keys are as follows:

Key Description
type 0: text/html code content
1: page tab
tabtitle title of the tab
tabcontent content of the tab
pageid ID of the page if the type equals 1
tabicon image: use the value of tabiconimage as image URL of the icon
fontawesome: use the value of tabiconfontawesome as the icon
tabiconfontawesome fontawesome icon
tabiconimage icon image URL
tabiconimagewidth width of the icon image
tabiconimageheight height of the icon image

Step 2 - Upload the XML file to your web server and add the XML file to the plugin

After you have created the XML file, FTP/upload the file to your web server and get the http:// or https:// URL address.

You can open the URL with your web browser, make sure the URL is working and the XML output is correct.

Once you have confirmed the URL is correct, in the plugin, step 1, click the button "Import XML" and enter the URL address.