Mobilee is mobile app showcase theme for WordPress. It is designed to help you promote your next iPhone or Android application. There to help you communicate your app’s functionality easier is the “Feature” custom post type, it acts as standard WordPress post but is customized to suit the theme’s target functionality.
WordPress theme installation
The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.
In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer, and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.
After activation, you will be redirected to the CSSIgniter Settings panel (accessible from Appearance > CSSIgniter Settings) to start customizing your brand new theme.
Importing sample content
The easiest way to get started and find your way around using this theme, is by installing it into a fresh WordPress installation, and importing our sample content.
To get it go to CSSIgniter settings > Site Options, scroll all the way down and click the Download sample content link. Extract the zip file you downloaded and upload the xml file in Tools > Import > WordPress (if not already present, you will be prompted to install the WordPress importer plugin), assing the authors to an existing user and make sure you check the “import attachments” box. You can now import the sample content.
WARNING: As this will create posts, pages, custom post types, categories, widgets, etc. and change various system settings, it is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be held responsible for total or partial data loss, so please be careful.
Setting up your theme
1) Creating theme pages
Due to Mobilee’s nature as a single page template, all you need to do is create a homepage. Go to Pages > Add New. For the page’s title use the name of your application, add any text if necessary and upload your app’s screenshots in the “Application Gallery” section below. (more info on the Creating Galleries section below). Once done publish the page, navigate to Settings > Reading and set the page you just created as your static Front page as displayed on the image below.
2) Adding Features
To add a new feature item go to Feature > new Feature, set the title, enter relevant information in the content editor and set a featured image. Finally publish the item. Features will appear below the slider. The layout of the features appearing on the homepage alternates automatically between featured image on the left with text on the right and text on the left with featured image on the right.
3) Application Options
In CSSIgniter Settings > Application Options you can set the URL to the marketplace on which your application is sold and its price.
4) Slider Options
In CSSIgniter Settings > Slider Options you can choose a preferred mobile platform so the slider device adjusts accordingly.
5) Setting your theme’s color
The theme’s background is be default white. To set a color of your choice go to CSSIgniter settings > Color options uncheck the Disable custom background box and set your background color in the panel that appears below.
6) Changing Footer text
The theme features a sidebar named Bottom Sidebar which is located on the footer. You can use any of the default WordPress widgets, or the four custom widgets provided to display some additional information on the page.
All widgets can be accessed from Appearance Widgets. Below each widget you will find a small description explaining their functionality.
The CSSIgniter settings panel
Last but not least, under Appearance > CSSIgniter settings, you can find our custom built settings panel. From here you can manipulate various aspects of your theme, including, but not limited to, changing your logo, setting a custom background, changing color scheme and applying custom styles via the custom CSS tab. All options feature a description so you instantly know their provided functionality.
To create a gallery using our gallery management system follow these steps:
- On the “Gallery Information” panel click the Add Images button.
- To upload your images, drag & drop them in the Edit Gallery window which will pop-up, or select Add to Gallery in order to select already uploaded ones. Once you are done, click the Update Gallery button on the lower right.
- Your “Gallery Information” panel will look like this
- You can re-arrange the order of images by drag & drop.
- If you wish to remove an image from the gallery, hover your mouse over it and click the X as shown below.
- By checking the Randomize order box your gallery images will appear in random order which will change on every page refresh.
- When done, publish the gallery item.
The recommended minimum image sizes for Mobilee are:
- Slider (desktop view): 348x615px
- Slider (mobile view)768x400px
- Featured images 780x565px
If you need to add images after the gallery’s creation just follow the same procedure.