Metro Mobile | Mobile Wordpress Template
Fully Customizable
- Created: 06/11/2012
- latest Update: 06/11/2012
- By: Webbu Design
- Email: kadir@webbu.com
Thank you for purchase my template..
Installation Help
HOW TO INSTALL METRO MOBILE VIDEO 1
HOW TO INSTALL METRO MOBILE VIDEO2
Just like any other WordPress theme “Metro Mobile Mobile” can be installed in a few minutes.
Follow the steps bellow to install “Metro Mobile Mobile”:
1) Install WordPress on your server, if you don’t know how to do that please go here
- http://codex.wordpress.org/Installing_WordPress
2) Go to your WordPress admin panel, and then to “Appearance > Themes”
3) Click “Install themes” at the top, and then click “Upload”. Browse for “MetroMobile.zip” and once you select it click “Install”
4) Once the theme is successfully installed you will see the theme options page, click “Save All Settings” once before you visit your new website
5) For Plugin Installation ; ( Need for contact forms / Gallery / Photoswipe Gallery) ! important
- Find in _plugin folder contact-form-7.3.3.1.zip file. Go to Wordpress Admin > Plugins > Add New > Upload and upload that zip file.
- Activate the plugin through the 'Plugins' menu in WordPress.
- Find in _plugin folder nextgen-gallery.zip file. Go to Wordpress Admin > Plugins > Add New > Upload and upload that zip file.
- Activate the plugin through the 'Plugins' menu in WordPress. ( If you already using this plugin do not install again)
- Find in _plugin folder photoswipe-for-nextgen-gallery.1.1-customized.zip file. Go to Wordpress Admin > Plugins > Add New > Upload and upload that zip file.
- Activate the plugin through the 'Plugins' menu in WordPress.( If you already using this plugin please install again because i fixed lots of bugs.)
Configuration Help
If you visit your new website now, you will notice it’s not exactly perfect. The first thing you need to do in order to speed things up is to import the demo content.
-
Go to “Tools > Import” (click “WordPress” and install the plugin if you don’t have it), browse for the XML file in folder “demo_content” and then click “Upload file and Import”. Don’t forget to import the attached images by selecting the “Import Attachments” checkbox.
-
If you want you can import our default Admin Panel Configuration to your Metro Mobile Mobile Admin Panel. Go "demo_content" folder and open "default_admin_conf.txt" copy it. Go "Metro Mobile > Import & Export" paste it to import and press Import Settings Button.
-
Now you have all your demo content, this theme not supports “WordPress Menus”, so you do not need to add menu item. Just you can add main menu items with shortcodes > Add new tile. I will tell code below.
-
So go to “Metro Mobile > Page Settings” and change your home which page you want to use on home page. I prefer choose Home Page. And select other pages names Portfolio, Blog, I attached a sample print screen below; IMPORTANT DO NOT FORGET THIS
AFTER ALL YOU HAS INSTALLED TEMPLATE BUT YOU WILL NOT SEE GALLERY BECAUSE GALLERY NOT INCLUDED ON DEMO CONTENT YOU HAVE TO CREATE NEW ONE AND PUT YOUR PAGE. PLEASE READ INSTRUCTIONS ON GALLERY PAGE AND DO STEPS.
Gallery Item Upload Help
- How can i change gallery columns and options?
- Go to WordPress Admin and select Gallery menu from left side menu. Then click to options.( I recommend do not touch any another setting if you don't know what is that. ) Select Gallery Tab on top of the page. You will see Number of images per page and Number of columns fields in this section. You can change this numbers and change page column and item shown. Sample photo is below; ( disable Integrate slideshow)

- And thumnail setting need to be configured;
-
How can i add photos to Gallery and then Page?
- Please go "Gallery" on your left menu in Admin. You will see "Add new gallery / images "section. On this page you have options for upload images follow instructions on page. Save everything when your upload process is finish then. Go to "Pages > Select your gallery page" click to edit or add new page. On the page edit you will see gallery button left side of the Webbu Shortcode button click to gallery button then select your gallery then press insert. That is it.
I prefer upload images 800x600 pixel

-
How can i delete item from Gallery?
- Please go "Gallery" on your left menu in Admin. Then select Manage Gallery > Select your gallery . Choose item from list and delete.
-
How can i edit item from Gallery?
- Same steps with delete just select edit.
Portfolio Item Upload Help
-
How can i add item to Portfolio?
- Please go "Portfolio Items" on your left menu. You will see Add new button on top of the window. click that. After write photo title to "Enter title here" text. Enter Description for detail page. Enter Excerpt text for small description. Choose "Set featured image" from right side of page click it.
Go media library or upload a photo. After that select photo and click to "Use as featured image" on photo details. That is it. You can use full size system will be resize it. ( Becarefull about high size photos i prefer use 800x600px)
-
How can i delete item from Portfolio?
- Please go "Portfolio Items" on your left menu. Choose item from list and delete.
-
How can i edit item from Portfolio?
- Please go "Portfolio Items" on your left menu. Choose item from list and edit. And for change photo do same thing like add new portfolio item.
Metro Mobile Mobile Admin Panel
I will explain Metro Mobile Mobile Admin Panel here All sections;
-
GENERAL OPTIONS
- You can disable Add Home Bubble
- You can change theme color
- You can change loading animation load
- You can change custom bg image.
- You can change portfolio column number.
- You can change portfolio items per page.
- Custom favicon
- Mobile home icon.
-
PAGE SETTINGS
- Please check "Menu & Page Configuration" for details.
- SPLASH SCREEN
- You can add splash screen feature for your app. Please open this section and read descriptions for help.
-
BLOG SETTINGS
-
SEO SETTINGS
- Paste your UA number from analytic. and you can write description and keywords. or disable google analytic.
-
IMPORT & EXPORT
- This tool will help you backup setting with export and reupload setting with import. But becarefull about reset all data this will be reset your Metro Mobile Mobile Panel configuration and can not be turn back it again.
Shortcodes?
You can use webbu shortcode editor and create shortcodes easy. Go to Pages > Edit Page you Selected and you will see WEBBU SHORTCODE BUTTON photo below; You will fine more details on shortcode popups. And a Explanation photo below;
Known Issues
If you have any problem just contact with me on my profile page. Thank you for purchase my template. Please don't foget to give rate.
How can i integrate my existing wordpress site?
FIRST WAY:
Use file: demo_content/mobile-detect-php.zip
You will see 2 file. First is mobile_detect.php and second one demo.php. Open demo.php. Change demo.php code to your site address. You will see in http://yoursite.com/mobile. And copy all codes. Put your top of header.php (desktop site) (First line and outside the <?php ?> tags). And be sure mobile_detect.php at the same directory with your header.php(desktop site).
SECOND WAY:

Create a domain line m.yourdomain.com or create a subfolder like www.yoursite.com/mobile and install a new wordpress on this directory. Install our mobile template configurate it. Now the problem how you redirect users come in to your
desktop site. It is easy just use that code below; ( DON ’T FORGET TO CHANGE WWW .YOURSITE.COM TO YOUR OWN SITE AND FOLDER )
After finish to edit this code just put your site’s header.php file. You will see <head> tag top of this file put this redirection code under the <head> tag. Than when a person who enter your site with mobile will be redirected mobile.
If they don’t use mobile devices they will see your desktop template.
Localization
Metro Mobile WordPress theme could be translated into any language using WordPress Localization Technology →
To translate your site into your language follow these steps:
- Copy file en_EN.po from metromobile/lang directory of MetroMobile package
- Rename it to your locale string name. For example tr_TR.mo if you are translating to Turkish language.
- Translate all lines in translation file to your language using po file edit software. We recommend using Poedit→ for this purpose.
- Copy automatically generated .mo file (in our Turkish example its tr_TR.mo) translation files to metromobile/lang directory in your website.
- Change locale settings in wp-config.php file. If you are translating to Turkish find line define(‘WPLANG’, ”); and replace it with define(‘WPLANG’, ‘tr_TR’);
- Translate core WordPress. Use this guide: WordPress in Your Language →
- Reload MetroMobile WordPress Theme.
Now your website and admin panel is translated.
If you need detailed information or help on translating WordPress theme refer to this great and detailed article on How to Translate a WordPress Theme
Change Log
Updated v1.8.2 ->minor bugs repaired. Localization added.
If you want to update 1.7 to 1.8 just need to change;
- admin/nht-options.php
- style.css
- header.php
- footer.php
- Please have a check Metro Mobile Admin > Splash Screen Setting and upload new splash screens on sources folder.