- Introduction
- Installation
- Premium Plugins
- WooCommerce
- Initiate Steps
- How To
- Child Theme
- Theme Update
- FAQs
-
@ 2016 Copyright JWSThemes
Get Started
Introduction
- Created: 15-Jul-2016
- By: JWSThemes
- My profie: http://themeforest.net/user/jwsthemes
- Support Center: https://jwsthemes.ticksy.com
- Email: [email protected]
- Click Here View Alibaba Live Demo Site
Thank you for purchasing Alibaba WordPress Theme. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Alibaba Theme.
If you are unable to find your answer here in the documentation, please contact us on our Support Center or directly from our themeforest account
Thanks so much for purchasing our Theme. It's our pleasured of making your choice. We hope that you would enjoy it!
To download the ALIBABA theme, please log in your ThemeForest account and then go to ThemeForest download page. Locate to Alibaba theme and then download the installable WordPress file only.
Installation
Theme Installation via WordPress
When you download the theme from Themeforest, you will get an archive file in .zip extension.
You need to unzip that archive. When done, you should see Alibaba.zip (zip file name can be changed from version to version).
Please, follow the steps below to install Alibaba Theme.
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme ( see screenshots below ).
Step 3 - Click on Upload button at the top of the screen.
Step 4 - Choose Alibaba.zip.
Step 5 - Wait while the theme is uploaded and installed then activate the theme.
Step 6 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).
Step 7 - Select all the plugin,change Bulk Actions drop to Install then click apply ( see screenshots below ).
Step 8 - Congratulation you are ready to use Alibaba, check the Initiate Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.
Common Theme Installation Problems
“Are you sure you want to do this?”
If you get the “Are you sure you want to do this” message
when installing Alibaba.zip file via WordPress, it means you have an
upload file size limit. Install the theme via FTP if this happens, or
ask your hosting company to increase the limit.
Missing stylesheet file
If you get an error saying that the stylesheet is missing,
then you have uploaded the wrong folder. Please check that you are
uploading the Alibaba.zip within the Theme Files folder. You have to
unzip the file that you download from Themeforest to find this.
If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.
When you download the theme from Themeforest, you will get an archive file in .zip extension.
You need to unzip that archive. When done, you should see Alibaba Folder(folder name can be changed from version to version).
Please, follow the steps below to install the theme via FTP:
Step 1 - Log into your hosting space (server) via FTP client.
Step 2 - In extracted archive folder, find Alibaba folder
Step 3 - Upload the Alibaba folder to your server in path .../wp-content/themes/.
Step 4 - The uploaded path should be like this: .../wp-content/themes/Alibaba/
Step 5 - Login to your WordPress Dashboard and go to Appearance > Themes and activate the Alibaba Theme.
Step 6 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).
Step 7 - Select all the plugin,change Bulk Actions drop to Install then click apply ( see screenshots below ).
Step 8 - Congratulation you are ready to use Alibaba, check the First Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.
Additional Links
Before importing the dummy data Make sure you have all the plugin installed (if you want to use portfolio, team, testimonial, packages and woocommerce. You make sure to install all first ).
Error or Problem with Import of the Demo
If you have problems importing the demo ( example :
infinite loading, error 505 with when using wordpress importer ) then
you may have a problem with the server settings. Please create ticket in Our Support Center.
Step 1 - Log into your WordPress Dashboard.
Step 2 - Install and Activate All Plugin.
Step 1 - Log into your WordPress Dashboard.
Step 2 - Go to Theme Options > Import/ Export.
Step 3 - Then Click on Import Demo
Step 4 - The Dummy content is really big and may takes more then 30 minutes to import depending where you are living, Do not interrupt/cancel the import process!
Step 6 - Done!
This video tutorial shows you how to Import Data Alibaba Theme with just one click.
If you would like to learn the best practice of using Alibaba theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from Themeforest and following these steps.
If the script auto importing demo data doesn't works with your host, we had included demo data within the theme files, take a look at the folder /dummy-data
3.1. WordPress Importer
Step 1 - Log into your WordPress Dashboard.
Step 2 - Go to Tools > Import. Then click on WordPress ( bottom of the list ).
Step 3 - A window should appear click the Install now button which is on bottom right.
Step 4 - Click Activate
plugin & Run Importer. Then choose the content.xml file and
click upload file and import Do not interrupt/cancel the import process!
Step 6 - Done! But you still need to set the Menu, Homepage.
The importer should be run only once. If something went wrong and you need to import the content again, you may need to reset your WordPress.
Use this plugin to reset the WordPress database : http://wordpress.org/plugins/wordpress-database-reset/
Step 1 - Log into your WordPress Dashboard.
Step 2 - Go to Slider Revolution and import slider.
Step 1 - Log into your WordPress Dashboard.
Step 2 - Go to Theme Options > Import/Export and import theme options.
Step 1 - Log into your WordPress Dashboard.
Step 2 - Install plugin Widget Importer & Exporter.
Step 3 - Go to Tools > Widget Importer/Exporter and import widget.
If you have problems importing the demo ( example :
infinite loading, error 505 with when using wordpress importer ) then
you may have a problem with the server settings. Please create ticket in Support Center.
Premium Plugins
Visual Composer
This plugin is packaged with compilation of some addons, helps you to build any layout you can imagine with intuitive drag and drop editor – no programming knowledge required.
Learn more detailed information and support of this plugin at: https://vc.wpbakery.com/
Visual Composer is the most popular drag and drop editor for Wordpress.
If you need dedicated support for this component, please visit: Visual Composer on Code Canyon
Here is Documentation of Visual Composer guide.
This plugin is packaged with compilation of some addons, helps you to build any layout you can imagine with intuitive drag and drop editor – no programming knowledge required.
Learn more detailed information and support of this plugin at: https://vc.wpbakery.com/
Alibaba theme includes the premium plugin - Revolution Slider.
Once you've installed and activated the Revolution Slider
plugin, you will then see the menu item appear at the bottom of the
WordPress menu, as below:
You can import the revolution slider we used in our demo, all slider are in the slider folder. To learn more about the Revolution Slider plugin please read the Plugin documentation
WooCommerce Plugin
1. Install & Activated
Alibaba themes is 100% compatible with the WooCommerce plugin for WordPress. It includes full design integration of the WooCommerce pages, shortcodes and widgets.
If you want to use Woocommerce you will have to install the plugin, to do so go to Plugins > Add New , search for Woocommerce.
The Plugin you need to install is WooCommerce - excelling eCommerce by WooThemes
For full documentation visit the following websites:
Initiate Steps
General Options
- Less Design: To use the less design features.
- Layout: To modify Body layout with wide or boxed.
- Body Background: To modify Body background with image, color, etc.
- Smoothscroll: To Enable/Disable Smoothscroll.
- Footer Top Margin: To modify margin for footer top.
- Footer Top Padding: To modify padding for footer top.
- Footer Top Background: To modify background with image, color, etc.
- Footer Bottom Padding: To modify padding for footer bottom.
- Footer Bottom Background: To modify background with image, color, etc.
- Margin: To modify margin for title bar.
- Padding: To modify padding for title bar.
- Background: To modify background with image, color, etc.
- Show page title: Choose whether or not you want to show page title.
- Typography: To modify value of Font Family, Font Subsets, etc for title text.
- Delimiter: To modify Delimiter of page breadcrumb in title bar.
- Body Font Options: To modify value of Font Family, Font Subsets, etc.
- H1 - H6 Font Options: To modify value of Font Family, Font Subsets, etc.
You can enable Less Design, change Body Layout, change Body Background and enable Smoothscroll in the Theme Options. Please, follow the steps below to change general options.
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Theme Options > General .
Step 3 - Choose which part of the theme you want to modify.
Step 4 - When you have finish to customize the general options don't forget to save
Step 1 - Go to Settings > Reading in your WordPress Dashboard panel.
Step 2 - Set "Front page displays" to a "Static Page".
Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page.
Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme.
Step 5 - Save changes.
Step 1 - Login to the WordPress Dashboard.
Step 2 - From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.
Step 3 - Select Create a new menu at the top of the page.
Step 4 - Enter a name for your new menu in the Menu Name box.
Step 5 - Click the Create Menu button.
Your menu is now defined, and you can now add pages to it (steps below).
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.
Step 1 - Locate the pane entitled Pages.
Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Step 3 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.
Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Step 5 - Click the Save Menu button once you've added all the menu items you want.
Your custom menu has now been saved.
Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.
Step 1 - Go to Appearance > Menus and click Manage Locations.
Step 2 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.
Step 3 - Click the Save Changes button.
Alibaba features Mega Menus. The mega menus are available only for top level navigations items only in "Main Menu" area.
Follow the steps below to create a mega menu:
Step 1 - Add a an item to the menu editor. This has to be a top level item!
Step 2 - Click on arrow icon in the top right-hand and exapnd.
Step 3 - Seclect the columns number you want to use (from standard to 6) in Submenu Type.
Step 4 - Now, you need to add child menu items, which will represent columns in the mega menu.
First level of child items will represent Titles in each of 3 columns.
Add 4 sub child menu items.
Step 5 - Now, add child items
to each of those columns. This will represent your actual sub-menu
pages. Take a look at the image below.
The menu dropdown should now look something like this :
Step 6 - If you want to Remove the Titles (First Column, Second Column Third Column) Go back to the Mega menu setting and check Hide Mega Menu heading.
Step 7 - Adding Widget / Image to the
Menu. To do this first you need to have a Widget set with some widget (
you can create new sidebar go to Appearance > Widget ). Menu doesn't work with all the widget, but works will all Alibaba Widget and Default WordPress Text Widget
Step 8 - When you have set your sidebar with widget click on the sub child menu you want to turn into widget area ( we will turn the third column into a widget area), make sure it doesn't have sub menu
Step 9 - Enter class icon FontAwesome for icon input. Ex: fa fa-heart.
Step 10 - DropDown menu align with Dropdown Align select(Alignleft, Alignright, Aligncenter, Fullwith, Auto).
Step 11 - Choose image for DropDown menu Background Image.
You can upload your logo image in the Theme Options. Please, follow the steps below to upload your logo & & favicon:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Theme Options > Logo.
Step 3 - Upload a Logo & Favicon ( Used For normal header ) and a Logo ( Used for Stick Header ).
You can upload your favicon image in the Appearance. Please, follow the steps below to upload your favicon:
Step 1 - Go to Appearance > Customize > Site Identity.
Step 2 - Upload your favicon. Should be a Png/Gif image.
Follow the steps below to find out how to change the page options:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Theme Options > Page .
Step 3 - Choose whether or not you would like to show page comments.
Step 4 - When you have finish to customize the color don't forget to save.
For each page you can change the title style, title background color, select to use a slider and much more! Check the screenshot and read the documentation to see how it works
2.1. Header Setting
Select Header - Select header layout for page.
Logo - Select an image logo for page.
Stick Logo - Select an image stick logo for page.
Select Menu - Select menu for page.
Select Position - Select position menu for page.
Disable Stick Menu - Disable Stick Menu for page.
Body Layout - Select Background title bar for page.
Select Footer - Select footer layout for page.
Show Footer Top - Show or hide footer top for page.
Show Footer Bottom - Show or hide footer bottom for page.
Take a look at Set Homepage section.
Follow the steps below to find out how to change the Archive Post:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Theme Options > Post Setting .
Step 3 - Choose which part of the Blog you want to modify.
Select Layout - Select layout for Archive Post.
Image Default - Select an image for Feature post.
Crop Image - Choose whether or not you would like to crop the image of post on your Archive Post.
Image Width - Enter the value of the width of image on your Archive Post.
Image Height - Enter the value of the height of image on your Archive Post.
Show Post Title - Choose whether or not you would like to show title of post on your Archive Post.
Show Post Info - Choose whether or not you would like to show info of post on your Archive Post.
Show Post Description - Choose whether or not you would like to show description of post on your Archive Post.
Excerpt Length - Insert the number of words you want to show in the post excerpts.
Excerpt More - Insert the character of words you want to show in the post excerpts.
Select Layout - Select an image for Feature post.
Select Layout - Select an image for Feature post.
Select Layout - Select layout of Single Post.
Crop Image - Choose whether or not you would like to crop the image of post on your Single Post.
Image Width - Enter the value of the width of image on your Single Post.
Image Height - Enter the value of the height of image on your Single Post.
Show Post Title - Choose whether or not you want to show Post Title.
Show Social Share - Choose whether or not you want to show Social Share.
Show Post Info - Choose whether or not you want to show Post Info.
Show Post Navigation - Choose whether or not you want to show Post Navigation.
Show Post Tags - Choose whether or not you want to show Post Tags.
Show Post Author - Choose whether or not you want to show Post Author.
Show Post Comment - Choose whether or not you want to show Post Comment.
Show Post Related - Choose whether or not you want to show Post Related.
Show Post Tags - Choose whether or not you want to show Post Tags.
Step 4 - When you have finish to customize the color don't forget to save.
Sidebar Position - Select sidebar position in page Archive products.
Columns - Enter number columns you want to display.
Columns for Fullwidth - Enter number columns you want to display for fullwidth.
Products Per Page - Enter number products per page.
Show.. - Choose whether or not you want to show Result Count, Catalog Ordering, Pagination, ..
Sidebar Position - Select sidebar position in page single product.
Show.. - Choose whether or not you would like to show Product Title, Product Price, Product Rating, ..
Alibaba comes with 05 footer style.
Follow the steps below to find out how to change the footer:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Theme Options > Footer .
Step 3 - Select the footer layout.
Step 4 - Go to Appearance > Theme Options > Footer > Footer Header / Footer Top/ Footer Bottom . Choose which part of the footer you want to modify.
Step 5 - When you have finish to customize the color don't forget to save.
Follow the steps below to find out how to change the title bar:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Theme Options > Title Bar .
Step 3 - Choose which part of the title bar you want to modify.
Step 4 - When you have finish to customize the color don't forget to save.
Follow the steps below to find out how to change the Typography:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Theme Options > Typography .
Step 3 - Choose which part of the typography you want to modify.
Step 4 - When you have finish to customize the color don't forget to save.
The theme comes with 29 sidebars:
The theme comes with an extensive Theme Options Panel. From the Theme options panel you will be able to set or change the color of the theme, layout, header style, social icons and a lot more. You should take the time to go through all of these options to ensure that you are getting the most out of the theme. Click Theme Options to access the Theme Options Panel.
General Setting
Less Design - Use the less design features.
Layout - Body layout with wide or boxed.
Body Background - Body background with image, color, etc.
Smoothscroll - Enable/Disable smoothscroll.
Favicon (short for "favorites icon") - is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually.
Logo Text - is a text adopted by an organization to identify its products, uniform, vehicles, etc.
Logo Image - is a symbol or other design adopted by an organization to identify its products, uniform, vehicles, etc.
Header Layout - Select Header Layout for your website.
Sticky Header - Choose whether or not you would like to enable a fixed header when scrolling.
Typography (1) - Specify the first level item in menu properties by changing value of Font family, Font subsets, Font size, Font weight & style, etc.
Typography (2) - Specify the sub level item in menu properties by changing value of Font family, Font subsets, Font size, Font weight & style, etc.
Menu Padding - Enter padding for menu.
404 Page Template - Select Template for 404 Page
Display header, top sidebar, page title and footer - Choose whether or not you would like to display header, top sidebar, page title and footer.
404 Page Background - Set color or image for 404 Page background.
Display Footer - Choose whether or not you would like to display the Footer.
Footer Margin - Enter the value of margin for Footer.
Footer Padding - Enter the value of padding for Footer.
Primary Color - These are colors that cannot be created through the mixing of other colors. They are colors in their own right.
Body Font Options - Set value of Font Family, Font Subsets, etc.
H1 -H6 Font Options - Set value of Font Family, Font Subsets, etc.
Extra Fonts - Set value of Font Family, Font weight & Style for Extra Font.
Show Page Title - Choose whether or not you would like to show Page Title.
Background - Set background with color, image, etc for title bar.
Typography - Set typography for title text.
Padding - Enter padding for title bar.
Delimiter - Enter delimiter of page breadcrumb in title bar.
Show Breadcrumb - Choose whether or not you would like to show Breadcrumb.
Show Page Comment - Choose whether or not you would like to show page comments.
Take a look at Blog Settings section.
Sidebar Position - Select Sidebar Position in page Archive Products.
Columns - The number of columns of Archive Products you want to display.
Columns for Fullwidth - The number of columns for fullwidth of Archive Products you want to display.
Show Result Count - Choose whether or not you want to show Result Count in page Archive Products.
Show Catalog Ordering - Choose whether or not you want to show Catalog Ordering in page Archive Products.
Show Pagination - Choose whether or not you want to show Pagination in page Archive Products.
Show Product Title - Choose whether or not you want to show Product Title in page Archive Products.
Show Product Price - Choose whether or not you want to show Product Price in page Archive Products.
Show Product Rating - Choose whether or not you want to show Product Rating in page Archive Products.
Show Product Sale Flash - Choose whether or not you want to show Product Sale Flash in page Archive Products.
Show Product Add To Cart - Choose whether or not you want to show Product Add To Cart in page Archive Products.
Show Product Quick View - Choose whether or not you want to Show product quick view in page archive products.
Show Product Wish List - Choose whether or not you want to show Show product wish lish in page archive products.
Show Product Compare - Choose whether or not you want to show Show Product Compare in page Archive Products.
How To
Create Post
Step 1 - Log in to your WordPress Administration Panel (Dashboard).
Step 2 - Click the 'Posts' tab.
Step 3 - Click the 'Add New' sub-tab.
Step 4 - Start filling in the
blanks: enter your post title in the upper field, and enter your post
body content in the main post editing box below it.
Step 5 - As needed, select a category, add tags, post format, fill in the meta setings below the editor.
Step 6 - Upload a featured image for your Post.
Step 1 - Change Post Format to Gallery.
Step 2 - Scroll down until you see the Gallery Settings.
Step 3 - After finishing, Update your Post, it should looks like this
Step 1 - Change Post Format to Video.
Step 2 - Scroll down until you see the Video Settings.
Step 3 - After finishing, Update your Post, it should looks like this.
Step 1 - Change Post Format to Audio.
Step 2 - Scroll down until you see the Audio Settings.
Step 1 - Change Post Format to Quote.
Step 2 - Scroll down until you see the Quote Settings.
Step 1 - Change Post Format to Link.
Step 2 - Scroll down until you see the Link Settings.
To you show your posts you need to create a Blog page. Click here to check how create a blog page.
Follow the steps bellow to understand how to create a blog page.
Step 1 - Log in to your WordPress Administration Panel (Dashboard)..
Step 2 - Click on Pages > Add New.
Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).
Step 4 - Click on the Add Element button.
Step 5 - Select the Blog module.
Step 6 - The Blog Settings should appear. You can customize the Blog by modifying the settings
Step 7 - After finishing, Publish the page.
Alibaba theme includes support for the Visual Composer plugin. Visual Composer comes with a lot of drag and drop modules to help you quickly and easily building your pages.
You can read more information with the documentation live at link https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress to understand how it works.Step 1: Go to Pages > click "Add new" and then enter your page information.
You can create your page content with CLASSIC MODE or if you would like to create a complex page with page builder, click to "Backend Editor" to use Visual Composer plugin building your page.
Step 2: Add elements on page, drag and drop to manage its position and edit its content.
Click on "Publish" to save and publish your new page or "Save draft" to save it as a draft.
Here is how it works on our page
List of builder items ( included buider items build special for this theme )
Step 1 - Log in to your WordPress Administration Panel (Dashboard).
Step 2 - Click the 'Portfolio' tab.
Step 3 - Click the 'Add New Portfolio Item' sub-tab.
Step 4 - Start filling in the
blanks: enter your portfolio title in the upper field, and enter your
portfolio body content in the main post editing box below it.
Step 5 - Add tag(s) to your item, the tags will be used as a filter on Portfolio Template pages.
Step 6 - Upload a featured image for your portfolio item then publish it.
Step 1 - Scroll down until you see the Portfolio Settings.
Step 2 - After finishing, Update your Post
Showing Portfolio Items
To you show your portfolio items you need to create a Portfolio page.
Follow the steps bellow to understand how to create a portfolio page.
Step 1 - Log in to your WordPress Administration Panel (Dashboard)..
Step 2 - Click on Pages > Add New.
Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).
Step 4 - Click on the Add Element button.
Step 5 - Select the Portfolio module.
Step 6 - The Portfolio Settings should appear. You can customize the Portfolio by modifying the settings
Step 7 - After finishing, Publish the page.
Follow the steps bellow to understand how to create testimonial.
Step 1 - Log in to your WordPress Administration Panel (Dashboard)..
Step 2 - Click on Pages > Testimonial >Add New.
Step 3 - Enter the name of the customer or client in the post title field..
Step 4 - Add their feedback in the post body.
Step 5 - You can also add a photo or other image using the featured image field. This image will be displayed alongside the feedback. If you want to link back to the website or social media profile of the person who provided the testimonial, you can enter the address in the Website Link field.
Step 6 - Adding a link is a good idea as it allows your visitors to verify and find out more about your clients and customers, helping to increase your social proof and credibility and the value of the testimonials.
Step 7 - Provide company name.
Step 8 - Select or add new Testimonial Category and Testimonial Tag.
Step 9 - Provide the featured image. The image should have minimum width of 670px and minimum height of 500px.
Step 10 - You can Save draft, have a Preview before Publishing officially.
Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New
Step 2 - Give a Name to your form and change Mail Info
Step 3 - Edit the Form field to change the Form Layout ( if you want to use one of the layout you saw on the demo check the next step )
Step 4 - Save your Form
Step 1 - Log in to your WordPress Administration Panel (Dashboard)..
Step 2 - Click on Pages > Add New.
Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).
Step 4 - Click on the Add Element button.
Step 5 - Select the Contact Form 7.
Step 6 - The Contact Form 7 Settings should appear. Select the Form you want to use you can also customize the Color and change the fields layout and button design
Step 7 - Update / Publish your page
Child Theme
What is a Child Theme?
Alibaba comes with a Child Theme.
Simply install Alibaba_Child.zip like a regular WordPress theme.
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.
If you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes. It’s a great way to get started if you are just learning WordPress theme development.
You need to use a Child Theme only if you are making code customizations.
Theme Update
Theme Update via WordPress
Updating the theme via WordPress is very similar to the install process via WordPress.
Follow the steps below to update your theme via WordPress:
Step 1 - Log into your WordPress Dashboard.
Step 2 - Go to Appearance > Themes.
Step 3 - Deactivate the Alibaba Theme by simply activating a different theme. Once you activate a different theme, you can delete the Alibaba theme.
Step 4 - Delete the Alibaba Theme. Do not worry, your content will not be lost!
Step 5 - Then simply upload the new “Alibaba.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.
Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps below to update your theme via FTP:
Step 1 - Go to .../wp-content > themes
location on your server using a FTP client and backup your "Alibaba"
theme folder by saving it to your computer, or you can choose to simply
delete it. Your content will not be lost.
Step 2 - Download the new version of Alibaba theme from your Themeforest and retrieve Alibaba folder by unpacking the zip that you download from Themeforest and Alibaba_(version.number).zip.
Step 3 - Then simply drag and drop the new "Alibaba" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.
Step 4 - Log into your WordPress Dashboard, go to Appearance > Themes and activate the new Alibaba theme.
FAQs
Speed Optimization
- Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
- Install an Image Compress Plugin. We recommend WP Smush It.
- Install a Database Optimizer Plugin We recommend WP Optimize
- Reduce the number of posts on the page
- Reduce the number of unnecessary plugins.
- Use more icons and less images.
- You can either get your web host to increase your PHP limits.
- You can upload your theme via an FTP client. We offer a video tutorial located in the Video section of the forum that explains how to use FTP to install your theme.
- If you can access the admin area of your site, login to your admin section and deactivate all plugins. After doing so, check your front end page again. If it loads without error, you have a plugin conflict. Now, start activating each plugin one by one. When you see the 500 error again on the front end pages, you will know that the last plugin you activated is the likely culprit. Deactivate it and continue checking all remaining plugins one by one to make sure there are no others.
- If you are getting the 500 error on the front end and the back end admin area, then you will need to access your site via an FTP client. A little known trick is to change the name of your/wp-content/pluginsfolder to something else temporarily like “plugins.bak.” This will make WordPress ignore your plugins. Then check to see if this resolves the problem. If it does, log into your admin section and then change your plugin.bak folder back to plugins . Then deactivate all of your plugins via your admin page.
- memory_limit 128M
- post_max_size 32M
- upload_max_filesize 32M
- max_execution_time 600
- You can get your web host to increase your PHP limits so a larger zip file is allowed to be uploaded. They will know which limits to set if you explain the issue.
- You can upload your theme via FTP. View our video tutorial in the Video section of the forum to learn how to install your theme via FTP. It is very easy and efficient.
- max_execution_time 60
- memory_limit 128M
- post_max_size 48M
- upload_max_filesize 48M
If you think your website takes too much time to load maybe you should.
Yes, all you need to do is point the domain name to the hosting account.
There is no limit to the number of plugins you can install. However, too many plugins or even a few poorly coded plugins can slow your site down immensely, so it is important to install plugins correctly.
This most likely happens when you paste a code from a website with wrong formats. Sometimes the formatting error is done on the website where the code is available however most of the time, this error happens because you pasted the code on the wrong location. Unfortunately, you will not be able to make the edits using your wp-admin section. You will have to use FTP to login to your web host and modify your theme’s file.
Consider following our Beginner’s Guide to Pasting Code from the Web into WordPress.
We have written an extensive article on How to Install and Setup Google Analytics in WordPress. It is important to mention that you will NOT be able to install Google Analytics in your WordPress.com blog. They provide a built-in feature called WordPress.com Stats.
Embedding videos can add quite a bit of value to your blog and your content. Whether you want to use your own videos or just any video from YouTube or another video hosting site, you need to know how to embed videos within your posts.
The process is very simple and you can just post the URL for the video within the post. Make sure to put it where you would like it to show up. For more information about embedding videos in WordPress, check out our post about The Easiest Way to Embed Videos in WordPress.
Installing a copy of WordPress on your PC is possible. You can do this fairly easily, but you will need the right tools. Another thing to keep in mind, when you install WordPress on your PC, nobody will be able to see your website until you publish it with your own hosting account.
You can find out how to install WordPress on your PC without post called, A Quick Guide to Installing WordPress with WAMP on your Windows Computer.
Please take a look at this Article
Recommended PHP configuration limits are as follows:
You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.
If you are installing your theme from the WordPress theme installer, but get a message that says "Are you sure you want to do this?", most likely your web server is configured with low PHP settings that only allow a certain size ZIP file to be uploaded via WP admin.
Most hosting companies configure their servers to only have the maximum file upload size limit at 8-10 MB, some are less. The Alibaba theme ZIP is currently about 34 MB in size which is due to the included plugins and all the demo content. So if you get this error, your web server is rejecting the upload due to the overall size of the Alibaba.zip file. WordPress is unfortunately giving you a rather ambiguous message in response. This is not a theme issue or bug.
There two ways to solve this problem.
Recommended PHP configuration limits are as follows: