Created: 04/11/2013
By: Webbu
Thank you for purchasing my theme.
In order to begin installing Point theme. You need the latest version of Wordpress. Here is the download URL. Once you downloaded and set it up, You are ready to go.
if you don’t know how to do that please go here:http://codex.wordpress.org/Installing_WordPress
Log into WordPress administration and click on the Appearance > Themes tab. After that is done, activate the theme as you would activate any other theme.
Notice: if you are new to WordPress and have problems installing it you might want to check out this link: Solving broken theme issues. After that is done activate the theme as you would activate any other theme at Appearance > Themes. Point is now the active theme and you can configurate all settings from Appearance > Point Option Panel .
If you are new to WordPress and have problems with setting up the theme you might want to import the dummy content file ( you can find in demo_content folder > demo_content.xml) that comes with the theme. You can import this file by clicking Tools > Import > Wordpress. The theme will then import some dummy posts and pages from the live preview. However you will still need to set some options on your own ex. main menu settings. Please see below configuration sections.
This section will help you for future updates. If fill all informations your theme will check updates from Envato Server. Auto update setting is under the Appearance > Point Options > Auto Update Tab. You can find Envato Username and API key in to the Envato Control Panel > My Settings > API Key. For more detail click here to see help photo. This setting is optional.
Open Appearance > Menus then click "Create A New Menu" name it "Point Main Menu". Add items to your menu items and select menu location.
You need to set Theme Locations > Menu. You can find this setting below the menu page. This setting is required.(in WordPress 3.6.x)
After Install Theme you can setup custom front page & posts page from Settings > Reading Section. This setting is required.
Point is using TGM Plugin Installation. This setting is required. After Install Theme you only need to install & activate plugins with this activator. After install you will see notice below;
Once click "Begin Install plugins" button you will find window photo below;
You can find Point options panel under Appearance > Point Options menu. And you can find instructions of admin panel in to the below photos;
Typography settings will effect typography of site. Leave all settings blank for load default typography.
This feature only work in iOS devices. You will see different sized images below this instruction. These images are designed for device position & type. Please upload all images. You can find sample images in Downloaded content > Sources > splash-screens folder.
Touch icons will help to iOS users while adding your site to the home screen. The sizes are different because retina & non-retina devices using different size icons. For find sample icons only check downloaded content > sources > touch-icons folder. You can change these images & re upload here easily.
If want to Import/Export customized settings. Only need to use Wordpress Admin Menu > Point Import/Export.
Before using Twitter shortcode you need to configure Settings > WMF Shortcodes > Twitter settings Image below;
Also we have included a PDF file for give you instruction how you can get these keys. You can find this instruction file by clicking here.
1st parameter is mobile="on" or mobile="off" this will enable/disable column style for mobile. If leave it on columns will be look like same order like normal web page. This tag only supported on 1,2,3 columns!. This mean you can use maximum 3 columns in Mobile & Tablet devices.
2nd parameter cls="12" is mean 12 vertical line full width page. This code sample below line is full width page;
- [wmf_row]
- [wmf_col cls="12" mobile="on"]Text or Code goes here...[/wmf_col]
- [/wmf_row]
One half page (2 columns) is code below;
- [wmf_row]
- [wmf_col cls="6" mobile="on"]Text or Code goes here...[/wmf_col]
- [wmf_col cls="6" mobile="on"]Text or Code goes here...[/wmf_col]
- [/wmf_row]
One Third (3 columns) is code below;
- [wmf_row]
- [wmf_col cls="4" mobile="on"]Text or Code goes here...[/wmf_col]
- [wmf_col cls="4" mobile="on"]Text or Code goes here...[/wmf_col]
- [wmf_col cls="4" mobile="on"]Text or Code goes here...[/wmf_col]
- [/wmf_row]
4 columns is code below. As you can see mobile="on/off" tag is not using in here;
- [wmf_row]
- [wmf_col cls="3"]Text or Code goes here...[/wmf_col]
- [wmf_col cls="3"]Text or Code goes here...[/wmf_col]
- [wmf_col cls="3"]Text or Code goes here...[/wmf_col]
- [wmf_col cls="3"]Text or Code goes here...[/wmf_col]
- [/wmf_row]
You can find other columns shortcodes by clicking shortcode button in TinyMCE editor.
1st parameter is textcolor="#ffffff" : text color for dropcap.
2nd parameter bgcolor="#000000" : background color fro dropcap.
- [wmf_dropcap textcolor="#ffffff" bgcolor="#000000"]M[/wmf_dropcap]y text sample is here
1st parameter is textcolor="#faf4f4" : text color for highlight. 2nd parameter bgcolor="#ac1a1a" : background color fro highlight.
In this shortcode we have 2 settings for modification. You can select colors easily with using color selector.
Video Tutorial: 1st parameter is style="alert-danger" ; Other Styles: alert-info , alert-success , alert-warning Sample code is below;
In this shortcode we have one setting for modification. You can select colors easily with using color selector. Also you can select text which you want to put in notification area. Then click notification button and choose style.
Video Tutorial: In this shortcode we have 2 settings for modification. While using this shortcode just select text which you want to change to label and then click label button, choose settings that is it. 1st parameter is color="danger" : Color code for label/badge (danger, info, success, warning) 2nd parameter type="label" or type="badge" : You can change label to badge Sample code is below;
In this shortcode we have 2 settings for modification. 1st parameter is align="left" : Align for text (if text entered) (center, right, left) 2nd parameter Title text : This area is optional if you want to put a text then you can write. Sample code is below;
And you can add more collapse by copying this line: [wmf_toggle title="Title"]Collapse content goes here.[/wmf_toggle] Sample code is below;
After click to collapse windows, just you need to enter number of collapse items. Then you can edit "Collapse content goes here" text.
In this shortcode we have 3 settings for modification. 1st parameter is color="#000000" : color hext code forn icon color 2nd parameter size="24" : size number (px) Only numeric. 3rd parameter icon="icon-heart" : Icon name must be written this area. You can find all icon names in http://fortawesome.github.io/Font-Awesome/3.2.1/icons/ Sample code is below;
And you can add more tab by copying this line: [wmf_tab title="Title"]Tab content goes here.[/wmf_tab] Sample code is below;
After click to tabs windows, just you need to enter number of tab items. Then you can edit "Tab content goes here" text.
In this shortcode we have 5 settings for modification. And for find Lat Lng position please use this site: http://itouchmap.com/latlong.html 1st parameter is height="150" : Need an height value (px) 2nd parameter type="m" : Map type: m = Road Map - k = Satellite - h = Hybrid - p = Terrain 3rd parameter lat="38.428971" : Lat coordinate for map 4th parameter lng="38.428971" : Lng coordinate for map 5th parameter zoom="14" : Zoom parameter only numeric Sample code is below;
In this shortcode we have 3 settings for modification. 1st parameter is type="bordered" : Table type can be used; bordered , striped , hover , condensed 2nd parameter is cols="colname1,colname2" : Column names must be written with comma like sample. 3rd parameter is data="data1,data2" : Table Data names must be written with comma like sample. Sample code is below;
In this shortcode we have 3 settings for modification. 1st parameter is w="430" : Width for video 2nd parameter h="600": Height for video 3rd parameter type="youtube": Video site can be using: youtube , vimeo, dailymotion, yahoo, bliptv , veoh , viddler Sample code is below;
In this shortcode we have 3 settings for modification. 1st parameter is value="10" : % value 2nd parameter color="progress-bar-success": Color type for bar can be using: progress-bar-success (green), progress-bar-danger ( red), progress-bar-info (light blue), progress-bar-warning (yellow) 3rd parameter type="": Progress Bar Type can be empty for normal bar but also you can use : "progress-striped" or "progress-striped active" Sample code is below;
In this shortcode we have 2 settings for modification. 1st parameter is user="username" : Twitter Username 2nd parameter numb="3": Tweet Number
In this shortcode we have 4 settings for modification. This shortcode will create a service box.
[wmf_services title="Title" icon="icon-heart" target="" link="#"]Content goes here...[/wmf_services]
In this shortcode we have 1 settings for modification. This shortcode will create an empty space with size height. 1st parameter is size. And you can edit this parameter by using shortcode manager.
[wmf_pad size="20"][/wmf_pad]
In this shortcode we have 1 settings for modification.
1st parameter is type. And you can edit this parameter by using shortcode manager.
[wmf_detect type="notphone"]This text only visible in Phones & Tablets[/wmf_detect] [wmf_detect type="notmobile"]This text only visible in Desktop PC[/wmf_detect]
After installation WMF Framework plugin will show you a note for install required plugins. Please be sure install all required plugins for see this gallery menu.
After installation WMF Framework plugin will show you a note for install required plugins. Please be sure install all required plugins for see this slider menu.
Slider & Gallery image link system both same. So you can see how to do it photo below;
In this solution we recommend you install Point to your existing WordPress Desktop Site. And activate it for setting up configurations ;
After finish your configuration, activate your existing desktop theme again. Now we will install 2 plugin for switch theme.
In this solution we recommend create a new clean wordpress installation. Like m.yourdomain.com or yourdomain.com/mobile. After this Install our mobile theme in to the this clean wordpress. Configure and make a full setup work. Then;
Thanks to all resource owners.
Point Theme;
WMF Shortcodes;
WMF Framework;
Point Mobile WordPress theme could be translated into any language using WordPress Localization Technology →
To translate your site into your language follow these steps:
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
Note: WMF Shortcodes & WMF Framework plugin locale files under the wp-content > plugins > pluginfolder > languages folder Please translate these plugins from that files under the languages folder.Webbu Design