It allows you to create specific content of pages and posts for the mobile version.
It’s perfect if you have a couple of pages where you want to remove some fat content or where you need different content.
The best way to have a mobile version is always a fully responsive design, but sometimes for a couple of pages, you may need to have different content. In all those cases, you will find useful Specific Content For Mobile.
To add or remove specific content for the mobile version, follow these steps:
- click on Pages in the main admin menu
- go with your mouse on the page you want to modify for the mobile version and click on the action link “Create mobile version”, or click on the icon “+” you see in the devices column
- modify your page as you want to see it on mobile
- save your page mobile version
Repeat the steps above in case you want to create a mobile version for your blog posts.
The actual version supports only the mobile version of pages and posts, no custom post types, no archives, no terms.
On mobile devices, the plugin will load the mobile version you have created for that page or post.
You will see the mobile version pages only in the back-end, on front-end nobody will see those pages.
You have no redirections, and the plugin just replaces the desktop content with the mobile version on the pages where you have specified a different content.
It’s useful if you want to remove some content in the mobile version instead of hide it via CSS.
If you have a server cache plugin, be sure to set a different server cache handling for mobile devices, in another case the mobile version of your pages could also be served on desktop devices.
E.g. W3 Total Cache and WP Fastest Cache are server cache plugins that can handle the mobile cache.
As a default, WordPress doesn’t output the blog page content before the posts loop.
Some themes do it. In this case, the blog page content output before the loop is handled by the theme templates.
The plugin will check if the theme declares support for the blog page mobile version, if not so the blog page mobile version may take the original desktop content.
For theme developers:
in your theme, you can use the following functions to give full support to the mobile version content:
eos_scfm_related_desktop_id( $post_id );
given the post ID, it will get the post ID of the related desktop version.
eos_scfm_related_mobile_id( $post_id );
given the post ID, it will get the post ID of the related mobile version.
To add the theme support to the blog content, you can add this line in your theme support action hook:
add_theme_support('specific_content_form_mobile',array( 'posts_page' => true ) );
- Upload the entire
specific-content-for-mobilefolder to the
/wp-content/plugins/directory or install it using the usual installation button in the Plugins administration page.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- After successful activation you will be automatically redirected to the plugin global settings page.
- All done. Good job!