Electronics Store WordPress Theme Documentation
Introduction
I'm grateful for installing our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.
What is WordPress CMS?
WordPress is an open source tool which is based on MySQL and PHP to create websites. It is a completely free CMS, or content management system and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of its varied aspects like it’s easy usage and flexibility.Learn More
What is a WordPress template
A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, You can modify the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.
Files structure
The template package you have downloaded consists of several folders. Let's see what's in each folder:
-
Screenshots : contains template screenshots. Not for production.
-
Theme : contains files for WordPress themes.
-
electronics-store.zip: this folder contains all the necessary files for a theme.
-
license.txt : contains license details.
-
readme.txt : contain information about theme images path and font use and usage scritps.
Template Installation
Template installation is very easy process.
Step 1.Installation Of A Theme
First thing you need to do is access your WordPress admin dashboard.. Next, click on
All installation steps can be done within WordPress interface. It makes process comfortable and fast.
visit to the menu click on Appearance click on Themes.
Once you are on the Themes activation page, click on the Insert New link.
To upload a theme, click the link..
Toggle Browse link then select your electronics-store.zip theme and to install now, click the link.
WordPress will now install your theme and show you a success message along with the activated connection or live preview.
Congratulations, your theme have been successfully installed!
Step 2. Install a Theme using FTP
The additional installation choice you have is too FTP-upload the theme. For this method first sign into your site using FTP and browse to your themes folder located at wp-content. After downloading a theme, extract and upload only the extracted Total folder to your server.
Next access your WordPress admin dashboard and navigate to the Appearance Themes to start.
Theme Setup
Once you view your site after activating the theme, You will see the index page with the latest post. Now you will need to setup the front page template to show all the demo section on your front page.
Setup front page Template
Follow these instructions to setup front page.
1. To establish a template, Establish a Page : visit Dashboard Pages Insert New Page.
2. Set front page: visit Setting Reading Set front page presentation static page to the front..
After completing this, you may access the top page's demo material.
Setup Theme Layout
Being able to proceed with Theme Layout Setup.
1. Site Layout:
visit Appearance click on Customize click on Theme setting click on Theme Layout setting
Select the site layout which you want, it has three site layouts
1. Full Layout: In this, theme will appear as deafault.
2. Contained Layout: In this, theme will appear as it is in the container-fluid.
3. Boxed Layout: In this, theme will appear as it is in the box container.
Suppose, Full layout selected then it will seems like below screenshot.
Suppose, Contained layout selected then it will seems like below screenshot.
Suppose, Boxed layout selected then it will seems like below screenshot.
2. Sidebar Layout:
visit Appearance click on Customize click on Theme setting click on Theme Layout setting
You can select the sidebar layout from here.
Setup Color/Font Pallete
Being able to proceed with Color/Font Pallete.
visit Appearance click on Customize click on Theme setting click on Color/Font Pallete
1. Color: You Can Here change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.
2. Fonts: You Can Here change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.
3. Font Size: You Can Here change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.
Their customizer settings are like below screenshot.
Setup Top Header
Being able to proceed with Top Header Area,
visit Appearance click on Customize click on Theme Settings click on Top Header
1. Show/hide Topbar: Now You have an option for show/hide Topbar.
2. Show/hide Sticky Header: Now You have an option for Show/hide Sticky Header.
3. Sticky Header Padding: Now You have an option for Show/hide Sticky Header Padding.
4. Add Shipping Text: Now You have options to add Add Shipping Text.
4. Add FAQs Text: Now You have an option to add FAQs Text.
6. Add Contact Text: Now You have options to add Contact Text.
7. Add Sale Text: Now You have options to Add Sale Text.
8. Add Guarantee Text: Now You have options to add Add Guarantee Text.
9. Add Wishlist URL: Now You have options to add Wishlist URL.
10. Navigation Case: Now You have options to add Navigation Case.
In this manner, you can add top header.
13. Preloader:
visit Appearance click on Customize click on Theme setting click on Header
You can select the Theme Preloader from here.
Setup Slider
visit Dashboard click on Pages click on Insert New Page
In this manner, you can add slider page.
Being able to proceed with slider page
visit Appearance click on Customize click on Theme Settingsclick on Slider Settings
you can create slider section
SETUP PRODUCTS
Being able to proceed with Products Section,
visit Dashboard Products Add New Category
Installed Woocommerce plugins
visit Dashboard Plugins Add new and Installed plaugins
visit Customizer click on Theme Settings click on Product Sction
In this manner, you can add Products section.
Setup Post
Being able to proceed with Post Section,
visit Dashboard Posts Add New.
Add new post and select the newly created category.
visit Customizer click on Theme Settings click on Post Settings
1. Enable / Disable Post Date: Now You have an option to Enable / Disable Post Date.
2. Enable / Disable Post Author: Now You have an option to Enable / Disable Post Author.
3. Enable / Disable Post Comments: Now You have an option to Enable / Disable Post Comments.
4. Enable / Disable Post Time: Now You have an option to Enable / Disable Post Time.
5. Enable / Disable Featured Image: Now You have an option to Enable / Disable Featured Image.
6. Featured image border radius: Now You have an option to Select border for image.
7. Featured image box shadow: Now You have an option to Select image box shadow.
8. Post Content Type: Now You have an option to Add text for Button.
9. Top Bottom Button Padding: Now You have an option to add padding for top and bottom.
10. Left Right Button Padding: Now You have an option to add padding for left and Right.
11. Button Border Radius: Now You have an option to add Border Radius for Button.
In this manner, you can add post section.
Setup Single Post
Being able to proceed with Single Post Section,
visit Customizer click on Theme Settings click on Single Post Settings
1. Enable / Disable Feature Image: Now You have an option to Enable / Disable Feature Image.
2. Enable / Disable Tags: Now You have an option to Enable / Disable Tags.
3.Enable / Disable Comment: Now You have an option to Enable / Disable Comment.
4. Comment Textarea Width: Now You have an option to Add Width for Comment Textarea.
5. Comment form Title: Now You have an option to add Comment form Title.
6. Comment Button Text: Now You have an option to add text for Button.
7. Next Navigation Text: Now You have an option to add text for Next Navigation.
7. Previous Navigation Text: Now You have an option to add text for Previous Navigation.
9. Enable / Disable Related Posts: Now You have an option to Enable / Disable Related Posts.
10. Related Posts Title: Now You have an option to add Related Posts Title.
11. Related Posts Count: Now You have an option to add Related Posts Count.
In this manner, you can add single post section.
Setup Footer
Being able to proceed with Footer,
visit Appearance >> Widgets >>
visit Appearance click on Customize click on Theme Settings click on Footer Section.
Being able to proceed with Footer Section,
1. Show/Hide Top Button: Now You have an option to Show/Hide Back to Top Button.
2. Back to Top Icon: Now You have an option for Back to Top Icon.
3. Back to Top Button Text: Now You have an option to Back to Top Button Text.
4. Back to Top Button Alignment: Now You have an option to Alignment of Back to Top Button like Right , Center , Left.
5. Footer Background Color: Now You have an option to Selecting Background color for footer.
6. Footer Background Image: Now You have an option to Selecting Background image for footer
In this manner, you can add footer section.
Setup Copyright
Being able to proceed with copyright Section,
visit Appearance click on Customize click on Theme Settings click on Copyright Section.
Being able to proceed with copyright Section,
1. Copyright Alignment: Now You have an option for Copyright Aligntment like Center , Left , Right.
2. Copyright Font Size: Now You have an option for Font Size of Copyright.
3. Copyright Top Bottom Padding: Now You have an option to Top Bottom Padding of Content for Copyright.
In this manner, you can add copyright text.
Setup 404 & No Result Page
visit Appearance click on Customize click on Theme Settings click on 404 & No Result Page Section.
Being able to proceed with 404 Section.
1. 404 Page Title: error 404 page has a page title not found.
2. 404 Page Text: error 404 page has a page Contain not found
3. 404 Page Button Text: error 404 page Text of Button not found
4. No Result Page Title: error site title not found
5. No Result Page Text: error site contain not found
WooCommerce Plugin
First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to visit WordPress admin and visit Plugin.
You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.
Setup WooCommerce
visit Appearance click on Customize click on Theme Settings click on Additional WooCommerces Options.
Being able to proceed with Additional WooCommerces Options.
1. Product per row: Now You have an option to add Number Of Product in one Row.
2. Product per page: Now You have an option to add Number Of Product in one single page.
3. Product Catlog: You Can Here Choose Product what to display on the main shop page..
4. Category display: Now You Choose product category to display on product category pages.
5. Default product sorting: Here the products be sorted in the catalog by default? .
6. Product Images: Now You have an option to selet the product image.
7. Checkout: Now You change the appearance of the WooCommerce checkout.
8. Company name field: Now You have an option to add company name field.
8. Address line 2 field: Now You have an option to select Address line 2 field .
9. Phone field: Now You have an option to select Phone field.
10. Privacy policy page: Now You have an option to select privacy policy page.
11. Terms and conditions page: Now You have an option to select privacy policy page.
Setup Menus
See this screenshot for better understanding.
Page Templates and Sidebars
Page Templates
Posts, Categories and Post Formats
Adding category
Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel
Click the Publish button.
Go to Appearance click on Customize click on Theme Settings click on Post Setting
Being able to proceed with Post Section, 1. Enable / Disable Post Date: Now You have an option to Enable / Disable Post Date. 2. Enable / Disable Post Author: Now You have an option to Enable / Disable Post Author. 3. Enable / Disable Post Comments: Now You have an option to Enable / Disable Post Comments. 4. Enable / Disable Featured Image: Now You have options to Enable / Disable Featured Image. 5. Featured image border radius: Now You have options to add border radius for featured image 6. Featured image box shadow: Now You have an option to add box shadow for featured image. 7. Post Content Type: Now You have an option to post content type like showing content full or Excerpt Content. 8. Post Button Text: Now You have an option to add text for post button. 9. Top Bottom Button Padding: Now You have an option to add top bottom padding for post button. 10. Left Right Button Padding: Now You have an option to add left right padding for post button. 8. Button Border Radius: Now You have an option to add border radius for post button. 10. Post Navigation Type: Now You have an option to add post button navigation type , Next/Prev Button.
Creating a Blog post
Custom Widgets
Setup Header
Being able to proceed with header section,
visit Appearance click on Customize click on Site Identity
You Can Here add logo and also You can modify the logo width.