{"id":5476,"date":"2017-11-11T02:51:28","date_gmt":"2017-11-11T02:51:28","guid":{"rendered":"http:\/\/wpthemego.com\/document\/?p=5476"},"modified":"2017-11-11T02:51:28","modified_gmt":"2017-11-11T02:51:28","slug":"lifemag","status":"publish","type":"post","link":"https:\/\/wpthemego.com\/document\/lifemag\/","title":{"rendered":"Documentation for LifeMag – Responsive Magazine WordPress Theme"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]<\/p>\n

\n <\/p>\n

<\/p>\n

\n

\n

\n

\n

\n

\n

\n

SW Lifemag<\/h2>\n
View demo<\/a>More detail<\/a><\/div>\n
<\/p>\n
\n
First of all, I would like to thank you for purchasing this theme. We\u2019ve put in lots of love in developing this wordpress theme and are excited that you\u2019ve chosen this theme for your website. We hope you find it easy to use our theme. This documentation guides you through the main features of the theme and guides you how to use and customize the theme.<\/div>\n
<\/p>\n
\n
1<\/span>REQUIREMENTS \u2013 Back to top<\/a><\/span><\/p>\n
\n
At the basic level, this theme will require the following conditions:<\/p>\n
\n
PHP version 5.6 or greater<\/li>\n
MySQL version 5 or greater<\/li>\n
WordPress 4.7.x or higher (Please note that it has the best performance on the latest version of WordPress)<\/li>\n<\/ul>\n
Note: Recommended PHP Configuration Limits<\/strong> In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues. The solution is to increase the PHP<\/strong> limits. You can do this on your own by editing the following lines in php.ini<\/strong> file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:<\/p>\n
\n
max_execution_time = 600<\/strong><\/li>\n
memory_limit = 128M<\/strong><\/li>\n
post_max_size = 32M<\/strong><\/li>\n
upload_max_filesize = 32M<\/strong><\/li>\n<\/ul>\n<\/blockquote>\n<\/div>\n<\/div>\n\n
2<\/span>KEY FEATURES \u2013 Back to top<\/a><\/span><\/p>\n
\n
\n
\n
Compatible with IE9+, Firefox 4+, Netscape, Safari, Opera 9.5 and Chrome<\/li>\n
Responsive layout for all devices<\/li>\n
WooCommerce included<\/li>\n
Advanced widget options<\/li>\n
Unlimited colors and over 500 Google web fonts<\/li>\n
Allow to set site title, tagline, logo and Analytics ID<\/li>\n
WPML Compatible & RTL Ready<\/li>\n
Support menu with Mega and dropdown style<\/li>\n
Support primary menu location, widget sidebars<\/li>\n
5 Preset Color Styles: Default, Fern, Medow, carrot, wisteria, blue.<\/li>\n
Fully integrated with Font Awesome Icon<\/li>\n
Support to add custom CSS\/JS<\/li>\n
Social Networks integration<\/li>\n
CSS3 table-less design<\/li>\n
LESS for advanced development<\/li>\n
Custom style for plugin Contact Form 7<\/a> and SEO Plugins to allow higher ranks.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n
\n
3<\/span>LAYOUT POSITION \u2013 Back to top<\/a><\/span><\/p>\n
\n
\n
$\"position\"$ <\/a><\/p>\n<\/div>\n<\/div>\n
\n
4<\/span>INSTALLATION \u2013 <\/span>Back to top<\/a><\/p>\n
\n
There are two ways to install a WordPress theme:<\/p>\n
Quickstart Installation:<\/strong> By using this package (sw_lifemag_quickstart_version1.0.0.zip)<\/em><\/strong>, you will set the theme exactly as our Demo with sample data. This is applied when you need a fresh WordPress with our theme.
\nManual Installation:<\/strong> You need the following files:<\/p>\n
\n
Theme package (sw_lifemag_version1.0.0.zip)<\/i><\/strong> \u2013 In the theme package contains both theme file and plugins.<\/li>\n
Data folder<\/strong> contains (\u201csample_data.xml\u201d & \u201cwidget.wie\u201d) <\/em><\/strong>file.<\/li>\n<\/ul>\n4.1 Quickstart Installation<\/strong><\/h3>\nStep 1:<\/strong><\/span> Extract Quickstart package to your folder >> htdocs >> xampp<\/strong> if you\u2019re using localhost. Or upload all files after extracting as this image<\/a> if you\u2019re using a hosting server.<\/p>\n
Step 2:<\/strong><\/span> Move the directory content into your browsers and start installation. The initial WordPress installation screen will notify you that the configuration file is unavailable. Click Create Configuration File button to create it.<\/p>\n
$\"\"$ <\/p>\n
Step 3:<\/strong><\/span> You need to setup database if you haven\u2019t got. You can refer the guide how to create a new database and new username for WordPress<\/a>. Then Let\u2019s Go!<\/p>\n
$\"\"$ <\/p>\n
Step 4:<\/strong> <\/span>Input the WordPress database connection details. With using localhost, you can type the username and password as below:<\/p>\n
$\"\"$ <\/p>\n
Step 5:<\/strong> <\/span>Run the installation and edit needed information as following:<\/p>\n
$\"\"$ <\/p>\n
Step 6: <\/span>Complete installation<\/strong><\/p>\n
$\"\"$ <\/p>\n
Step 7:<\/strong> <\/span>Log in your account and discover the new theme<\/p>\n
$\"\"$ <\/p>\n
4.2 Manual Installation<\/strong><\/h3>\n4.2.1 Install Theme<\/strong><\/h4>\n
To install this theme you must have a working version of WordPress already installed.<\/p>\n
Installing this theme is just like any other WordPress theme, either by uploading the main theme folder via FTP (unzipped) or the zipped file via the WordPress theme upload section.<\/p>\n
Install Using FTP<\/strong><\/p>\n
\n
Extract themename_version.zip.<\/li>\n
Load your FTP client, such as FileZilla<\/a>.<\/li>\n
Upload the themename_version folder to the \/wp-content\/themes<\/b> directory.<\/li>\n
In the left menu sidebar, go to Appearance >> Themes<\/b>.<\/li>\n
Click Activate<\/b> underneath the theme\u2019s named section.<\/li>\n<\/ul>\n
Install Using the WordPress Installer<\/strong><\/p>\n
Login to your WordPress Dashboard and navigate to Appearance >> Themes<\/strong>. At the top of the page click the Add New<\/strong> button.<\/p>\n
$\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-nik\/add-theme.png\"$ <\/p>\n
Click the Upload Theme<\/strong> button >> Choose File<\/strong> in Import from your computer section. Navigate to previously zipped theme package and open theme installator folder:
\nSelect your \u201csw_lifemag_theme_version1.0.0.zip\u201d<\/strong> file and click Install Now.<\/strong>
\n $\"\"$ <\/p>\n
Note:<\/strong> If the file size is larger than 8M, please upload to FTP (File Transfer Protocol).<\/strong><\/p><\/blockquote>\n
The uploading process will be started. You will see the message that Theme installed successfully<\/strong>.<\/p>\n
$\"\"$ <\/p>\n
Click \u201cActivate\u201d<\/strong> to enable theme.<\/p>\n
$\"\"$ <\/p>\n
After the theme activated, install plugins by clicking link Begin Installing Plugins<\/strong>. You need to install the following plugin:<\/p>\n
$\"\"$ <\/p>\n
Select the plugin >><\/strong> click list box to select \u201cInstall\u201d >> Apply.<\/strong><\/p>\n
$\"\"$ <\/p>\n
You will see the message that the plugin installed successfully.<\/strong><\/p>\n
$\"\"$ <\/p>\n
Click \u201cReturn to Required Plugins Installer\u201d<\/strong> >><\/strong> select all plugins >> Active >> Apply.<\/strong><\/p>\n
$\"\"$ <\/p>\n
You will see the message that The plugin was activated successfully.
\n<\/strong><\/p>\n
$\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/active-plugins-success.png\"$ <\/p>\n
4.2.2 Install Sample Data<\/strong><\/h4>\n
Step 1:<\/strong><\/span> In the Administrator page, please navigate to Tools >> Import<\/strong>.<\/p>\n
$\"\"$ <\/p>\n
Step 2:<\/strong><\/span> Please choose \u201cWordPress<\/strong>\u201d to import.<\/p>\n
$\"\"$ <\/p>\n
Step 3:<\/strong><\/span> In Import WordPress page, click \u201cchoose file<\/strong>\u201d button to select file \u201csampledata.xml\u201d to upload.<\/strong><\/p>\n
$\"\"$ <\/p>\n
4.2.3 Install \u201cwidget_data.wie\u201d file<\/strong><\/h4>\n
Step 1:<\/strong><\/span> In the Administrator page, please navigate to Tools >> Widget Importer & Exporter<\/strong>.<\/p>\n
$\"\"$ <\/p>\n
Step 2:<\/strong><\/span> After that choose \u201cwidget_data.wie\u201d<\/strong> file >><\/strong> press Import Widgets<\/strong> button.<\/p>\n
$\"\"$ <\/p>\n<\/div>\n
<\/p>\n<\/div>\n
\n
5<\/span> READING SETTINGS \u2013 Back to top<\/a><\/span><\/p>\n
\n
In the Administrator page, please navigate to Settings >> Reading >> Front page displays >> select \u201cA static page\u201d >> Front Page \u201cHome\u201d >> Save<\/strong>. This allows the changes to display on the home page.<\/p>\n
$\"\"$ <\/p>\n<\/div>\n<\/div>\n
\n
6<\/span>CONFIGURATION \u2013 Back to top<\/a><\/span><\/p>\n
\n
6.1 How to Configure Theme Options<\/strong><\/h3>\n
Let\u2019s go to Appearance > Theme Options<\/strong> for configuration.<\/p>\n
General <\/strong><\/h4>\n
$\"\"$ <\/p>\n
Navbar Options <\/strong><\/h4>\n
$\"\"$ <\/p>\n
Layout <\/strong><\/h4>\n
$\"\"$ <\/p>\n
Typography <\/strong><\/h4>\n
$\"\"$ <\/p>\n
Social share <\/strong><\/h4>\n
$\"\"$ <\/p>\n
Advanced <\/strong><\/h4>\n
$\"\"$ <\/p>\n
6.2 How to Configure Widgets<\/strong><\/h3>\n
Let\u2019s go to Appearance >> Widgets<\/strong>!<\/p>\n
You can drag widgets\/plugins in the list from left to positions on your right as follow image<\/p>\n
$\"\"$ <\/p>\n
$\"\"$ <\/p>\n
Below is the description of widgets parameter:<\/p>\n
\n
Title<\/strong> \u2013 Title of widget<\/li>\n
Template<\/strong> \u2013 Select template that you want<\/li>\n
Category Name<\/strong> \u2013 Select category name<\/li>\n
Order by<\/strong> \u2013 Allow to order by following field:\n
\n
ID<\/li>\n
Name<\/li>\n
Author<\/li>\n
Date<\/li>\n
Title<\/li>\n
Modified<\/li>\n
Parent<\/li>\n
Rand<\/li>\n
Comment Count<\/li>\n<\/ul>\n<\/li>\n
Order <\/strong> \u2013 Allow to order Ascending\/Descending<\/li>\n
Number of Posts<\/strong> \u2013 Number of post will be shown<\/li>\n
Include Posts ID <\/strong> \u2013 Include ID of Posts<\/li>\n
Exclude Posts ID<\/strong> \u2013 Exclude ID of Posts<\/li>\n
Excerpt Length (in words) <\/strong> \u2013 Input the character limitation in words<\/li>\n<\/ul>\n
\n
Advanced Options<\/strong> \u2013 Support 3 options for your advance\n
\n
Widget Style<\/strong> \u2013 Style of widget ( container is selection )\n
\n
col-2 > col-12<\/b>– Set the number of column that the widget will be used.<\/li>\n
Container<\/b>– Add a class container into the widget, use for sidebar without container.<\/li>\n<\/ul>\n<\/li>\n
Widget Display<\/strong> \u2013 Option select widget display. There are 3 option:\n
\n
All <\/b>– Widget will display all in theme in the sidebar that\u2019s selected.<\/li>\n
Except on selected<\/strong> \u2013 Allow to choose pages that don\u2019t want to show widget<\/li>\n
Only on selected<\/strong> \u2013 Allow to choose pages that want to show widget\n
\n
Users<\/strong> \u2013 Allow to be shown for user pages (login\/ not login)<\/li>\n
General<\/strong> \u2013 Check into the checkbox that you want to show the sidebar( blog, archive\u2026)<\/li>\n
Taxonomy Slugs<\/strong> \u2013 Input Taxonomy Slugs of pages that you want to display widget, if have many taxonomies then separate them by \u201c,\u201d mark.<\/li>\n
Posts type<\/strong> \u2013 Input Posts type of pages that you want to display widget, if have many posts type then separate them by \u201c,\u201d mark.<\/li>\n
Categories ID & Posts ID<\/strong> \u2013 ID of Categories or Posts, if have many IDs then separate them by \u201c,\u201d mark.<\/li>\n
Menu<\/strong> \u2013 Allow to choose menu that you want to display widget.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Note: If your theme use WPML, please select Language on admin toolbar before selecting a widget display at sidebar.<\/p><\/blockquote>\n
6.2.1 Custom Menu \u2013 Top position<\/strong><\/h3>\n
Frontend Appearances:<\/strong><\/p>\n
$\"\"$ <\/p>\n
Backend Settings:<\/strong><\/p>\n
$\"\"$ <\/p>\n
6.2.2 YA Top \u2013 Top position<\/strong><\/h3>\n
Frontend Appearances:<\/strong><\/p>\n
$\"\"$ <\/p>\n
Backend Settings:<\/strong><\/p>\n
$\"\"$ <\/p>\n
6.2.3 Text \u2013 Top Logo position<\/strong><\/h3>\n
Frontend Appearances:<\/strong><\/p>\n
$\"\"$ <\/p>\n
Backend Settings:<\/strong><\/p>\n
$\"\"$ <\/p>\n
Copy and Paste the Code Custom HTML of Text :<\/span><\/p>\n
<\/p>\n
\n
<\/div>\n
<\/div>\n
<br \/><br \/>\n<div class=”banner-header”><br \/><br \/>\n<a href=”#”><img src=”http:\/\/dev.ytcvn.com\/ytc_templates\/wordpress\/sw_lifemag\/wp-content\/uploads\/2015\/02\/logo-top-right.png” alt=”logo right”><\/a><br \/><br \/>\n<\/div><\/textarea><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a842214800882-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a842214800882-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a842214800882-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div id=\"crayon-54fecc161a842214800882-1\" class=\"crayon-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“banner-header”<\/span><span class=\"crayon-o\">><\/span><\/div>\n<div id=\"crayon-54fecc161a842214800882-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-i\">a<\/span> <span class=\"crayon-v\">href<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“#”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">img <\/span><span class=\"crayon-v\">src<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“http:\/\/dev.ytcvn.com\/ytc_templates\/wordpress\/sw_lifemag\/wp-content\/uploads\/2015\/02\/logo-top-right.png”<\/span> <span class=\"crayon-v\">alt<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“logo right”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">a<\/span><span class=\"crayon-o\">><\/span><\/div>\n<div id=\"crayon-54fecc161a842214800882-3\" class=\"crayon-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">div<\/span><span class=\"crayon-o\">><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><\/p>\n<p> <\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.3 YA Posts \u2013 Banner position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-slideshow.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-slideshow.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.4 YA Posts \u2013 Above Content position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-above-content.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-above-content.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.5 YA Posts: Lifestyle \u2013 Content position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-lifestyle.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-lifestyle.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.6 YA Posts: Fashion \u2013 Content position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-fashion.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-fashion.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.7 YA Posts: World \u2013 Content position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-world.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-world.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.8 Sw Responsive Slider Widget: Multimedia \u2013 Content position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-multimedia.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-multimedia.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.9 YA Posts: Business \u2013 Content position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-business.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-business.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.10 Sw Social Count Widget \u2013 Sidebar Right position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-social.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<div style=\"width: 100%; clear: both; padding: 10px 0pt; display: table;\">\n<div style=\"overflow: hidden; float: left; margin-right: 15px; margin-top: 6px; display: table;\"><img decoding=\"async\" style=\"float: left; border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-social.png\" alt=\"\" \/><\/div>\n<div style=\"overflow: hidden; display: table;\">\n<p><strong style=\"color: #1e90ff; padding-left: 10px; font-size: 16px;\">Sw Social Count Widget<br \/>\n<\/strong><br \/>\n<strong>Note:<\/strong> How To Get <strong>Consumer key<\/strong>; <strong>Consumer Secret<\/strong>; <strong>Access Token<\/strong>; <strong>Access Token Secret for Twitter<\/strong> and <strong>API Key for Google+<\/strong>, please click <strong><a href=\"http:\/\/socialtoolbarpro.com\/how-to-get-a-twitter-api-key-for-the-social-toolbar-feeds\/\" target=\"_blank\" rel=\"noopener noreferrer\">Here<\/a> <\/strong>to view tutorials.<\/p>\n<\/div>\n<\/div>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.11 Ya Posts \u2013 Sidebar Right position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-timeline-news.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-timeline-news.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.12 Text: Logo Sidebar \u2013 Sidebar Right position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-logo-sidebar.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-logo-sidebar.png\" alt=\"\" \/><\/p>\n<p><span style=\"color: #ff0099;\">Copy and Paste the Code Custom HTML of Text :<\/span><\/p>\n<p><\/p>\n<div id=\"crayon-54fecc161a85a426450152\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" style=\"margin-top: 12px; margin-bottom: 12px; float: none; clear: both; font-size: 12px !important; line-height: 15px !important;\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" style=\"font-size: 12px !important; height: 18px !important; line-height: 18px !important;\" data-settings=\" mouseover overlay hide delay\"><\/div>\n<div class=\"crayon-info\" style=\"min-height: 16.8px !important; line-height: 16.8px !important;\"><\/div>\n<div class=\"crayon-plain-wrap\"><textarea class=\"crayon-plain print-no\" style=\"-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4; font-size: 12px !important; line-height: 15px !important;\" readonly=\"readonly\" wrap=\"soft\" data-settings=\"dblclick\"><br \/><br \/>\n<div class=”banner-right-image”><br \/><br \/>\n<a href=”#”><img src=”http:\/\/dev.ytcvn.com\/ytc_templates\/wordpress\/sw_lifemag\/wp-content\/uploads\/2015\/02\/logo-sidebar-right.png” alt=”logo sidebar right”><\/a><br \/><br \/>\n<\/div><\/textarea><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85a426450152-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a85a426450152-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85a426450152-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div id=\"crayon-54fecc161a85a426450152-1\" class=\"crayon-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“banner-right-image”<\/span><span class=\"crayon-o\">><\/span><\/div>\n<div id=\"crayon-54fecc161a85a426450152-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-i\">a<\/span> <span class=\"crayon-v\">href<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“#”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">img <\/span><span class=\"crayon-v\">src<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“http:\/\/dev.ytcvn.com\/ytc_templates\/wordpress\/sw_lifemag\/wp-content\/uploads\/2015\/02\/logo-sidebar-right.png”<\/span> <span class=\"crayon-v\">alt<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“logo sidebar right”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">a<\/span><span class=\"crayon-o\">><\/span><\/div>\n<div id=\"crayon-54fecc161a85a426450152-3\" class=\"crayon-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">div<\/span><span class=\"crayon-o\">><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><\/p>\n<p> <\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.13 Text: Facebook module \u2013 Sidebar Right position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-facebook-module.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-facebook-module.png\" alt=\"\" \/><\/p>\n<p><span style=\"color: #ff0099;\">Copy and Paste the Code Custom HTML of Text :<\/span><\/p>\n<p><\/p>\n<div id=\"crayon-54fecc161a85f641624321\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" style=\"margin-top: 12px; margin-bottom: 12px; float: none; clear: both; font-size: 12px !important; line-height: 15px !important;\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" style=\"font-size: 12px !important; height: 18px !important; line-height: 18px !important;\" data-settings=\" mouseover overlay hide delay\"><\/div>\n<div class=\"crayon-info\" style=\"min-height: 16.8px !important; line-height: 16.8px !important;\"><\/div>\n<div class=\"crayon-plain-wrap\"><textarea class=\"crayon-plain print-no\" style=\"-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4; font-size: 12px !important; line-height: 15px !important;\" readonly=\"readonly\" wrap=\"soft\" data-settings=\"dblclick\"><br \/><br \/>\n[collapses class=”collapses” type=”collapse” tag=”div”]<\/p><br \/>\n<p>[collapse active=”true” title=”facebook module”] <iframe src=”\/\/www.facebook.com\/plugins\/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FSmartAddons.page&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; height:290px;” allowTransparency=”true”><\/iframe>[\/collapse]<\/p><br \/>\n<p>[collapse active=”” title=”youtube module”] <iframe width=”100%” height=”300px” src=”https:\/\/www.youtube.com\/embed\/seR92xEmHoQ” frameborder=”0″ allowfullscreen><\/iframe>[\/collapse]<\/p><br \/>\n<p>[collapse active=”” title=”Twitter module”] <blockquote class=”twitter-tweet” lang=”en”><p>Test FanPage API <a href=”http:\/\/t.co\/SrASUzL2Wx”>http:\/\/t.co\/SrASUzL2Wx<\/a><\/p>— DzTimes (@dztimes) <a href=”https:\/\/twitter.com\/dztimes\/status\/370773897639362560″>August 23, 2013<\/a><\/blockquote><br \/><br \/>\n<script async src=”\/\/platform.twitter.com\/widgets.js” charset=”utf-8″><\/script>[\/collapse]<\/p><br \/>\n<p>[\/collapses]<\/textarea><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85f641624321-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a85f641624321-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85f641624321-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a85f641624321-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85f641624321-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a85f641624321-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85f641624321-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a85f641624321-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a85f641624321-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a85f641624321-10\">10<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div id=\"crayon-54fecc161a85f641624321-1\" class=\"crayon-line\"><span class=\"crayon-sy\">[<\/span><span class=\"crayon-e\">collapses <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“collapses”<\/span><span class=\"crayon-h\">\u00a0\u00a0<\/span><span class=\"crayon-v\">type<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“collapse”<\/span> <span class=\"crayon-v\">tag<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“div”<\/span><span class=\"crayon-sy\">]<\/span><\/div>\n<div id=\"crayon-54fecc161a85f641624321-2\" class=\"crayon-line crayon-striped-line\"><\/div>\n<div id=\"crayon-54fecc161a85f641624321-3\" class=\"crayon-line\"><span class=\"crayon-sy\">[<\/span><span class=\"crayon-e\">collapse <\/span><span class=\"crayon-v\">active<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“true”<\/span> <span class=\"crayon-v\">title<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“facebook module”<\/span><span class=\"crayon-sy\">]<\/span> <span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">iframe <\/span><span class=\"crayon-v\">src<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“\/\/www.facebook.com\/plugins\/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FSmartAddons.page&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true”<\/span> <span class=\"crayon-v\">scrolling<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“no”<\/span> <span class=\"crayon-v\">frameborder<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“0”<\/span> <span class=\"crayon-v\">style<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“border:none; overflow:hidden; height:290px;”<\/span> <span class=\"crayon-v\">allowTransparency<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“true”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">iframe<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-sy\">[<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">collapse<\/span><span class=\"crayon-sy\">]<\/span><\/div>\n<div id=\"crayon-54fecc161a85f641624321-4\" class=\"crayon-line crayon-striped-line\"><\/div>\n<div id=\"crayon-54fecc161a85f641624321-5\" class=\"crayon-line\"><span class=\"crayon-sy\">[<\/span><span class=\"crayon-e\">collapse <\/span><span class=\"crayon-v\">active<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“”<\/span> <span class=\"crayon-v\">title<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“youtube module”<\/span><span class=\"crayon-sy\">]<\/span> <span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">iframe <\/span><span class=\"crayon-v\">width<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“100%”<\/span> <span class=\"crayon-v\">height<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“300px”<\/span> <span class=\"crayon-v\">src<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“https:\/\/www.youtube.com\/embed\/seR92xEmHoQ”<\/span> <span class=\"crayon-v\">frameborder<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“0”<\/span> <span class=\"crayon-i\">allowfullscreen<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">iframe<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-sy\">[<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">collapse<\/span><span class=\"crayon-sy\">]<\/span><\/div>\n<div id=\"crayon-54fecc161a85f641624321-6\" class=\"crayon-line crayon-striped-line\"><\/div>\n<div id=\"crayon-54fecc161a85f641624321-7\" class=\"crayon-line\"><span class=\"crayon-sy\">[<\/span><span class=\"crayon-e\">collapse <\/span><span class=\"crayon-v\">active<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“”<\/span> <span class=\"crayon-v\">title<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“Twitter module”<\/span><span class=\"crayon-sy\">]<\/span> <span class=\"crayon-o\"><<\/span><span class=\"crayon-e\">blockquote <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“twitter-tweet”<\/span> <span class=\"crayon-v\">lang<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“en”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-i\">p<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-e\">Test <\/span><span class=\"crayon-e\">FanPage <\/span><span class=\"crayon-i\">API<\/span> <span class=\"crayon-o\"><<\/span><span class=\"crayon-i\">a<\/span> <span class=\"crayon-v\">href<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“http:\/\/t.co\/SrASUzL2Wx”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-i\">http<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-c\">\/\/t.co\/SrASUzL2Wx<\/a><\/p>— DzTimes (@dztimes) <a href=”https:\/\/twitter.com\/dztimes\/status\/370773897639362560″>August 23, 2013<\/a><\/blockquote><\/span><\/div>\n<div id=\"crayon-54fecc161a85f641624321-8\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-ta\"><script <\/span><span class=\"crayon-e\">async <\/span><span class=\"crayon-e \">src<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“\/\/platform.twitter.com\/widgets.js”<\/span> <span class=\"crayon-e \">charset<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“utf-8”<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-ta\"><\/script><\/span><span class=\"crayon-sy\">[<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">collapse<\/span><span class=\"crayon-sy\">]<\/span><\/div>\n<div id=\"crayon-54fecc161a85f641624321-9\" class=\"crayon-line\"><\/div>\n<div id=\"crayon-54fecc161a85f641624321-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-sy\">[<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">collapses<\/span><span class=\"crayon-sy\">]<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><\/p>\n<p> <\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.14 Custom Menu \u2013 Footer position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-footer-menu.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-footer-menu.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.15 Text: About Us \u2013 Footer position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-about-us.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-about-us.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.16 YA Posts: Last post \u2013 Footer position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-latest-post.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-last-post.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.17 Custom Menu: Custom link \u2013 Footer position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-custom-link.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-custom-link.png\" alt=\"\" \/><\/p>\n<h3 class=\"sub-title\"><strong style=\"color: #009999;\">6.2.18 Text: newsletter \u2013 Footer position<\/strong><\/h3>\n<p><strong>Frontend Appearances:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/frontend-newsletter.png\" alt=\"\" \/><\/p>\n<p><strong>Backend Settings:<\/strong><\/p>\n<p><img decoding=\"async\" style=\"border-width: 1px; border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/backend-newsletter.png\" alt=\"\" \/><\/p>\n<p><span style=\"color: #ff0099;\">Copy and Paste the Code Custom HTML of Text :<\/span><\/p>\n<p><\/p>\n<div id=\"crayon-54fecc161a867756497077\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" style=\"margin-top: 12px; margin-bottom: 12px; float: none; clear: both; font-size: 12px !important; line-height: 15px !important;\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" style=\"font-size: 12px !important; height: 18px !important; line-height: 18px !important;\" data-settings=\" mouseover overlay hide delay\"><\/div>\n<div class=\"crayon-info\" style=\"min-height: 16.8px !important; line-height: 16.8px !important;\"><\/div>\n<div class=\"crayon-plain-wrap\"><textarea class=\"crayon-plain print-no\" style=\"-moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4; font-size: 12px !important; line-height: 15px !important;\" readonly=\"readonly\" wrap=\"soft\" data-settings=\"dblclick\"><br \/><br \/>\n<p>Add your email here if you would simply like a notification<\/p><br \/><br \/>\n[contact-form-7 id=”128″ title=”Contact form 1″]<\/textarea><\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"crayon-54fecc161a867756497077-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-54fecc161a867756497077-2\">2<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\" style=\"font-size: 12px !important; line-height: 15px !important;\">\n<div id=\"crayon-54fecc161a867756497077-1\" class=\"crayon-line\"><span class=\"crayon-o\"><<\/span><span class=\"crayon-i\">p<\/span><span class=\"crayon-o\">><\/span><span class=\"crayon-e\">Add <\/span><span class=\"crayon-e\">your <\/span><span class=\"crayon-e\">email <\/span><span class=\"crayon-e\">here <\/span><span class=\"crayon-st\">if<\/span> <span class=\"crayon-e\">you <\/span><span class=\"crayon-e\">would <\/span><span class=\"crayon-e\">simply <\/span><span class=\"crayon-i\">like<\/span> <span class=\"crayon-i\">a<\/span> <span class=\"crayon-i\">notification<\/span><span class=\"crayon-o\"><<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-i\">p<\/span><span class=\"crayon-o\">><\/span><\/div>\n<div id=\"crayon-54fecc161a867756497077-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-sy\">[<\/span><span class=\"crayon-i\">contact<\/span><span class=\"crayon-o\">–<\/span><span class=\"crayon-i\">form<\/span><span class=\"crayon-o\">–<\/span><span class=\"crayon-cn\">7<\/span> <span class=\"crayon-v\">id<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“128”<\/span> <span class=\"crayon-v\">title<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">“Contact form 1”<\/span><span class=\"crayon-sy\">]<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><\/p>\n<p> <\/p>\n<h3 id=\"c63\" class=\"sub-title\"><strong>6.3 How to Create Menu<\/strong><\/h3>\n<p><strong><em>An example of how a mega menu should be structured:<\/em><\/strong><\/p>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-lifemag\/menu-structure.png\" alt=\"\" \/><\/p>\n<ul>\n<li><strong>Level 1<\/strong> is the nearest to the left of the page.<\/li>\n<li>Sub-section headings <strong>(Level 2 headings)<\/strong> are indented slightly further to the right.<\/li>\n<li>Any other subordinate headings <strong>(Level 3, 4, etc)<\/strong> within the same section are indented even further to the right.<\/li>\n<\/ul>\n<p style=\"color: red;\"><strong>How To Create Menu<\/strong><\/p>\n<p>You must define a menu before you can add items to it.<\/p>\n<p><strong>1.<\/strong> Login to the WordPress Dashboard.<br \/>\n<strong>2.<\/strong> From the <strong>\u2018Appearance\u2019<\/strong> menu on the left-hand side of the Dashboard, select the<strong> \u2018Menus\u2019<\/strong> option to bring up the Menu Editor.<br \/>\n<strong>3.<\/strong> Select <strong>Create a new menu<\/strong> at the top of the page<br \/>\n<strong>4.<\/strong> Enter a name for your new menu in the Menu Name box<br \/>\n<strong>5.<\/strong> Click the <strong>Create Menu<\/strong> button.<\/p>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/create-menu.png\" alt=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/create-menu.png\" \/><\/p>\n<p><strong>=>><\/strong> Your new custom menu has now been defined.<\/p>\n<h3 id=\"c64\" class=\"sub-title\"><strong style=\"color: #ff0099;\">6.4 How To Add Items to a Menu<\/strong><\/h3>\n<p>The <strong>Screen Options<\/strong> allow you to choose which items you can use to add to a menu.<\/p>\n<p>Click on the <strong>Screen Options tab<\/strong> to expand the options available for a particular Screen, check (or unchecked) the desired options, then click the Screen Options hanging tab to collapse the Screen Options.<\/p>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/screen-options.png\" alt=\"\" \/><\/p>\n<p><strong>1.<\/strong> For example, Locate the pane entitled <strong>Pages<\/strong>.<br \/>\n<strong>2.<\/strong> Within this pane, select the <strong>View All<\/strong> link to bring up a list of all the currently published <strong>Pages<\/strong> on your site.<\/p>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/page-panel.png\" alt=\"\" \/><\/p>\n<p><strong>3.<\/strong> Select the Pages that you want to add by clicking the checkbox next to each Page\u2019s title.<br \/>\n<strong>4.<\/strong> Click the <strong>Add to Menu<\/strong> button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.<\/p>\n<p><strong>5.<\/strong> Click the <strong>Save Menu<\/strong> button once you\u2019ve added all the menu items you want.<\/p>\n<p>Your custom menu has now been saved.<\/p>\n<h3 id=\"c65\" class=\"sub-title\"><strong style=\"color: #ff0099;\">6.5 How To Custom Menu Items<\/strong><\/h3>\n<p><strong><em>The<\/em> <em>Navigation Label<\/em><\/strong><\/p>\n<p>This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site\/blog.<\/p>\n<p><em><strong>The<\/strong> <strong>Title Attribute<\/strong><\/em><\/p>\n<p>This field specifies the Alternative (\u2018Alt\u2019) text for the menu item. This text will be displayed when a user\u2019s mouse hovers over a menu item.<\/p>\n<p><strong>1.<\/strong> Click on the arrow in the top right-hand corner of the menu item to expand it.<\/p>\n<p><strong>2.<\/strong> Enter the values for the <strong><em>Navigation Label<\/em> <\/strong>and <em><strong>Title Attribute<\/strong><\/em> that you want to assign to the item.<\/p>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/custom-menu-items.png\" alt=\"\" \/><\/p>\n<p><strong>3.<\/strong> Click the <strong>Save Menu<\/strong> button to save your changes.<\/p>\n<h3 id=\"c66\" class=\"sub-title\"><strong style=\"color: #ff0099;\">6.6 How To Configure Mega Menu<\/strong><\/h3>\n<p>Click on <strong>\u201cShow\/Hide Advanced Menu Config\u201d<\/strong> button to configure Mega Menu<\/p>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/config-megamenu.png\" alt=\"\" \/><\/p>\n<p><strong><em>It will show as the image below:<\/em><\/strong><\/p>\n<h4 style=\"color: #009999;\"><strong>1. Advanced Mega menu \u2013 With Level 1:<\/strong><\/h4>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/level1-explanation.png\" alt=\"\" \/><\/p>\n<ul>\n<li><strong>Active mega menu:<\/strong> Allow to activate\/inactivate Mega Menu<\/li>\n<li><strong> Icon:<\/strong> Using icon-* class to display Icon for any menu item with Font Awesome intergrated. Refercence Font Awesome for details<\/li>\n<li><strong>Dropdown Size:<\/strong> Set the width of dropdown menu. (ex: min = 1 (= 150px); max = 6 (= 900px)).<\/li>\n<li><strong>Dropdown Align<\/strong><\/li>\n<\/ul>\n<p>– Only for menu items level 1<br \/>\n– If you want dropdown (if have) align by right direction, config it to \u2018Right\u2019 instead of \u2018Left\u2019 or \u2018Default\u2019<br \/>\n– \u2018Default\u2019: no class be add to dropdown, everything are nature by default css.<br \/>\n– \u2018Left\u2019 \/ \u2018Right\u2019: add to dropdown an utility class for float it left\/ right. Make it align as you want.<\/p>\n<ul>\n<li><strong>Show Description as Subtitle<\/strong><\/li>\n<\/ul>\n<p>– Mean as the name.<br \/>\n– Description is core attribute of menu item. You may need check to show it in the metabox screen.<\/p>\n<ul>\n<li><strong>Hide Title<\/strong><\/li>\n<\/ul>\n<p>– Sometime you need hide the title of menu, select \u2018Yes\u2019 value please. In this case, Icon or Subtitle or Advanced Content are need to show as replacer.<\/p>\n<ul>\n<li><strong>Disable Link:<\/strong> Allow to disable link.<\/li>\n<li><strong>Advanced:<\/strong><\/li>\n<\/ul>\n<p>– Some advanced functions are placed here.<br \/>\n– \u2018Default\u2019: NOOP, do nothing. Sure, it is not advanced<br \/>\n– \u2018Use as Divider\u2019: Show any icon, title, subtitle, content. Divider style only.<br \/>\n– \u2018Append Advanced Content\u2019: Append content after menu title block (icon+title+subtitle)<br \/>\n– \u2018Append Advanced Content with Shortcode\u2019: as above, but \u2018do_shortcode\u2019 with this before append.<\/p>\n<ul>\n<li><strong>Advanced content:<\/strong> Insert content follow Advanced ( input HTML, image\u2026 not included js & css)<\/li>\n<li><strong>Menu Thumbnail:<\/strong> Allow to upload thumbnail for menu<\/li>\n<\/ul>\n<h4 style=\"color: #009999;\"><strong>2. Advanced Mega menu \u2013 With Level 2:<\/strong><\/h4>\n<p><img decoding=\"async\" style=\"border: 1px solid #dddddd;\" src=\"http:\/\/smartaddons.s3.amazonaws.com\/images\/userguide\/wordpress\/sw-love-fashion\/level2-explanation.png\" alt=\"\" \/><\/p>\n<ul>\n<li><strong>Dropdown sub size:<\/strong> Set the width of dropdown submenu. (ex: default\/ min = 1 (= 150px)\/ max = 6 (= 900px)).<\/li>\n<\/ul>\n<\/div>\n<p> <\/p>\n<\/div>\n<div id=\"support\" class=\"support\">\n<p><span class=\"order-item\">7<\/span><span class=\"item-title\">SUPPORT \u2013 <a href=\"#top\">Back to top<\/a><\/span><\/p>\n<div class=\"item-content\">\n<p style=\"margin-top: 20px;\">Thank you so much for purchasing this theme. If you have any questions that are beyond the scope of this help file, please send us via: <a href=\"http:\/\/support.ytcvn.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Support Tickets System<\/a><\/p>\n<p>Thanks so much!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><script type=\"text\/javascript\">\n\tfunction submitform(){\n\t\tif(document.commentform.comment.value=='' || document.commentform.author.value=='' || document.commentform.email.value==''){\n\t\t\talert('Please fill the required field.');\n\t\t\treturn false;\n\t\t} else return true;\n\t}\n<\/script><\/p>\n<\/header>\n<\/article>\n<\/div>\n<\/section>\n<aside id=\"right\" class=\"sidebar col-lg-3 col-md-3 col-sm-4\">\n<section class=\"widget-1 widget-first widget guide_menu-2 guide_menu\">\n<div class=\"widget-inner\">\n<h3>Document Navigation<\/h3>\n<ul id=\"menu_guide\">\n<li><a href=\"#requirement\">1. System Requirement<\/a><\/li>\n<li><a href=\"#features\">2. Key Features<\/a><\/li>\n<li><a href=\"#layout\">3. Layout Position<\/a><\/li>\n<li><a href=\"#install\">4. Installation<\/a><\/li>\n<li><a href=\"#quickstart\">4.1 Quickstart Installation<\/a><\/li>\n<li><a href=\"#manual\">4.2 Manual Installation<\/a><\/li>\n<li><a href=\"#reading\">5. Reading Settings<\/a><\/li>\n<li><a href=\"#config\">6. Configuration<\/a><\/li>\n<li><a href=\"#theme-options\">6.1 How to Configure Theme Options<\/a><\/li>\n<li><a href=\"#c62\">6.2 How to Configure Widgets<\/a><\/li>\n<li><a href=\"#c63\">6.3 How to Create Menu<\/a><\/li>\n<li><a href=\"#c64\">6.4 How To Add Items to a Menu<\/a><\/li>\n<li><a href=\"#c65\">6.5 How To Custom Menu Items<\/a><\/li>\n<li><a href=\"#c66\">6.6 How To Configure Mega Menu<\/a><\/li>\n<li><a href=\"#support\">7. Support<\/a><\/li>\n<\/ul>\n<p><script type=\"text\/javascript\">\njQuery(window).on(\"load\", function() {\n\tif(jQuery(\".guide_menu\")){\n\t\toffset_top = jQuery(\".guide_menu\").offset().top\n\t\tjQuery(window).scroll(function(){\n\t\t\tprocessScroll(\".guide_menu\", \"top-fixed\", offset_top);\n\t\t});\n\t}\n});<\/p>\n<p>function processScroll(element, eclass, offset_top, column, offset_end) {\n\tvar scrollTop = jQuery(window).scrollTop();\n\tif(jQuery(element).height()< jQuery(window).height()){ if (scrollTop >= offset_top) {\n\t\t\tjQuery(element).addClass(eclass);\n\t\t} else if (scrollTop <= offset_top) {\n\t\t\tjQuery(element).removeClass(eclass);\n\t\t}\n\t\t\n\t}\n}\n<\/script><\/p>\n<\/div>\n<\/section>\n<\/aside>\n<\/div>\n<\/div>\n<\/section>\n<p><script type='text\/javascript' src='http:\/\/www.magentech.com\/documentation\/wp-content\/themes\/document\/assets\/js\/bootstrap.min.js'><\/script><br \/>\n<script type='text\/javascript' src='http:\/\/www.magentech.com\/documentation\/wp-content\/themes\/document\/assets\/js\/plugins.js'><\/script><br \/>\n<script type='text\/javascript' src='http:\/\/www.magentech.com\/documentation\/wp-content\/themes\/document\/assets\/js\/main.js'><\/script><br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] SW Lifemag View demoMore detail First of all, I would like to thank you for purchasing this theme. We\u2019ve put in lots of love in developing this wordpress theme and are excited that you\u2019ve chosen this theme for your website. We hope you find it easy to use our theme. This documentation […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[],"class_list":["post-5476","post","type-post","status-publish","format-standard","hentry","category-premium-themes-on-themeforest"],"_links":{"self":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/comments?post=5476"}],"version-history":[{"count":2,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5476\/revisions"}],"predecessor-version":[{"id":5478,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5476\/revisions\/5478"}],"wp:attachment":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/media?parent=5476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/categories?post=5476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/tags?post=5476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}