Creating device-specific content with WPtouch shortcodes

WPtouch's content targeting shortcodes can be used when you want to show specific content to users on specific device types. You can also show something specifically to your mobile users when they are viewing your desktop theme, while keeping it hidden from desktop browser users.

Web-App

[wptouch target="webapp"]This is content that only shows in web-app mode[/wptouch] 

Content added with this shortcode can only be seen by mobile users who are viewing your website in web-app mode. Mobile users who are viewing your website via mobile Safari or another mobile browser on their mobile device will not see this content. See the image below. You will notice that content added with the 'mobile' shortcode also shows up in web-app mode. This is because that content shows up in both mobile and web-app mode.

Mobile

[wptouch target="mobile"]This content shows up in web-app and non-web-app mode[/wptouch]

Content added with this shortcode will show up in web-app and non-web-app mode. The screenshot above shows the content when the website is viewed in web-app mode on an iOS device. The screenshot below shows the content in non-web-app mode. Which means it will show in mobile Safari on an iOS device or in the mobile browser of other supported devices.

Desktop

[wptouch target="desktop"]This content shows up on the desktop version of the site when viewed from a mobile device[/wptouch]

Content added with the 'desktop' shortcode will only be seen in a mobile device in the desktop version of the website. Desktop browser users will not see this content. 

Non-Mobile

[wptouch target="non-mobile"]This content shows up in the desktop theme when the user doesn't have a mobile device[/wptouch]

Content added with the 'non-mobile' shortcode will only be seen in the desktop theme when viewed from a desktop browser. Mobile users will not see this content.