How to Install the MobiPages Plugin
When it comes to going mobile, among the many plug-ins available for use on the WordPress platform, MobiPages ranks high alongside the easiest.
With MobiPages, you get to enjoy optimization, mobile user auto-detection, and a relatively seamless plug and play experience both for yourself and for your cell or mobile-bound visitor, with a full range of user-friendly features to boot. In terms of setup to launch, you’re looking at 20 minutes’ time or less.
Let’s go through the steps. First, you’ll want to make sure your WordPress environment for your standard site is configured to your exact preferences and specifications.
Here’s the walkthrough:
1: Purchase & Download MobiPages
Visit the link: http://techbasedplugins.com/1/mobipages. Next, click on the “Download Plugin Now” button, in order to buy and download the plug-in.
Once purchased, go ahead and visit your members area. Next, begin your download. Be sure to download both the plug-in itself and all supporting template files, both available in a zipped format.
2: Install Your Plug-In
Navigate to your installation area and upload your plug-in, as you see in this graphic. Add your new file (select Add New in the Plugins Menu area), then select the Upload link and upload your file.
Now, you need to activate the plug-in, post installation.
3: Upload All of Your Theme’s Files
The next step in the process: unzip all of the theme’s files. Once all the files are extracted, you’ll want to upload those files to the same directory where your current theme resides. Be sure that you are uploading and installing the Contents portion of MobiPages’ theme folder into the exact same location where the current theme resides.
4: Create Your MobiPages Content
Navigate to Pages > Add New, which will then create a new page.
Next, choose “MobiPages” from your Template menu.
Give the page a name that you’ll remember, and then just leave your content blank. Then select “Publish.”
5: Name Your Page and URL
Here’s another important step in this process: copy the permalink URL that was generated from the page you just made.
Open your MobiPages plug-in. (You can do so by clicking on the navigation tab).
Paste your permalink URL that you just copied into the “URL to Page Template” area.
6: Preview Your Pages
Next—and this is similar to the way WordPress standard-sized pages work—should you need to preview your mobile page, it’s quite easy. Click “Toggle iPhone Preview on/off” in the upper right corner of the screen.
7: Configure Your Style, Navigation, Content
In keeping with the way standard pages work, you can customize your site’s look and feel. There’s a convenient pull-down menu that allows you to select various styles that will appeal to you and your visitors.
To change your tabs’ text and information associated with them, select the tab’s number. Next, you’ll be able to update your title and your content.
8: Configuring the Auto-Detect Option
Though this feature is an option, we highly recommend its use. Auto-Detect allows MobiPages to automatically detect when visitors arrive via a mobile gateway, and instantly provides them with mobile-friendly content.
If this is something you’d like to do, just set up auto-detect inside your functions_dist.php file. Open that file in your website editor, your host’s cPanel dashboard, or a text editor. .
The edits are quick and easy, and basically a matter of cutting and pasting information as the graphics here illustrate.
There are two things that need to be changed: The “if (!is_page(’29′)” portion and the “header(‘Location: ‘.$mtemplate.”);” portion.
Replace the latter portion after the “Location” with your mobile page’s permalink URL. Then replace “29” in the is_page portion with just the name of your portion. For example:
If your existing theme doesn’t already have a functions.php, file, you can just upload this file alone, and it’s all completed for you.
If your current theme does already have a functions.php file, you need to add everything that’s in between <?php and ?> in functions_dist.php to your existing functions.php.
All done? Then it’s all set! MobiPages will now Auto-Detect those who surf in to visit you via mobile devices.