Orien
Creative Portfolio WordPress Theme
Creative Portfolio WordPress Theme
Copyright @ 2019 JWSThemes.
Thank you for purchasing Orien 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 Orien 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 Orien theme, please log in your ThemeForest account and then go to ThemeForest download page. Locate to Orien theme and then download the installable WordPress file only.
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 Orien .zip (zip file name can be changed from version to version).
Please, follow the steps below to install Orien 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 Orien.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 Orien , check the Initiate Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.
“Are you sure you want to do this?”
If you get the “Are you sure you want to do this” message
when installing Orien .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 Orien .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 Orien 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 Orien folder
Step 3 - Upload the Orien folder to your server in path .../wp-content/themes/.
Step 4 - The uploaded path should be like this: .../wp-content/themes/Orien /
Step 5 - Login to your WordPress Dashboard and go to Appearance > Themes and activate the Orien 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 Orien , check the First Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.
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 ).
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 Unyson. Continue to click on Download Backup & Demo Content button.
Step 3 - Then go to Tools > Demo Content Install > Install
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 5 - Done!
This video tutorial shows you how to Import Data Orien Theme with just one click.
If you would like to learn the best practice of using Orien 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 5 - 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.
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.
Orien 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
For full documentation visit the following websites:
WooCommerce Plugin PageNote :- to use this feature you must have version 1.9.0 or higher of "woocommerce color or image variation swatches" plugin.
To enable this feature visit swatches tab under woocommerce/settings menu and enable checkbox "Enable default attribute options". Upon checking it you will see another table where you can configure your global attribute options.
Please remember that this feature will work only for products which does not have display type set. if you have existing products with "custom color or image swatches " as display type then global changes will not affect it but you can always change display type to "global values" in variation select tab to make global values work on those products. "global values" option in display type dropdown will be available only to attributes that are created under product/attribtues not for "Custom product attribute"(which you separate via "|").
First visit swatches tab under woocommerce/settings menu and define custom product swatches height and width there.
Then select custom as display type while configuring into variation select tab.
First you need to setup global image or color for each attribute values.To do that visit attributes tab under products menu and add your attribute like this.
Once Attribute is added , click on settings icon to define its options.
Now add the options as shown in the image.
Once color or image value for all usable attribute and its options are set , you can use it on product.To use it on products visit attributes tab and select "color" inplace of custom product attributes and then click on add
Set your variations now by visiting variations tab and then visit variation select tab and select image or color in place of dropdown select and update the product.thats it now frontend will replace image or color with default select .
To display one attribute swatches on shop/category pages you need to check the "Enable one attribute swatches on shop/archive pages " checkbox in variation select tab and then select the attribute in next option as shown in the below image.
Note :- To make this feature work you must select "Custom Color or Image Swatches" as display type.
You can also upload the hover image for each option of that selected attribute. Once hover image is set , plugin will replace the hover image with product image on swatch hover on shop/category pages.
To change swatches size on shop/category page , visit swatches tab under woocommerce -> settings and define your preferable width and height.
This usually happens when number of inputs(form fields) on your page is higher then allowed number of input by your server.
Problem get solved in most of such cases by increasing max_input_vars .
Newer versions of PHP implement a php.ini directive called max_input_vars usually set to 1000. This means that posting > 1000 form fields for instance would be truncated preventing data from being saved.
This can be changed in php.ini file
max_input_vars = 2000
If you are on shared host you can increase it via .htaccess file
php_value max_input_vars 2000
If you are not familiar with php.ini or .htaccess files ,open a ticket with your host and tell them to increase max_input_vars in php.ini file.
Read more on this here
http://docs.woothemes.com/document/problems-with-large-amounts-of-data-not-saving-variations-rates-etc/Catalog image dimensions is a woocommerce feature. If you are experiencing wrong dimensions for hover images , you will need to set the correct dimension for catalog images at products/display under woocommerce/settings menu.
After changing it you may need to regenerate product thumbnails using this plugin.
https://wordpress.org/plugins/regenerate-thumbnails/
If you still getting same dimensions on shop page check media settings page configuration. For example - if you are getting 150*150 dimension on hover images and media settings page has 150 * 150 thumbnail size. try changing it and regenerating thumbnails using aforementioned plugin.
Here is Documentation of WooCommerce Variation Swatches and Photos.
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Theme Options > General .
Step 3 - Choose which part of the theme you want to modify.
Less Design - To use the less design features.
Body Background - To modify Body background with image, color, etc.
Color body page - Choose the color for body section. You can choose shining or dark.
Step 4 - When you 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.
You can add a shortcode for mega menu here
Step 1 - Go to Visual Composer Content > Add New.
Step 2 - Create a Mega Menu
Note! If you don't see the Add Shortcode for mega menu display at the menu. Please click on Screen Options on the top right. And check to Description checkbox.
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 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. General Options
Take a look at Set Homepage section.
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Theme Options > Header .
Follow the steps below to find out how to change the single Post:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Theme Options > Archive Post.
Step 3 - Choose which part of the Blog you want to modify.
Select Layout - Select layout for Archive Post.
Select Template Post - Select template layout for Archive Post.
Container - Choose whether or not you want to show Layout Container.
Select Columns - Select columns to show posts in Archive Post.
Crop Thumbnail Post Item - Choose the size of the image to crop.
Display Info - Choose whether or not you want to show Info of the post.
Display Social - Choose whether or not you want to show social icons.
Display Description - Choose whether or not you want to show Description.
Select Layout - Select layout of Single Post.
Display Tags & Share - Choose whether or not you want to show Tags and Social Share.
Display Comment - Choose whether or not you want to show Comment section.
Display Paging - Choose whether or not you want to show Paging section.
Display Related - Choose whether or not you want to show Related Post sections.
Sidebar Position - Select sidebar position in page Archive products.
No Container - Choose whether or not you want to show Container layout.
Effect Item Layout - Choose effect items.
Products Per Row - Enter number products per row.
Products Per Row For Layout FullWidth - Enter number products per row for layout fullwidth.
Products Per Page - Enter number products per page.
Show.. - Choose whether or not you want to show Result Count and Sort, Pagination,...
Sidebar Position - Select sidebar position in page single product.
Display.. - Choose whether or not you would like to show Meta, Social, Review, Product Related,...
Show Footer - Choose if you want to show footer or not.
Footer Layout - Choose Footer layout.
Footer Background - Choose background for the footer layout.
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 title bar:
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Theme Options > Title Bar .
Step 3 - Choose which part of the title bar you want to modify.
Show Title Bar: Choose whether or not you want to show Title Bar.
Container: Choose whether or not you want to show Container.
Select Title Bar: Choose layout Title bar.
Background: To modify background with image, color, etc.
Font size title: To modify font size for the title.
Title Bar Heading Color: Select color for the heading in the title bar.
Font size breadcrumb: To modify font size for the breadcrumb.
Title Bar Current Color: To modify color for text in the Breadcrumb.
Title Bar Text Color: To modify color for text in the Title bar.
Delimiter: To modify Delimiter of page breadcrumb in title bar.
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 Theme Options > Typography .
Step 3 - Choose which part of the typography you want to modify.
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.
Step 4 - When you have finish to customize the color don't forget to save..
The theme comes with many 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.
This is a video tutorial of how to use Theme Options panel:
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.
To you show your posts you need to 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.
Orien 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 )
Follow the steps below to understand how to create Portfolio.
Step 1 - Log in to your WordPress Administration Panel (Dashboard).
Follow the steps bellow to understand how to create testimonial.
Step 1 - Log in to your WordPress Administration Panel (Dashboard)..
Follow the steps below to understand how to create Team.
Step 1 - Click on Team > Add New.
Step 2 - Enter member's name in the title field.
Step 3 - Add the elements you want to see into the body. You can use shortcode in Visual Composer.
Step 4 - You can add some custom fields.
Step 5 - Enter experience of member.
Step 6 - Provide the featured image. The image should have the minimum width of 670px and the minimum height of 500px.
Step 7 - 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.
Step 1 - Install POEdit https://poedit.net/
Step 2 - Open file ***.pot by POEdit and traslate it : http://prntscr.com/bmhtpt
Step 3 - Click Save to save changes.
Follow the steps below to find out how to change the footer's content:
To change information in Contact page:
Step 1 - Go to Pages > Contact page > Edit and click on Edit the Shortcodes.
Step 2 - A Box of settings will pop up and now you can config it by changing content, icon.
Step 3 - Click Save to save changes.
Step 1 - Log in to your WordPress Administration Panel (Dashboard) > Pages > All Pages.
Step 2 - Select the Page you want to add Shortcode then press Edit button.
Step 3 - Click Add element button.
Step 4 - Select Shortcode you want to add.
Step 1 - Hover on shortcode and click on 'Edit' button.
Step 2 - Config shortcode in setting box.
Step 3 - Click Save to save changes.
Orien comes with a Child Theme.
Simply install Orien_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.
There are a few reasons why you would want to use a child theme:
Child Themes - Codex
You can watch this video to know the way create a Child Theme.
You need to use a Child Theme only if you are making code customizations.
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 Orien Theme by simply activating a different theme. Once you activate a different theme, you can delete the Orien theme.
Step 4 - Delete the Orien Theme. Do not worry, your content will not be lost!
Step 5 - Then simply upload the new “Orien.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 "Orien "
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 Orien theme from your Themeforest and retrieve Orien folder by unpacking the zip that you download from Themeforest and Orien_(version.number).zip.
Step 3 - Then simply drag and drop the new "Orien " 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 Orien theme.
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 configureuration limits are as follows:
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
max_execution_time 600
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 Orien 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 Orien.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:
