PATH:
var
/
www
/
vhosts
/
sandbox.dos-group.com
/
httpdocs
/
medifides
/
documentation
<!doctype html> <!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]--> <!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]--> <!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]--> <!--[if (gt IE 7)|!(IE)]><!--> <html lang="en-us"><!--<![endif]--> <head> <meta charset="utf-8"> <title>RedBiz - Finance & Consulting Multi-Purpose WordPress Theme</title> <meta name="description" content=""> <meta name="author" content="themesflat"> <meta name="copyright" content="themesflat"> <meta name="generator" content="Documenter v2.0 http://rxa.li/documenter"> <meta name="date" content="2017-04-29T00:00:00+01:00"> <link rel="stylesheet" href="assets/css/documenter_style.css" media="all"> <link rel="shortcut icon" type="image/x-icon" href="favicon.png" /> <script src="assets/js/jquery.js"></script> <script src="assets/js/jquery.scrollTo.js"></script> <script src="assets/js/jquery.easing.js"></script> <script>document.createElement('section');var duration='500',easing='swing';</script> <script src="assets/js/script.js"></script> <style> html{background-color:#F5F5F5;color:#333333;} ::-moz-selection{background:#18ba60;color:#FFFFFF;} ::selection{background:#18ba60;color:#FFFFFF;} a{color:#0000FF;} .btn { border-radius:3px; } .btn-primary { background-image: -moz-linear-gradient(top, #CBE86B, #889C48); background-image: -ms-linear-gradient(top, #CBE86B, #889C48); background-image: -webkit-gradient(linear, 0 0, 0 CBE86B%, from(#EEEEEE), to(#889C48)); background-image: -webkit-linear-gradient(top, #CBE86B, #889C48); background-image: -o-linear-gradient(top, #CBE86B, #889C48); background-image: linear-gradient(top, #CBE86B, #889C48); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBE86B', endColorstr='#889C48', GradientType=0); border-color: #889C48 #889C48 #bfbfbf; color:#FFFFFF; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { border-color: #CBE86B #CBE86B #bfbfbf; background-color: #889C48; } hr{border-top:1px solid #0000FF;border-bottom:1px solid #0000FF;} #documenter_sidebar, #documenter_sidebar ul a{background-color: #DDDDDD; color: #222222;} #documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #EEEEEE;-moz-text-shadow:1px 1px 0px #EEEEEE;text-shadow:1px 1px 0px #EEEEEE;} #documenter_sidebar ul{} #documenter_sidebar ul a{border-top: 1px solid #EEEEEE; border-bottom: 1px solid #AAAAAA; color: #444444;} #documenter_sidebar ul a:hover{background: #444444; color: #DDDDDD; border-top: 1px solid #444444;} #documenter_sidebar ul a.current{background: #444444; color: #DDDDDD; border-top: 1px solid #444444;} #documenter_copyright{display:block !important;visibility:visible !important;} </style> </head> <body class="documenter-project"> <div id="documenter_sidebar"> <a href="#documenter_cover" id="documenter_logo"></a> <ul id="documenter_nav"> <li><a class="current" href="#documenter_cover">Introduction</a></li> <li><a href="#getting_started" title="Getting Started">Getting Started</a></li> <li><a href="#theme_installation" title="Theme Installation">Installation</a></li> <li><a href="#theme_customize" title="Theme Customize">Theme Customize</a> <ul> <li><a href="#theme_customize" title="Theme Customize">General</a></li> <li><a href="#header_customize" title="Theme Customize">Header</a></li> <li><a href="#page_title_customize" title="Theme Customize">Page Title</a></li> <li><a href="#typography_customizer" title="Theme Customize">Typography</a></li> <li><a href="#theme_customization_layout_amp_styles" title="Theme Customize">Layout & Color</a></li> <li><a href="#footer_customize" title="Theme Customize">Footer</a></li> </ul> </li> <li><a href="#theme_customize_blog" title="Blog Posts">Blog Posts</a></li> <li><a href="#portfolio" title="portfolio">Portfolio</a></li> <!--<li><a href="#shop" title="shop">WooCommerce</a></li>--> <li><a href="#pages_config" title="Pages Config">Pages Configuration</a></li> <li><a href="#shortcodes" title="Shortcodes">Shortcodes</a></li> <li><a href="#sidebars_config" title="Sidebars Config">Sidebars Configuration</a></li> <!--<li><a href="#advanced_settings" title="Advanced Settings">Advanced Settings</a></li>--> <li><a href="#contact_form" title="Contact Form">Contact Form</a></li> <li><a href="#translation" title="translation">Translation</a></li> <li><a href="#credits" title="Credits">Credits</a></li> </ul> <div id="documenter_copyright">Copyright Themesflat 2017<br> made with the <a href="http://rxa.li/documenter">Documenter v2.0</a> </div> </div> <div id="documenter_content"> <section id="documenter_cover"> <h2>RedBiz - Finance & Consulting Multi-Purpose WordPress Theme</h2> <div id="documenter_buttons"> </div> <hr> <ul> <li><strong>Created date:</strong> May 17, 2018</li> <li><strong>Author:</strong> themesflat</li> <li><strong>Email:</strong> <a href="mailto:themesflat@gmail.com">themesflat@gmail.com</a></li> </ul> <h6>Thank you for trusting and buying our theme. Before you get started, Please read carefully the user manual </h6> If you have any question please create ticket id at <a href="https://themesflat.ticksy.com/">https://themesflat.ticksy.com/</a> or contact us by <br> <strong>Emai:Themesflat@gmail.com</strong> <br><strong> Skype:Themesflat</strong> <h6>Free demo installtion</h6> If you have issues during the installtion process. You please install WordPress Blank after you please send infor include id purchased, link access, username and pass via email themesflat@gmail.com we install for you. </section> <section id="getting_started"> <div class="page-header"><h3>Getting Started</h3><hr class="notop"></div> <h4 id="getting_started_requirements">Requirements</h4> <div> There are minimal requirements to run this product:</div> <ul> <li> PHP 5.6 or higher</li> </ul> <h4 id="getting_started_recommended">Recommended</h4> <p> Required must have</p> <ul> <li>upload_max_filesize = 32M</li> <li>post_max_size = 32M</li> <li>max_execution_time = 300</li> <li>max_input_time = 300</li> <li>memory_limit = 256M</li> <li>Slider Revolution</li> <li>ThemesFlat By Themesflat.com</li> <li>WPBakery Page Builder</li> </ul> <p> Besides, need more</p> <ul> <li>Contact Form 7</li> <li>MailChimp for WordPress</li> </ul> </section> <!-- Install Themes by Themesflat --> <section id="theme_installation"> <div class="page-header"><h3>Theme Installation via WordPress</h3><hr class="notop"></div> <p> After purchase and download we have file <strong>themeforest-20396082-themename.zip</strong> Continue we need Extract Files i have 3 files 1 theme 2 theme-child 3 documentation </p> <p>Please, follow the steps below to install Theme.</p> <h6>Watch the video One Click Install Demo </h6> <div><iframe width="560" height="315" src="https://www.youtube.com/embed/MJ5FDGTPgM0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div> <p>in some case. Hosting configuration is low one install have problem. you can install by manual</p> <h6>Watch the video Install Manual Redbiz Theme</h6> <div><iframe width="560" height="315" src="https://www.youtube.com/embed/zFMotTvPPYg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div> <h4 id="theme_installation_install_by_WordPress_theme_manager">Install by WordPress Theme Manager</h4> <p> This is probably the simplest way for most users. Here are steps you need to take:</p> <ol> <li> <strong>Step 1</strong> - Login to your WordPress Dashboard.</li> <p><img src="assets/images/login-admin.jpg" style="max-width: 80%"></p> <li> <strong>Step 2</strong> - Go to <strong>Appearance > Themes</strong>. And then click <strong>Add new </strong>button, located at the top of the screen or Add new theme (see screenshots below).</li> <p><img src="assets/images/addnew-button-theme.jpg" style="max-width: 80%"></p> <li><strong>Step 3</strong> - Click on <strong>Upload</strong> button at the top of the screen.</li> <p><img src="assets/images/upload-button-theme.jpg" style="max-width: 80%"></p> <li> <strong>Step 4</strong> - Next, Click Choose File button to browse themename.zip file in locate.</li> <p><img alt="" src="assets/images/choose-theme.png" style="max-width: 80%;"></p> <li> <strong>Step 5</strong> - Click <strong>Install</strong> button and wait a moment.</li> <p><img alt="" src="assets/images/install-button.jpg" style="max-width: 80%;"></p> <div class="alert"> <strong>Note:</strong><br> After installing the <strong>Main</strong> theme, if you want user more child <strong>Child</strong> theme. Then please continue install child-theme the with the same installation above</div> <br> <li> <strong>Step 6</strong> - After done installing, click <strong>Activate</strong> to publish the theme.</li> <p><img alt="" src="assets/images/active-theme.jpg" style="max-width: 80%;"></p> <li> <strong>Step 7</strong> - After activating the theme a notice should appear on the top of the screen, click on link <strong>Begin installing plugins</strong> ( See screenshots below ).</li> <p> The theme requires the following plugin: <strong>Slider Revolution</strong>, <strong>ThemesFlat By Themesflat.com</strong>, <strong>WPBakery Page Builder</strong>, and recommends the following plugins:<strong> Contact Form 7</strong>, <strong>MailChimp for WordPress</strong>, </p> <p><img alt="" src="assets/images/install-plugin.jpg" style="max-width: 80%;"></p> <li> <strong>Step 8</strong> - After install plugins, go to Dashboard > Appearance > Install Plugins, check all the plugins you want to activate <strong>require for this theme</strong></li> <p><img alt="" src="assets/images/active-plugin.jpg" style="max-width: 80%;"></p> </ol> <div> <li> <strong>Go to Appearance > Sample Data </strong> <p><img alt="" src="assets/images/sample-data-install.jpg" style="max-width: 80%;"></p> </li> <h4 id="theme_installation_install_through_ftp_upload">Install through FTP upload</h4> <p> If you want to install via FTP, here are 3 steps you need to take:</p> <ul> <li> Using FTP client, login to the server where your WordPress website is hosted</li> <li> Using FTP client, navigate to the <strong>/wp-content/themes/</strong> directory under your WordPress website's root directory</li> <li> Using FTP client, upload the <strong>Consolution</strong> directory to <strong>themes</strong> directory on remote servers</li> </ul> <p>Once installation is complete, your Consolution theme will be ready to use.</p> </div> </section> <!-- Customize theme by Themesflat --> <section id="theme_customize"> <div class="page-header"><strong><h3>Theme Customize</h3></strong><hr class="notop"></div> <strong>Note: Before you use the customizer. You must sure option page turn off. If option page is enabled It will override the customizer's value The mean value customizer will not work. Only if you want to customize the page. You then enable the option page and customize it for that page</strong> <h6> How to On / off option for page </h6> <p><img src="assets/images/editpage.jpg" alt="editpage" style="max-width: 80%;"></p> Continue you please scroll dow the bottom <p><img src="assets/images/editpage1.jpg" alt="editpage" style="max-width: 80%;"></p> <p> To start customizing Finance Occult theme, in the Admin page please go to <strong>Dashboard > Appearance > Customize</strong></p> <p> <img alt="" src="assets/images/customizer.jpg" style="max-width: 80%"></p> <div class="alert"> <strong>Note:</strong><br>Please remember to click <strong>Save & Publish</strong> button after done customizing to save the changes<br> These are global settings so its effect is site-wide. These settings can be overridden in single post or page</div> <strong><h4 id="theme_customization_general">General</h4></strong> <ol> <li> Site Information <ul> <p>To <strong>Customize Theme</strong> you go to: <strong>Dashboarb -> Appearance -> Customize</strong></p> <li> <p><strong>Site Name:</strong> You can setup and change your sitename</p></li> <img alt="" src="assets/images/customizer-02.jpg" style="max-width: 80%"></p> <li> <p><strong>Site Tagline:</strong> A few words to describe your site</p></li> </ul> </li> <li> Social & Favicon <strong>Socials:</strong> Input link your socials display in website<br> <img alt="" src="assets/images/customizer-05.jpg" style="max-width: 80%"></p> <strong>Favicon:</strong> You change Favicon for your website. </p> <p>You navigation Dashboard --> Apprearence --> Customize --> Change Site icon to change Favicon for your website.</p> <img alt="" src="assets/images/favicon_changes.jpg" style="max-width: 80%"> </li> </ol> <section id="header_customize"> <h4 id="theme_customization_header">Header</h4> <p> To setup header layout, please navigate to <strong>Dashboard > Appearance > Customize > Header</strong> section and choose one of available layouts. You can setup some other options we listed below:</p> <ol> <li> Custom Logo</strong> <ul> <li> <p><strong>Use Logo Image:</strong> When this option was turned on, the logo on header will be use as a custom image instead of your site name</p></li> <img alt="" src="assets/images/custom-logo.jpg" style="max-width: 80%"></p><br> <img alt="" src="assets/images/margin-logo.jpg" style="max-width: 80%"> <br><br> <li> <strong>Display Site Tagline:</strong> Turn on this option to show site tagline below logo on the header</li> <li> <strong>Logo:</strong> Drag or select your new logo here</li> <li> <strong>Logo Margin:</strong> Input the top/bottom margin for logo</li> </ul> </li> <li> <ul> <li><strong>Enable Sticky Header:</strong> Make the Heaher stick to the top page or not</li> </ul> </li> <li> <h5>Top bar</h5> <img alt="" src="assets/images/customizer-07.jpg" style="max-width: 80%"></p> <ul> <li><strong>Enable Topbar:</strong> Enable top bar or not</li> <li><strong>Enable Content Right On Top:</strong> Enable Content Right On Top or not</li> <li><strong>Topbar Backgound:</strong> Set background for top bar</li> <li><strong>Topbar Text Color :</strong> Set text color for top bar</li> <li><strong>Content Left:</strong> Replace content for Left top bar </li> <li><strong>Content Right:</strong> Replace content for Right top bar </li> <li><strong>Enable Social On Top:</strong> Enable Social Links on top bar or not </li> </ul> </li> </ol> </section> <section id="footer_customize"> <h4 id="theme_customization_footer">Footer</h4> <p> Footer was divided into 2 different sections: <strong>Widgets & Content</strong>. The screenshot below will give you an explanation of these sections:</p> <p> <img class="img-doc" alt="" src="assets/images/footer.jpg" style="max-width: 80%"></p> <p>You can easily change the background overlay, color, background for footer. Customizing ▸ Color ▸ Footer: </p> <img class="img-doc" alt="" src="assets/images/footer-bgcolor.jpg" style="max-width: 80%"></p> <ol> <li> <h5>Footer Widgets</h5> <img class="img-doc" alt="" src="assets/images/footer.jpg" style="max-width: 80%"> <ul> <li><strong>Widgets Layout</strong> Select stlye for footer default , 1, 2, 3, 4 columns</li> <li><strong>Footer Backgound</strong>Select background color for footer</li> <li><strong>Text Color:</strong> Select the text color for this section</li> </ul> </li> <li> <h5>Custom Footer</h5> <img class="img-doc" alt="" src="assets/images/customizer-10.jpg" style="max-width: 80%"> <ul> <li><strong>Footer Widget:</strong> This section allow to change the layout and styles of footer widgets to match as you need.</li> <li><strong>Enable Social Links:</strong>Show/hide the social icons on the footer.</li> <li><strong>Copyright:</strong> Input information you want to display on footer copyright area</li> <li><strong>Bottom Backgound</strong>Select background color for Bottom</li> <li><strong>Bottom Text Color:</strong> Select the text color for this section</li> </ul> </li> </ol> </section> <section id="typography_customizer"> <h4 id="theme_customization_typography">Typography</h4> <ol> <li> <strong>Body Font:</strong> You can select Font family, Font size Font weight or Font color for the body text</li><br><br> <img class="img-doc" alt="" src="assets/images/customizer-11.jpg" style="max-width: 80%"> <br><br> <li> <strong>Headings Font:</strong> You can select Font family, Font weight or Font size for the heading text, modify the font options for your headings. h1, h2, h3, h4, ...</li><br> <img class="img-doc" alt="" src="assets/images/headings-font.jpg" style="max-width: 80%"><br><br> <li> <strong>Menu Font:</strong> You can select Font family, Font size, Font weight or Font color for the menu text</li><br><br> <img class="img-doc" alt="" src="assets/images/menu-fonts.jpg" style="max-width: 80%"> </ol> </section> <section id="blog_customizer"> <h3 id="theme_customize_blog">Blog</h3> <hr class="notop"> <img class="img-doc" alt="" src="assets/images/customizer-12.jpg" style="max-width: 80%"> <ol> <li> <h5>Blog List</h5> <img class="img-doc" alt="" src="assets/images/customizer-13.jpg" style="max-width: 80%"> <ul> <li><strong>List Layout:</strong> Select layout style for List (List/Grid)</li> <li><strong>List Sidebar Position:</strong> Select sidebar position on the posts page</li> <p><img class="img-doc" alt="" src="assets/images/position-sidebar.jpg" style="max-width: 80%"></p> <li><strong>Blog List Sidebar:</strong> In the dropdown box, select the sidebar you want to display on posts page</li> <li><strong>Auto Post Excepts:</strong> When you turn on this option, the post's content will be truncated automatically on posts page</li> <li><strong>Post Excepts Length:</strong> This option is only available when you turn on "Auto Post Excepts". It uses to limit the content length which is shown on posts page</li> <p><img class="img-doc" alt="" src="assets/images/length-post.jpg" style="max-width: 80%"></p> <li><strong>Show Post Meta:</strong> Turn on/off to show/hide the post meta</li> <li><strong>Show Read More:</strong> Turn on/off to show/hide Read more button</li> <li><strong>Read More Text:</strong> You can modify the text of Read more button here</li> <li><strong>Pagination Style:</strong> Select the style of pagination links on posts page</li> <li><strong>Posts Per Page:</strong> Input how many posts will be displayed per posts page</li> </ul> </li> <li> <h5>Blog Single</h5> <img class="img-doc" alt="" src="assets/images/customizer-14.jpg" style="max-width: 80%"><p></p> <img class="img-doc" alt="" src="assets/images/blog-singles.jpg" style="max-width: 80%"> <ul> <li><strong>Single Sidebar Position:</strong> Select sidebar position on each single blog post (No Sidebar/Left/Right)</li> <li><strong>Show Featured Image In Header:</strong> Turn on/off to show/hide Feature image in Header</li> <li><strong>Show Post Navigator:</strong> Turn on/off to show/hide Post Navigator </li> <li><strong>Show Author Box:</strong> Turn on to show the author box below the post content</li> <li><strong>Show Related Posts:</strong> Turn ON to show the related posts box</li> <li><strong>Related Posts Style:</strong> Select style for the related posts box (Grid/Carousel)</li> <li><strong>Columns Of Related Posts:</strong> Select how many columns will be displayed on the related posts box.</li> <li><strong>Number Of Related Posts:</strong> Enter the number of posts you want to display on the related posts box</li> </ul> </li> </ol> </section> <section id="page_title_customize"> <li> <h5>Page Title</h5> <ul> <li>Setting Page Title for your website such as color, overlay ...</li> <p><img class="img-doc" alt="" src="assets/images/page-title.jpg" style="max-width: 80%"></p> <p><img class="img-doc" alt="" src="assets/images/page-title-1.jpg" style="max-width: 80%"></p> </ul> </li> <li> <h5>Breadcrumb</h5> <ul> <li><strong>Enable Breadcrumbs:</strong> Turn on/off to show/hide the breadcrumbs</li> <p><img class="img-doc" alt="" src="assets/images/breadcum.jpg" style="max-width: 80%"></p> <li><strong>Breadcrumb Prefix:</strong> Enter prefix text for the breadcrumb</li> <li><strong>Breadcrumb Separator:</strong> Enter the character you want to use as the separator of breadcrumb</li> </ul> </li> </section> <h3 id="theme_customization_layout_amp_styles">Layout & Styles</h3> <hr class="notop"> <p> In the section Layout & Styles, we provide some options to customize the theme layout and styles.</p> <ol> <li> <h5>Scheme Color</h5> <img class="img-doc" alt="" src="assets/images/customizer-15.jpg" style="max-width: 80%"> <p>With this option, you can change unlimited color for your site</p> <img class="img-doc" alt="" src="assets/images/header-color.jpg" style="max-width: 80%"> <p>With this option, you can change unlimited color for your Top Menu</p> <img class="img-doc" alt="" src="assets/images/footer-color.jpg" style="max-width: 80%"> <p>With this option, you can change unlimited color for your footer</p> </li> <li> <h5>Menu Color</h5> <img class="img-doc" alt="" src="assets/images/customizer-17.jpg" style="max-width: 80%"> <h5>Sub Menu Color</h5> <img class="img-doc" alt="" src="assets/images/submenu-color.jpg" style="max-width: 80%"> <ul> <!--<li><strong>Header Text Color:</strong> Set color for element </li> --> <li><strong>Mainnav a color:</strong> Set color for element </li> </ul> </li> </ol> <ol> <li> Under <strong>Format</strong> section, there is a section called <strong>Categories</strong>, select the category you want to assign to this post. Alternatively, if you'd like to create a new category, click on "<strong>+ Add New Category</strong>" A text field will unfold where you can enter a name for the category.</li> <li> Then click on "<strong>Add New Category</strong>".</li> <li> Once selected the category you want, click the "<strong>Publish button</strong>".</li> <li> Under the <strong>Categories</strong> section are the <strong>Tags</strong> and <strong>Featured Image</strong> sections. Here you can add some tags to your post, and upload an image which will be displayed as the Featured Image (the representative image) of the post in the blog list pages.</li> </ol> <p> <strong>Now, you've finished the setup for your blog post.</strong></p> </section> <section id="portfolio"> <h3 id="theme_customization_portfolio">Portfolio</h3> <hr class="notop"> <img class="img-doc" alt="" src="assets/images/portfolio.jpg" style="max-width: 80%"> <!-- <ol> <li>Config portfolio<a href="https://youtu.be/Ck_XRqUneqs"> Watch Video</a></li> </ol> --> <ol> <li> <h5>Portfolio Archive</h5> <img class="img-doc" alt="" src="assets/images/customizer-21.jpg" style="max-width: 80%"> <ul> <li><strong>List Sidebar Position:</strong> Select position for Sidebaron Portfolio page (No Sidebar/Left/Right)</li> <li><strong>Portfolio List Sidebar:</strong> Select which sidebar will be displayed on the Portfolio page</li> <li><strong>List Layout:</strong> Select layout style for Portfolio page (Grid/Masonry/Gallery/Justify)</li> <p><img class="img-doc" alt="" src="assets/images/portfolio-list.jpg" style="max-width: 80%"></p> <li><strong>Grid Columns:</strong> Select how many columns will be display on Portfolio page</li> <li><strong>Show Items Filter:</strong> Turn on/off to show/hide Project Filter</li> <li><strong>Pagination Style:</strong> Choose style for Pagination (Pager/Numeric/Page & Numeric/Readmore)</li> <li><strong>Post Per Page:</strong> Choose how many posts will be displayed on each Portfolio page</li> </ul> </li> <li> <h5>Portfolio Single</h5> <ul> <p><img class="img-doc" alt="" src="assets/images/portfolio-list.jpg" style="max-width: 80%"></p> <li><strong>List Sidebar Position:</strong> Select position for Sidebar on Single Portfolio page (No Sidebar/Left/Right)</li> <li><strong>Single Project Sidebar:</strong> Select which sidebar will be displayed on Single Portfolio page</li> <li><strong>Gallery Type:</strong> Select layout style for Single Portfolio page (List/Grid)</li> <li><strong>Gallery Columns:</strong> Select how many columns will be display on Single Portfolio page</li> <li><strong>Show Featured Image In Header:</strong> Turn on/off to show/hide Featured image</li> <li><strong>Show Single Navigator:</strong> Turn on/off to show/hide Single Navigator</li> </ul> </li> <li> <h5>Related Portfolio</h5> <p><img class="img-doc" alt="" src="assets/images/portfolio-relate.jpg" style="max-width: 80%"></p> <ul> <li><strong>Show Related Portfolio :</strong> Turn on/off to show/hide Related Portfolio</li> <li><strong>Widget Title:</strong> Input title for Widget</li> <li><strong>Show Related Items Based On:</strong> Choose Related items base on Tag/Category/Random/Recent</li> <li><strong>Related Portfolio Style:</strong> Choose style Grid/Grid Masonry/Grid No Margin for Related Portfolio</li> <li><strong>Columns Count:</strong> Select how many columns will be displayed on Related Portfolio</li> <li><strong>Number Of Related Portfolio:</strong> Input how many Related Portfolio will be displayed</li> </ul> </li> </ol> </section> <section id="pages_config"> <div class="page-header"><h3>Pages Configuration</h3><hr class="notop"></div> <p> Creating your own page has been never so easy. To make the first step please go to <strong>Pages > Add new</strong>. At first sight, everything looks just like in default WordPress. But when you look at Visual/HTML area you will see some Page options or on <strong>Page Attribute</strong> panel, you will see some Page's templates which we explain below.</p> <h4 id="pages_management_page_templates">Page Templates</h4> <p> When creating a new page, one of the first things you might want to do is to assign a suitable template for it. To do this, please find the Page Attributes section on the right of the page editor. It comes with a variety of templates to choose:</p> <p> <img class="img-doc" alt="" src="assets/images/page-templates.png" style="max-width: 80%;"></p> <ol> <li> <strong>Default Template:</strong> Choose this one if you want to create a standard page</li> <li> <strong>Blog:</strong> Choose this one if you want to create a page for listing blog posts</li> <li> <strong>Page - Blank:</strong> Choose this one if you want to create a page without header and footer</li> <li> <strong>Page - Fullwidth:</strong> Choose this one if you want to create a page which its content will stretch to fit the browser's width</li> <li> <strong>Projects:</strong> Choose this one if you want to create a page for listing projects</li> </ol> <h4 id="pages_management_page_options">Page Options</h4> <p> Used to customizer each page. Go to Page -> Edit Page -> Drag the bottom </p> <strong>Note: When you enable option page then option customizer on this page disabled. </strong> <p> <img class="img-doc" alt="" src="assets/images/page-options.png" style="max-width: 80%;"></p> <ol> <li><strong>Sidebar Position: </strong>Select the position of sidebar you want to display (Default/No Sidebar/Left/Right)</li> <li><strong>Page Title:</strong> When enable this option, you can override the page title settings</li> <li><strong>Breadcrumbs:</strong> Select the Breadcrumb state (Default/Enabled/Disabled)</li> <li><strong>Navigator:</strong> Select the menu you want to display it on location of Primary Menu</li> </ol> </section> <section id="shortcodes"> <div class="page-header"><h3>Shortcodes</h3><hr class="notop"></div> <p><img class="img-doc" alt="" src="assets/images/shortcode.jpg" style="max-width: 80%;"></p> <h5>Iconbox Slider </h5> <p>This shortcode alows you add multiple iconbox to create slider</p> <img class="img-doc" alt="" src="assets/images/iconbox-slider.jpg" style="max-width: 80%;"> <ul> <li>Margin: Distance between item </li> <li>Slides Per View: The number of items you want to see on the screen. </li> <li>Autoplay: Yes / No </li> <li>Show Pagination Control: Yes / No </li> <li>Show prev/next buttons: Yes / No </li> </ul> <h5>Iconbox </h5> <p>This shortcode alows you create iconbox simple</p> <img class="img-doc" alt="" src="assets/images/iconbox.jpg" style="max-width: 80%;"> <h5>Iconbox List </h5> <p>This shortcode alows you create icon List</p> <img class="img-doc" alt="" src="assets/images/iconlist.jpg" style="max-width: 80%;"> <h5>Testimonial Slider </h5> <p>This shortcode alows you create Testimonial Slider</p> <img class="img-doc" alt="" src="assets/images/testimonial-slider.jpg" style="max-width: 80%;"> <h5>Title Section </h5> <p>This shortcode alows you create title for section</p> <img class="img-doc" alt="" src="assets/images/title-section.jpg" style="max-width: 80%;"> <h5>Team Member Slider </h5> <p>This shortcode alows you Testimonial Slider</p> <img class="img-doc" alt="" src="assets/images/testimonial-slider.jpg" style="max-width: 80%;"> <h5>Team Member </h5> <p>This shortcode alows you Team Member Slider</p> <img class="img-doc" alt="" src="assets/images/team-slider.jpg" style="max-width: 80%;"> <h5>Googe Maps </h5> <p>This shortcode alows you create Map, Change your address, Change Your Logo and heigh for map</p> <img class="img-doc" alt="" src="assets/images/shortcode-map.jpg" style="max-width: 80%;"> <h5>Imagebox Slider, Imagbox </h5> <p>This shortcode alows you create imagesbox slider and option Margin, Slides Per View, Slider Autoplay, Show Pagination Control, Show prev/next Buttons </p> <img class="img-doc" alt="" src="assets/images/shortcode-imagebox.jpg" style="max-width: 80%;"> <h5>Counter </h5> <p>This shortcode alows counter</p> <img class="img-doc" alt="" src="assets/images/shortcode-counter.jpg" style="max-width: 80%;"> <h5>Client Slider, Client </h5> <p>This shortcode alows you create image client</p> <img class="img-doc" alt="" src="assets/images/shortcode-client.jpg" style="max-width: 80%;"> <h5>Portfolio </h5> <p>This shortcode alows create portfolio.</p> <img class="img-doc" alt="" src="assets/images/shortcode-portfolio.jpg" style="max-width: 80%;"> <h5>Post </h5> <p>This shortcode alows you create blog post</p> <img class="img-doc" alt="" src="assets/images/shortcode-post.jpg" style="max-width: 80%;"> </section> <section id="sidebars_config"> <div class="page-header"><h3>Sidebars Configuration</h3><hr class="notop"></div> <p> This theme has some default sidebar to use:</p> <ol> <li> <strong>Blog Sidebar:</strong> This is the default sidebar, it will be displayed on the left or right of your blog depend on the sidebar layout option.</li> <li> <strong>Page Sidebar:</strong> This is the default sidebar for page, it will be displayed on the left or right of your page depend on the sidebar layout option.</li> <li> <strong>Header:</strong> This areas will be used to display widget search on header</li> <li> <strong>Footer Widget 1:</strong> This areas will be used to display on footer widgets 1</li> <li> <strong>Footer Widget 2:</strong> This areas will be used to display on footer widgets 2</li> <li> <strong>Footer Widget 3:</strong> This areas will be used to display on footer widgets 3</li> <li> <strong>Footer Widget 4:</strong> This areas will be used to display on footer widgets 4</li> </ol> <p> Beside the built-in sidebar areas, we provide a feature called "Custom Sidebar". With this feature, you can create unlimited sidebar areas. To create a custom sidebar, just navigate to <strong>Appearance > Widgets</strong> you will see the box "<strong>Create Widget Area</strong>" on the right. Please enter the sidebar title as you want and click to "<strong>Create</strong>" button, a custom sidebar will be created.</p> <p> <img alt="" src="assets/images/sidebar.png" style="width: 80%;"></p> </section> <!--<section id="advanced_settings"> <div class="page-header"><h3>Advanced Settings</h3><hr class="notop"></div> <p> Finance theme provides a special section which allows you to add custom CSS and Javascript into the theme. Just navigate to <strong>Appearance > Advanced</strong> and start adding custom code.</p> <p> <img alt="" src="assets/images/advanced-settings.png" style="width: 80%;"></p> </section>--> <section id="contact_form"> <div class="page-header"><h3>Contact Form</h3><hr class="notop"></div> <p> Contact form is not a built-in feature (for many reasons) so we recommend you should use a third-party plugin. The free one we suggest is <a href="http://WordPress.org/plugins/contact-form-7/" target="_blank">Contact Form 7</a> which can be used to add forms anywhere in your site!</p> <img alt="" src="assets/images/customizer-22.jpg" style="width: 80%;"> <div class="page-header"><h3>MailChimp for WordPress</h3><hr class="notop"></div> <code> <h3> subscribe </h3><br> <p> <p> <label>Subscribe to get the latest </label><br> <input type="email" name="EMAIL" placeholder="Enter your email address" required /><br> </p></p> <p> <p><br> <input type="submit" value="Sign up" /><br> </p></p> </code> <p> After install and config bellow code you please enter The API key for connecting with your MailChimp account.<a href="https://login.mailchimp.com/?referrer=%2Faccount%2Fapi%2F&wcookie=9e0f0d7b143d093ef46d" target="_blank">Get your API key here. </a></p> <p> <img alt="" src="assets/images/mail-chimp.png" style="width: 80%;"></p> </section> <section id="translation"> <div class="page-header"><h3>Translation</h3><hr class="notop"></div> <ol> <li>Download and install Poedit at <a target="_blank" href="https://poedit.net/download">https://poedit.net/download</a>. Open file <strong>FO.pot</strong> in "<strong>/wp-content/themes/FO/languages</strong>" folder and edit into your language. See <a target="_blank" href="https://make.WordPress.org/polyglots/teams/">WordPress in your language</a> for more details about file name.</li> <li>Open file <strong>wp-config.php</strong> in your WordPress root folder and add the line <strong>define('WPLANG', '');</strong> remember replace '' by the language you want. See <a target="_blank" href="http://codex.WordPress.org/Installing_WordPress_in_Your_Language">Installing WordPress</a> in Your Language for more details.</li> </ol> </section> <section id="credits"> <div class="page-header"><h3>Credits</h3><hr class="notop"></div> <h4>Images</h4> <ul> <li> <strong>Photos:</strong> The images used on the demo site are for demonstration purposes only and are not included in the download file. </li> <li> <strong>Icons Font</strong> <ul> <li><strong>Font-Awesome</strong> (<a href="http://fontawesome.io/" rel="nofollow">http://fontawesome.io/</a>)</li> </ul> </li> <li> <strong>Javascript</strong> <ul> <li>jQuery (<a href="http://jquery.com/" rel="nofollow">http://jquery.com/</a>)</li> <li>jQuery UI (<a href="http://jqueryui.com/" rel="nofollow">http://jqueryui.com/</a>)</li> <li>jQuery Countdown (<a href="http://hilios.github.io/jQuery.countdown/" rel="nofollow">http://rendro.github.io/countdown/</a>)</li> <li>jQuery CounterUp (<a href="https://github.com/bfintal/Counter-Up" rel="nofollow">https://github.com/bfintal/Counter-Up</a>)</li> <li>Flexslider (<a href="http://flexslider.woothemes.com" rel="nofollow">http://flexslider.woothemes.com</a>)</li> <li>Isotope (<a href="http://isotope.metafizzy.co/" rel="nofollow">http://isotope.metafizzy.co/</a>)</li> <li>WayPoints (<a href="http://imakewebthings.com/jquery-waypoints/" rel="nofollow">http://imakewebthings.com/jquery-waypoints/</a>)</li> <li>PrettyPhoto (<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</a>)</li> <li>Images Loaded (<a href="http://desandro.github.io/imagesloaded/" rel="nofollow">http://desandro.github.io/imagesloaded/</a>)</li> <li>FitVids (<a href="http://fitvidsjs.com/" rel="nofollow">http://fitvidsjs.com/</a>)</li> <li>OWL Carousel (<a href="http://owlgraphic.com/owlcarousel/" rel="nofollow">http://owlgraphic.com/owlcarousel/</a>)</li> </ul> </li> </ul> </section> </div> </body> </html>
[+]
assets
[-] .DS_Store
[open]
[+]
..
[-] index.html
[open]