MAGEEWP

Themes for WordPress

MAGEEWP

Themes for WordPress

Onetone-pro User Manual

1.Introduction

1.1Guide introduction

WordPress is web software you can use to create a beautiful website, blog, or app. We like to say that WordPress is both free and priceless at the same time. In this user guide you will find all required information to get your site up. It is mainly introducing how to use WordPress theme Onetone-pro to make one-page site and change demo date to what you need. Specific description of the various functional modules, features and principles will be written. If you are user for Onetone free, click to view free user manual.

1.2 Onetone-pro Introduction

WordPress is most likely to be the first platform that many take into consideration when setting up a website. It is a general trend in the world now. Onetone is a free responsive business theme based on HTML5 & CSS3. Keeping up with the latest web design trend, Onetone applies to the layout of one-page, which showcases all the essential features of your website on the Home page. Onetone can provide a way to satisfy and understand all of users’needs –even for a brand-new user. The basic sections designed for business purpose have already been built for you. onetone-pro

2. Compatibility

Onetone is compatible with the WordPress version 4.0 and later (PHP v.5.2.4 or greater; MySQL v.5.0.15 or greater). Most JavaScript enabled browsers will make our themes work with no issues. They are designed and optimized for desktops, tablets and smartphones. Currently we are testing themes in:
  • Google Chrome (Mac and PC)
  • Firefox (Mac and PC)
  • Internet Explorer 10 and later (also, we’re making sure that site remains readable in IE 9)
  • Safari (Mac and PC)
  • Opera (based on Blink/Chromium engine; Mac and PC)
  • Safari Mobile
  • Chrome (on iOS and Android)

3.Installation

3.1 Install WordPress Theme—Onetone

Onetone-pro is not for free.
  • After purchasing, check your mailbox and spam box, your will receive a letter from us. The letter provides the username and password for you.
  •  Logging in to our website
loggingin  
  • Go to “my themes” and find “Onetone” after logging in
  • Click “Download” in the list of “INSTALLABLE FILE“(Notice that only download from INSTALLABLE FILE)
download-theme  
  • Save it in your device

3.2 Upload Theme

You’ve downloaded the theme installation file. Log in your WordPress Dashboard-> Appearance -> Themes -> Add New. Click on ‘Upload’ -> ‘Browse’ ->Load the onetone.zip file you downloaded earlier ->click on ‘Install Now’. upload-theme-1    

3.3 Activate Theme

Appearance > Themes Hitting the correspondent “Activate” link for activate the theme.

4. Home Page

4.1 Assign Homepage

  Go to Dashboard>Pages>Add New>Title your new page “Blog” (or anything else you like) > Publish this page. reading-mini  
  • Navigate to the “Dashboard> Settings > Reading” interface
  • Check “A static page(select below)”
  • Please do keep the “Front page” empty.
home-assign  

4.2 Header Setup

Home Page Header Overlay—set homepage header as overlay style. home-page-header   The words in red box (the image below) are the site title and tagline. The site title and tagline can be changed associated with your own logo, style. So you can customize your site’s title and tagline to promote your business. header-content  
  • Click “Customize” in the top left of homepage
  • Click “Site Identity”
  • Edit it in site title and Tagline
Don’t check “Display Header Text” if site title and tagline are not needed site-identity   Remember to save and publish.

4.3 Background Options Setup

4.3.1 Slide Background

Slideshow can be set to section background, and slideshow only display in Section 1. slideshow   If you want to slideshow functioned as background, you need to click “Choose to display default slider instead of section contents here” in “Display slider instead in section 1“. slide1 Then go to Onetone Options->Slider, here you can:
Choose slideshow number (at most 5 pieces);
Change slideshow image;
Insert slideshow content;
Set slide speed. slider-section
Image: Remove the default picture -> Click “Upload” ->Choose your logo or image-> “Select”
Text: Some html and shortcode knowledge will be required if you want the text look well. Don’t break the default structure if you know a little about html and shortcode. Edit the text, take place the sample words.
Slide Speed: the default slide speed is 5000 milliseconds. To achieve the slideshow effects, you can set a time to control show procedure.  
Set “Enable Animation for Default section content” in Enable Animation. Animation  

4.3.2 Video Background

The theme allows you to insert a video as background for a section on the home page of your website. You can explain about your product or services through this video. banner    

Video Background —HTML Video Section

  • Click “ HTML5 Video Background Options” to expand;
  • In“mp4 video url” ,“ogv video url”or “webm video url“, input video url(at least in mp4&webm formats);
  • Upload an alternative image as poster(The video will display on the pc but not the mobile, you’d better upload an image for mobile phone display);
  • Set “Video Loop” to yes or no;
  • Set “Video Volume” from 0 to 1.
html5-video

Video Background —YouTube Video Section

  • Click in” YouTube Video Background Options” to expand;
  • In “YouTube ID for Video Background“, input Video ID, not url(pictured below);
  • Check “Choose to display video controls at bottom of the section with video background” in “Display Video Control Buttons” section;
  • Set “Video Fixed” yes or no
YouTube-options If you want to set YouTube Video as the section background, select “YouTube Video” in “Video Background Type”.
Otherwise,check “HTML 5 Video” to set as video background in “Video Background Type” In “Video Background Section“, set the order of video background section, and video section apply to any section. video-background-type Remember to click “save options”.

4.4 Section Order

Set each section’s location and it is more convenient to change section order. Just click it to expand, and select the location. 15 sections are available for you to choose. sections-order Notice: there are fixing 15 sections total  

4.5 Section 1—Banner

This section is designed for showing your “Banner”, your title, your slogan, etc. It usually consists of background and top bar. In addition, slideshow and video usually function as this part’s background for publicizing. banner This section is named as “Banner” by default,click “Section 1—Banner” to expand and edit it. 1 banner Hide Section
When the section is useless or unwanted,”Hide Section” can help you to hide the unwanted section so that it disappears in the homepage.Choose it when you want to hide the section.
Note that the following”Hide Section” appeared in the each section please reference here. hide section
Section Title
Insert title for this section, it appears at the top of the section. The following effect shows in the Team section, In general, section title can be set as empty for legibility. banner-title
Menu Title
This title will display in the header menu. If leave it empty, this section link would not be displayed in header menu. You can set it according to your requirements. menu-title
Menu Slug
The “slug” is the URL-friendly version of the name. It is usually all in lowercase and only contains letters, numbers, and hyphens since non-English words can’t be read well in some browsers. menu-slug
Section Css Class
This option is for the css advanced users, by using it, you will get various styles.  Leave it blank when you don’t need it.
Section Background
These Multiple color scheme feature makes your website attractive.
  • Select color -> select any color and any image that suits your business identity.
  • Click “Remove” -> Upload -> Check “Upload Files/Media Library” -> Click picture you want ->”Save”
set-sectionbackground  
Section Content
Default“and “Custom” are available for you to choose in “Section Content”
“Default”:fixed  layout,a simpler,less complicated mode with a set form ,language,and hierarchy.Enter the each column name when prompted
“Custom”:non-fixed layout,user can use html and shortcode to get more complex structure,so you’d better know and use html andshortcode well. Select the mode based on the actual situation.Then the following section will explain in detail how to use them. The explanation on how to set the “Default” and”Custom” appeared in the following section can consult here,each section layout is different but the steps is similar.
(1)Choose “Default” is simpler for the user who are not familiar with html and feel confused with the shortcode. banner-default
  • Select words color that suits your business identity
  • Insert sub-title for this section. It appears at the bottom of the section title
  • Set Button Text
  • Set Button Link
  • Choose Button target “self” or “blank”
  • Go to Fontawesometo find more icon codes to take place of the sample icons in “Social Icon”. (You simply need to copy the code and paste it into corresponding field in a menu item)
  • https://fortawesome.github.io/Font-Awesome/icons/
font-awesome-icon
  • Input Social Icon Link, as “http” or “https:// ***.com”.
  • Finally click on the‘Save Options’
 
(2)Choose “custom” is for the user who can use html and shortcode well. By clicking “Magee shortcodes” button to use Shortcode or use html to get various style for your homepage. custom

4.6 Section2—Slogan

This section is explanation module, setting is similar, and custom it according to your requirements. slogan-section
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area,
  • Click on “Section 2–Slogan” to expand the form
  • Check “Hide Section” if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
(1)Check “Default” in Section Content Model
Select words color that suits your business identity;
Insert sub-title for this section, it appears at the bottom of the section title;
Set Button Text;
Set Button Link, like “https://***.com”;
Choose Button Target “self” or “blank”;
Edit words in Description. slogan-default
(2)Check “Custom” in Section Content Model
Edit this part by using html and shortcode . custom
  • Finally click on the ‘Save Options’

4.7 Section 3—Services

This section is designed for you to introduce the services from your company, the features of your product, etc. service-section
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area,
  • Click on “Section3–Service” to expand the form.
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
(1)Check “Default” in Section Content Model service-default
Select color that suits your business identity;
Insert sub-title for this section. It appears at the bottom of the section title;
Go to Fontawesome to find more icons to take place of sample icon;
Upload image for this section. Leave it blank if you don’t need it;
Set Service Title;
Input title link;
Choose Link Target “self” or “blank”;
Edit words in Service Description.  
(2)Check “Custom” in Section Content Mode custom You can edit the section content by using html and shortcode.
  • Finally click on the ‘Save Options’ button.
 

4.8 Section 4—Gallery

This section is designed for you to display the pictures of your products, projects and provide relevant links for lead customers to other respective detailed pages, an effective way of showing and expanding your business。 gallery
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area
  • Click on “Section 4–Gallery” to expand the form
  • Hide the section if needed and vice versa
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
Click “Remove” -> Upload -> Check “Upload Files/Media Library” -> Click picture you want ->”Save”
  • Choose “Default” or “Custom” in Section Content Model
(1)Check “Default” in Section Content Model gallery-default
Select color that suits your business identity;
Insert sub-title for this section;
Remove the default picture and upload image you need;
Input title picture link;
Set link target “Blank” or “self”
(2)Check “Custom” in Section Content Mode custom Edit this part by using html and shortcode.
  • Finally click on the ‘Save Options’
 

4.9 Section 5—Our Team

The section mainly introduces your team to the public and shows your teammate to promote your business. team
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area
  • Click on”Section 5–Team” to expand the form
  • Hide the section if needed and vice versa
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
Click “Remove” -> Upload -> Check “Upload Files/Media Library” -> Click picture you want ->”Save”
  • Choose “Default” or “Custom” in Section Content Model
  (1)Check “Default” in Section Content Model team-default
Select color that suits your business identity;
Insert sub-title for this section, it appears at the bottom of the section title;
Set column number,”2″ “3” “4” are available for you to choose;
Upload avatar image;
Input relevant link, name and byline;
Edit description in description section;
Change social icons and add social icons’ link (at most 4).  
(2)Check “Custom” in Section Content Mode custom Edit this part by using html and shortcode.  

4.10 Section6—About

“About” section is a part to present the basic information of you or your company. Add a brief paragraph to introduce your business to let your customers get know your company and products quickly. Personal information is a part to show your contact information. about
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area
  • Click on “Section6–About” to expand the form
  • Check “Hide Section” if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
  (1)Check “Default” in Section Content Model about-default
Select color that suits your business identity;
Insert sub-title for this section, it appears at the bottom of the section title;
Edit your words in left content;
Edit your words in right content.  
(2)Check “Custom” in Section Content Mode
You can edit this part by using html and shortcode. custom
  • Finally click on the ‘Save Options’

4.11 Section 7— Testimonials

Testimonials section, a part to display the feedback from your customer, the section consist of customer’s suggestion ,their image and jobs, help other customer to judge your company, our products. Section 8 is the part to your clients’ information. test As the above picture show, it is the title and subtitle of testimonials.
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area
  • Click on “Section 7—Testimonials” to expand the form
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
  (1)Check “Default” in Section Content Model testimonial-default
Select color that suits your business identity;
Insert sub-title for this section. It appears at the bottom of the section title;
Select header background color;
Upload header background image.  
(2)Check “Custom” in Section Content Model custom Edit this part by using html and shortcode.
  • Finally click on the ‘Save Options’ button

4.12 Section 8—Custom

This part is designed for you to customize your own section, together with section 8 are an integral part of Testimonials. custom2  
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area
  • Click on “Section 8—Custom”to expand the form
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
  (1)Check “Default” in Section Content Model custom-default
Select color that suits your business identity;
Insert sub-title for this section. It appears at the bottom of the section title;
Set column number, “2” “3” “4” are available for you to choose;
Upload avatar image;
Input link, name and byline;
Edit description in description section.  
(1)Check “Custom” in Section Content Model
Edit the content by using html and shortcode if know html and shortcode well. custom
  • Finally click on the ‘Save Options’

4.13 Section 9—Contact

This section is designed for your customers to leave a message to you. contact
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area,
  • Click on “Section 9–Contact” to expand the form.
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
(1)Check “Default” in Section Content Model contact-default
Select color that suits your business identity;
Insert sub-title for this section. It appears at the bottom of the section title;
Add your email address to Your E-mail;
Edit in Button Text.  
(2)Check “custom” in Section Content Model
Edit this part by using html and shortcode. content-custom
  • Finally click on the ‘Save Options’
 

4.14 Section 10—Portfolio

The section,a showcase to display your products, your project ,also a way to showing your business in details. This part attaches more importance to the pictures’displaying. portfolio
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area,
  • Click on “Section 10—Portfolio” to expand the form.
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
(1)Check “Default” in Section Content Model portfolio-default
Select color that suits your business identity;
Insert sub-title for this section. It appears at the bottom of the section title;
Set column number, “2” “3” “4” are available for you to choose;
Set posts numbers that depend on your needs.
Change portfolio picture  adding-portfolio
  • Go to Dashboard->Portfolio->Add New
  • Title it in your post->Edit the post content
  • Go to Portfolio Gallery, upload the picture
  • Go to Featured Image, set featured image
  • Check “projects” in Categories if needed
  • Set order, the larger the number, the latest the post is. The latest number will appear on top.
portfolio-picture
  • Finally, remember to click “publish”.
portfolio2   The featured image is showing in the homepage. Click it, you will see the post content and portfolio gallery’s image.   It’s more useful and convenient to show your company, business since the pictures display in slideshow form, which is different from blog section. You’d better set appropriate size for your picture in advance so that it in aesthetic and practical combinations. Finally, remember to click “save all options”.  
(2)Check “custom” in Section Content Model
Edit this part by using html and shortcode. content-custom
  • Finally click on the ‘Save Options’
 

4.15 Section 11—Pricing

The section is designed for showing your products’ price and parameter list, which make your clients get a general impression on your products. pricing1
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area,
  • Click on “Section11—Pricing” to expand the form.
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
(1)Select “Default” in Section Content Model pricing
Click “Featured” to get unique word color
Set Font Awesome Icon and go to Fontawesome to find more icon codes
Upload Image Icon
Set pricing box title/currency/price/unit/features
Add button text
Input button link.  
(2)Check “custom” in Section Content Model
Edit this part by using html and shortcode. content-custom
  • Finally click on the ‘Save Options’

4.16 Section 12—Blog

Blog section can help you and your company publishes the latest passage, aim to bring you the newest financial news, industry updates, company new information. It much more focused on the passage-updating. blog
  • Go to Dashboard -> Appearance -> Onetone Options, navigate to Home Page area,
  • Click on “Section 12—Blog” to expand the form.
  • Hide the section if needed
  • Type in Section Title
  • Type in Menu Title
  • Type in Menu Slug
  • Amend background color or upload an image
  • Choose “Default” or “Custom” in Section Content Model
(1)Select “Default” in Section Content Model pricing
Select color that suits your business identity;
Insert sub-title for this section. It appears at the bottom of the section title;
Set columns number;
Set posts number. Notice: the blog is one of section in homepage, not singe-page. One blog, only one picture.    

Change blog’s content and picture


Go to Dashboard->Posts->Add New post-new
Title it for your post
Edit the content, shortcode and html can help to edit it.
Click “Set featured image” to add picture for your blog (at the bottom right of page)
Select the image to set featured image
Finally publish  
(2)Check “custom” in Section Content Model
Edit this part by using html and shortcode. content-custom
  • Finally click on the ‘Save Options’
 

4.17 Section 13—Section 15

There are 12 sections showing in the homepage, section 13, section14 and section15 are hidden. If you need more section, customize them. section13-15   NOTICE: Please refer to the above and the previous files if you want to customize it.  

5. General Options

general-options
Back to Top Button
Show or hide are available for you to choose.   top-top
Custom CSS
If you need add extra css codes, edit this part. The following css code will add to the header before the closing </head> tag. (The custom css is for the css advanced users.If you’ve some knowledge about CSS then you can add custom CSS to change the styling where you want to.)  
Tracking Code
Paste your Google Analytics (or other) tracking code here. This will be added into the header template of your theme. Please put code inside script tags. You can generate detailed statistics about the website’s traffic and traffic sources with the help of this section. To see what’s happening on your site, simply insert the tracking code in Tracking code section and save the changes.  
Space before </head>
Add code before the head tag.
Space before </body>
Add code before the body tag.
Tips: Click ‘Restore defaults’ to import default date if needed.

6. Header

header
Header Background Image
Set background for the header area, as follow header-background
100% Background Image
Click “yes”, the header background image display at 100% in width and scale according to the browser size Click “No”, the header background image will change its original size.  
Parallax Background Image
Turn on to enable parallax scrolling effect on the background image for header top positions.  
Background Repeat
Choose the way of background image’s repeating. “repeat”,” repeat-x”,” repeat-y”, “no-repeat” are available for you to choose.  
Header Top Padding & Header Bottom Padding
This option allows you to enter a numerical value to set the space header top and the header bottom. In pixels or percentage, ex: 10px or 10%.  
Top Bar Options
Top Bar is always above the header and banner. top-bar Here you can set
  • Display Top Bar (yes or no),
  • Background Color
  •  Left Content (info, sns, menu and none.)
  •  Right Content (info, sns, menu and none.)
  • Info ColorInfo Content and Menu Color also can be set in this option.
top-bar-options
  • Social Links, you can set 9 social icons and 9 social icon links.
  • Social Icons Color is unlimited.
  • Social Icon Tooltip Position can be set as” left” “right” and “bottom”.
social-links Attention: More social icon codes, you can get from http://fontawesome.io/icons/

7. Sticky Header

sticky-header Backing to top-level pages is a real problem when you are in emergency, yes? Don’t want to scroll all the way back up to the top to select a menu item, yes? With Onetone’s sticky header, you no longer have to do it. Your main menu and logo will always be at the top of the screen, automatically following. This makes it much easier for your viewers to quickly navigate through your site. sticky-header2
Enable Sticky Header on Mobiles” and “Enable Sticky Header on Tablets” can enable stick header to adjust to tablets and mobiles.
Sticky Header Menu Item Padding Set the distance between each menu item in the sticky header
Sticky Header Navigation Font Size Set the size of the menu item in the sticky header.
Sticky Header Logo Width Set logo width in the sticky header.

8. Logo

This option allows you to upload your own logo and favicon. The logo will display in the left of header. logo
Upload Logo Click “Upload” ->Choose your logo or image-> “Select” uploading-logo
Upload Logo (Retina Version @2x)
This option is designed for apple device, twice the size of the image displays in the other device.
Sticky Header Logo
Set logo for sticky header
Click “Upload” ->Choose your logo or image-> “Select”
Attention:
  • Select an image file for the retina version of the logo.
  • If retina logo is uploaded, enter the standard logo (1x) version width, do not enter the retina logo width. Use a number without ‘px’, ex: 40
  • If retina logo is uploaded, enter the standard logo (1x) version height; do not enter the retina logo height. Use a number without ‘px’, ex: 40
  • You can also set the left/right/top/bottom margin of the logo using a number without ‘px’, ex: 40
sticky-header-logo
Logo Left Margin/Logo Right Margin/Logo Top Margin/Logo Bottom Margin The option is setting the margin of logo, set it depend on your needs. margin  

9.Page Title Bar

  page-title-bar2 In the section, you can set:
  • Enable Page Title Bar yes or no;
  • Page Title Bar Top/Bottom Padding;
  • Page Title Bar Mobile Top/Bottom Padding;
  • Page Title Bar Background size;
  • Display breadcrumb yes or no;
  • Breadcrumbs on Mobile Devices;
  • Breadcrumb Menu Prefix;
  • Breadcrumb Menu Separator.

10. Typography

Onetone allows users to set custom, Google, standard fonts, and font sizes with a fully customizable Typography tab. You can find everything under the Typography tab that adapt to your website’s font style and sizes. typography-pro There are 600+ Google fonts available in Onetone theme, only for onetone-pro. You can choose your style fonts for your websites. The Standard Fonts let you choose among the standard font families that are readily available in almost all computers.
Select Body Font Family – Affects the font style of all text within your website that does not have a special, custom option.
Select Menu Font -Affects the font style of all navigation or menu items on your website. This does not include submenu items.
Select Headings Font – Affects the font style of all headings on your website.
Select Footer Headings Font – Affects the font style of all footer headings on your website.
Select Button Font – Affects the font style of all button texts on your website.
IMPORTANT NOTE – Filling out the Google Fonts options will override the Standard Fonts settings. Set the Google Fonts settings to none to enable Standard Fonts settings. – Always click “Save Changes” in theme options to save your custom settings

11. Styling

styling Here you can set:
  • Primary Color
  • Background Colors
  • Elements Colors
  • Layout Options
  • Fonts Colors
  • Main Menu Colors
Primary Color
Primary Color is the color style of the whole site; it is the default color in somewhere in site like link hover color. Please below effect for your reference. primary-color-setting Background /Element /Font /Main Menu Colors
  • Navigate to the Appearance> Onetone Options > Styling
  • Select a color by clicking the SelectColor button. Enter the hexcode of your desired color or use our built in color picker tool.
  • Set the Opacity by entering a numerical value in the Opacity field. Choose from 0, which makes it transparent, to 1, which makes it opaque.
Layout Options You can set a global top and bottom padding for the page content in Appearance> Onetone Options > Styling tab under the Layout Options section.

12. Sidebar

sidebar Onetone offers both single and dual sidebars layout. Onetone includes a powerful set of options to achieve this throughout the theme. It allows single or dual sidebars, or no sidebars. There are two sidebar dropdown fields that allow you to make these selections; Left Sidebar and Right Sidebar.
Blog Posts – the single post pages that are created for each blog post.
Blog Archive / Category Pages – any cat/arch pages created for blog posts.
Search Page – the search results page that displays when a search is performed.
404 Page – the 404 results page that displays when a page doesn’t exist.

13. Slider

Refer to 4.3.1
 

14. Footer

footer Here you can: (1)Set footer
  • Display footer widgets
  • Set Number of Footer Columns (at most 4 columns)
  • Upload Background Image
  • Set Background Image width
  • Set Background Image showing effect
  • Specify Background Position
  • Footer Top/Bottom Padding

(2)Set Copyright Options
Edit Copyright Text,html markup can be used.
Set Copyright Top/Bottom Padding copyright-options If you check” Enable Footer Widgets Area”, the widgets area will appear in the bottom of the page. footer-display

14.1 Widgets Area

widgets-area You can add limited number of widgets to widgets areas. By default, there are 4: default sidebar, available widgets, sidebar and footer area. Widgets can be ordered by dragging them with your mouse. Fill sidebar title and hit the “save” button in the right side of the page. New widget will appear in the widget area list. You can also remove widget area by clicking the “delete” link inside the correspondent widget area.

15. 404 page

page404 404 page will appear when the given page can’t be found. HTML codes are required in this section; you’d better edit it in text mode. Don’t break the default structure if you are not familiar with the html codes.

16. Blog

You can set blog archive list content in this part. Whole blog and blog excerpt are available for you to choose. blog-section

17. Onetone Child Themes

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme. With wide range of professionally designed child themes, Onetone allows users to customize whatever style they want. Perfect for corporate people, suitable for any type of business, built for any needs, As one of the best one page wordpress themes, Onetone offers the possibility to showcase a one page website with more than one face. child themes

How to Install Child Themes

  • After purchasing, check your mailbox and spam box, your will receive a letter from us. The letter provides the username and password for you.
  •  Logging in to our website
  • Go to ‘Member’ > ‘Orders’.
  • Click “All Files Package” .
download-theme
  • Save it in your device
  • You’ve downloaded the child theme file. Log in your WordPress Dashboard-> Appearance -> Themes -> Add New.
  • Click on ‘Upload’ -> ‘Browse’ ->Load the zip file you downloaded earlier ->click on ‘Install Now’.
  • Hitting the correspondent “Activate” link to activate the theme.

Notice

To enable child themes , do keep Onetone free version installed in your devices, since functionality of child themes depend on parent themes.

18. About Onetone

The part is a briefly introduction on WordPress theme—onetone. You can click each module to get more information. There will have a guide for the user who wants to get support, and know more about WordPress. about-onetone

19. Post & Pages

Even for a business website, a blog can become a central component, despite your website having a static homepage. You can use your blog to drive more visitors to your website, which in turn has the ability to generate more leads and help your business grow faster. In addition, Onetone is not a single-page template, so you can also add more pages to your site with our theme.

19.1 Create a page

To edit your site’s pages, click the Pages menu in your dashboard new-page Go to Dashboard ->Pages ->Add New ->Publish
  • Click Add new located on the right side of the screen.
  • Title your new page.
  • Edit some words in content section; by using shortcode to getting more page style (suggest your editing in “Text” mode).
  • Finally, remember to click publish. (When you’re ready to publish, you can either publish immediately to save this or a draft, or schedule the page to be published later.)
 

19.2 Onetone Metabox Options

metabox-options This page allows you to specify default settings for pages area:
  • Depend on content full width “Yes” or “No”, “Full width” option will page content utilize 100% of site content width;
  • Display breadcrumb yes or no;
  • Page size (padding top and padding bottom);
  • Select layout of page area (sidebar position).
 

19.3 Assign Blog List Page

If you would like to have a blog, you have the option to set up a separate page to display your recent posts elsewhere on your site.
  • Go to Dashboard>Pages>Add New>Title your new page “Blog” (or anything else you like) > Publish this page.
  • Navigate to the “Dashboard> Settings > Reading” interface
  • Check “A static page(select below)”
  • In the “Posts page” section choose “Blog”or name you create. Selectors choose the page that you have created to be the Homepage.
  • Finally, save all options.
Attention!!! In this section, you can add more pages, links, and blog into header.

19.4 Create a new post

To edit your site’s posts, click the Postss menu in your dashboard creating-post Go to Dashboard ->Posts ->Add New ->Publish
  • Click Add new located on the right side of the screen.
  • Title your new post.
  • Edit some words in content section; by using shortcode to getting more page style (suggest your editing in “Text” mode).
  • Finally, remember to click publish. (When you’re ready to publish, you can either publish immediately to save this or a draft, or schedule the page to be published later.)
Then this blog post would appear in posts list.

20.Menus

20.1 Add blog link to homepage main menu

You can see “Blog” appear in the header. blog displaying Refer to 19.2, you have already created a new page called “blog” and go to Settings ->Reading to set the page as Posts Page.
  • Then go to Appearance >Menus
  • Check Blog to Add to Menu
  • Check Home Page Header Menu
  • Save changes menus
 
  • Finally, click “Save Menu” button.

20.2 Home Page Header Menu

Not only coulde you add blog in this section, but also other pages, posts, links can add to the homepage menu.
Check Home Page Header Menu, Menu Title can be displayed in homepage’s menu. If you have added menu item into Home Page Header Menu, those items will appear after all sections’menu title. And it only appears in homepage; edit it in Appearance/Menus.You could not only add blog, but also other pages, posts, links to the homepage menu.

20.3 Primary Menu

Primary menu would display in all pages & posts excerpt for homepage. You could also create a new menu and save it as primary menu through Appearance->Menus.  primary-menu
 

21. Technical Support for WordPress

Onetone offers a number of avenues for reaching helpful, individualized support. Our technical support will help you get straight to the right source, so that you can get the quickest, most accurate answer to your question!
Here you can get technical support ASAP:
Company website: https://www.mageewp.com
Email: support@mageewp.com
Facebook: https://www.facebook.com/MageewpSupport/
Forum: https://www.mageewp.com/forums