WP Easy Mobile is installed like any other plugin. Go to Pluggins / add new / upload  in the wp dashboard or unzip the plugin and use ftp to place it in the pluggins folder.

Once the plugin is installed a new item WP Easy Mobile will show in the side menu.

The first tab will show the information below.

Click the tabs along the top of the page to navigate to the various settings. These have been laid to make it easy for any user to set up a mobile version of their website in minutes 

Before starting I recommend you open your website in a mobile phone or use a mobile site simulator.This way you can view the changes to your mobile site as you make them. I user mobilizer – a free app. that can be downloaded here

http://www.springbox.com/about/tools/

If using a mobile phone to view changes you may need to clear the cache in the browser on the phone as you progress.

 

settings3

 

1. Choose a  pre-loaded skin. This will set the colours for the mobile site. These settings can be edited under the custom theme and Social Media tab.

2. Upload a logo – this will show in the header section of the mobile site.Options to use your sites current title or a custom site title.

3. Option to set image size for all images on the mobile site.

4. Option to change icons on menu tabs.


menudesign

 

 WP Easy Mobile will create a mobile website from your sites current content. You can choose what content to display via the main menu. Menu items can be a page,post or category page.A click to call button can also be added. 

colorschemes24

 

Colours

You can adjust all the colours for the mobile site under the Custom Theme & Social Media tab. 

To adjust colours click on the box next to the item – choose the colour in the popup and then click the small round icon on the bottom left of the icon. When finished click save at the bottom. You can also name the current colour settings.Click save current settings as a new skin and enter a name for the settings.

Once saved this name will show as an option in the site skins dropdown at the top of the Site Settings tab

Social Icons

You can display icons that link to your favourite social sites. Simply enter the url and save – if no url is added no icon will show.

Skype – add a  skype number will trigger a call – skype ID will trigger a message

Yahoo – Yahoo ID will trigger a message

 

Advanced Features

 Content can also be added to show in the header footer and content area for all pages on the mobile site.

To do this go to the Section generator and create the content. Sections can be created from posts,pages or categories. Text and shortcodes can also be used.To generate shortcodes I recommend  the Shortcodes Ui plugin. With it you can create a shortcode from any content created in the standard page editor – no coding needed! http://wordpress.org/extend/plugins/shortcodes-ui/

 

sectiongenerator3

 

Once the sections are created go to the Page Designer Tab- the sections will show in the column on the right

 

pagedesign2

 

Select the ‘Template’ for placing the new content, then drag the section into place.

In the screenshot above text from the section titled ‘Text” will show above the post on all the mobile pages that use a post as content.

The other options for placing the sections are below. A copy of the main menu can also be used in the same way as a section.

- Site header – content added here will show in the site header on all pages

- Site footer- content added here will show in the site footer on all pages

-. Page content area – content added here will be shown above or below the main content on all the mobile pages that use a page from the main site.

- Post content area – content added here will be shown above or below the main content on all the mobile pages that use a post from the main site

- Category content area- content added here will be shown above or below the main content on all the mobile pages that use a category page from the main site

- Blog content area- content added here will be shown above or below the main content on all the mobile pages that use the blog page from the main site