WordPress Links To App Pages

On your WordPress site, you can add links to open pages on your app.  The pages in your app must be added to either your side menu or the tabs menu.  You can refer to them by either their order in the menu or by the slug of the page.

Requires AP3 Ion Theme v1.2.6+

Purpose Parameter Value Options
Open side menu item data-applink number or  slug
Open tab menu item data-apptablink number or slug
Tab menu with back button data-backbtn true
Open side menu as a new tab* data-new_tab true

Opening a Side Menu Page

As a button
This example would link to the 2nd indexed item of the side menu. See note about indexing below.
<button data-applink="2">Menu 2</button>
As a link
<a href="#" data-applink="2">Menu 2</a>

Opening a Tab Menu Page

As a button
This example would link to the 2nd indexed item of the side menu. See note about indexing below.
<button data-apptablink="2">Tab Menu 2</button>
As a link
<a href="#" data-apptablink="2">Tab Menu 2</a>

Using Page Slug

This example shows uses a slug to open either the side or tab menu.

As a link
<!-- side menu -->
<a href="#" data-applink="language-settings">Language Settings</a>

<!-- tab menu -->
<a href="#" data-apptablink="store">Store</a>

Find the Page Slug

To find the page slug of your custom pages, open the custom page editor and click the "CSS & Code Help" header.

Tip: Indexing of the Side Menu

Array  [0,1,2,3,4,5]

The items of the side menu are stored in an array. This means that the very first item starts with 0. The second indexed item would be 1.

Important!
However, when your app also has the tab menu, then the very first tab item is placed at the beginning of the side menu array which is the position of your app's starting page. So, in this case your very first side menu will start at 1.

* To open a side menu and still keep the tab menu visible, the item needs to be added as a tab. This is a requirement of the Ionic framework.