up

De Jure

WordPress Theme


All the support is provided via personal tickets. To submit us a ticket please fill in the form: http://cmsmasters.net/support/

De Jure WordPress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. Custom Shortcodes are added through the WPBakery WordPress Page Builder Plugin with Frontend and Backend Editor. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. De Jure theme has a Custom Portfolio plugin which creates Project post type to present your content in an optimal way and display it in the Portfolio that can be set to any sort of a grid with variable paddings for elemens, while Blog can have several different layouts too. Valid code and SEO-optimized structure guarantee this content is easily crawled and indexed by search engines.

De Jure comes with a Custom Mega Menu plugin and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme.

Install Your Theme


Before installing the theme, you need to install WordPress (see details here). Once you have installed WordPress and logged in to admin panel, you can install De Jure theme.

Important!

Before using the theme, please follow an instruction below.

After you have installed WordPress , find the .htaccess file on your server, please open it and add (to the very end of the file) the following code:

php_value post_max_size 64M
php_value upload_max_filesize 64M
php_value max_file_uploads 128M
php_value max_input_vars 5000

Please make sure you do this BEFORE installing and activating the theme, if you are installing it via Admin panel, and always BEFORE uploading any demo content.

Note: On some servers you may not be able to alter the htaccess file. If you encounter an issue with this, please contact your hosting provider. Mostly these alterations are needed for Demo Content import.

There are two ways to install the theme

  1. Upload via WordPress admin panel.
  2. Upload via FTP directly to your server.

Once your theme is installed, you will be able to customize it by yourself from scratch, or use our Demo Content (see more about it in the relevant chapter).

1. Upload the theme using WordPress admin panel

To upload theme using WP admin panel, please proceed to Appearance > Themes.

Choose “Install theme”

Click “Browse” and choose the De Jure theme archive on your computer, then click “Install Now”.

Important!

Please make sure you are not choosing the entire theme archive you have downloaded from Themeforest, you should use only the theme archive - de-jure.zip.

Note: To perform the requested action, WordPress needs to access your web server, so when you'll get to uploading the theme, please enter your FTP credentials. If you do not remember your credentials, you should contact your web host.

Once the installation process is finished, click “Activate”.

2. Upload theme via FTP

To upload your theme to via FTP, you need to unzip and copy all the files from “de-jure” folder to wp-content/themes/de-jure directly on the server (use only lower case letters!).

After you did that, De Jure theme will be available for activation in WP admin panel: Appearance - Themes. Activate it by clicking “Activate”.
Note: before activating disable all your plugins.

For correct functionality, please, make sure that you consider all of the following:

  1. There are NO NESTED FOLDERS like:
    /wp-content/themes/de-jure/de-jure.
    A correct path will look like:
    /wp-content/themes/de-jure.
  2. You SHOULDN'T copy entire theme archive you have downloaded from Themeforest to your server - only unzipped de-jure.zip.
  3. DO NOT rename the theme on your server. Theme names like /wp-content/themes/de-jure1 or any other are INAPPROPRIATE. Please make sure the theme folder is called themes/de-jure.
  4. Use only lower case letters.

If you've faced an error in the process of theme activation, please, make sure you have followed our instructions carefully. Your server settings may restrict some theme features, so you can try contacting your hosting support for help. If the issue persists, disable all plugins and try again.

In any case, please feel free to contact our support guys, they will help you with theme installation or guide you on what the problem can be - http://cmsmasters.net/support/

Adding Plugins


Your theme archive comes with several plugins.

Important:

to get full theme functionality please make sure you always DO INSTALL:

  • WPBakery Page Builder
  • CMSMasters Framework
Also important:

if you are planning to upload Demo Content that comes in the theme archive, you need to INSTALL ALL PLUGINS!!!

To update the theme automatically please use the Envato Market plugin. After activating the plugin, click on the “Envato Market” icon from the left sidebar. To generate your Global OAuth Personal Token click on this link and login using your Envato Market login details. Please copy & paste your unique token into the Envato settings inside your WordPress dashboard and click on “Save Changes”. Once you have configured this properly, you will see a screen where you can install or update your already purchased plugins & themes.

After your theme is installed and activated, it will remind you about installing the required and recommended plugins. You will see the following notice across your Dashboard:

To install the plugins you can either click a "Begin installing plugins" link in this notice, or proceed to Appearance - Theme Plugins

After you have installed and activated a plugin, it will disappear from this admin page, but will appear in the Plugins Tab:

Important:

You should have "755" access settings for the wp-content folder before installation.

You can do it using your FTP client - Filezilla, FireFTP, etc. - or hosting C-panel.

Open a drop-down menu by clicking the right mouse on the folder, specified above.
Choose there "access rights" (or maybe something similar - depends on your FTP client) and make changes.

Upload Demo Content


Important:

Before uploading Demo Content please make sure you have installed and activated ALL PLUGINS that came with the theme. You may reference "Plugins Installation" section of this guide for more information.

Step One - Import the Content, Theme Settings, Sliders and Widgets

To import demo content you need to proceed to Theme Settings - Demo Content tab, choose theme demo you need to import and check all the checkboxes:

Step Two - Choose your Home Page and Navigation:

To set your Home Page please proceed to Settings - Reading and set a Static Page as a home page, then use a drop-down to find and assign a specific page. You should choose "Home":

You also need to assign your navigation. The menu was already imported to your website, but you just need to set it in Appearance - Menus - Manage Locations. Choose Main Menu as Primary Navigation and save changes. There might also be a need to assign other menus too, if they are present on the website you are replicating.

Appearance Settings


De Jure theme provides really flexible appearance settings.
One of the main features, are Color Schemes.

1. Color Schemes

Color Schemes allow you create preset color solutions that subsequently can be applied when editing your website content, like menus, various shortcodes etc.

Color schemes can be set up and edited In Theme Settings - Colors tab in your admin panel.

Initially the theme comes with the schemes (but you can add more, we will get to this below in this section), which are:

Please see the screenshot:

Each color scheme offers a list of options, that altogether make a really flexible design instrument. For instance, any of your pages can be created of several sections, and a unique color scheme can be assigned to each section.

Add More Color Schemes

If you feel like these schemes are yet not enough for you, you can easily add more custom color schemes. For this please proceed to Appearance - Editor and choose Theme Functions to edit functions.php file.

Then scroll to where it says "Theme Settings Custom Color Schemes" and copy one of the lines to place it right below the other ones, then rename it. After you save the file, your new color scheme will be available for editing in Theme Settings - Colors. See the screenshot:

2. Font Settings

All website font settings can be edited in Theme Settings - Fonts tab. you can find settings for general content, links, navigation, headings and some other elements. To customize your website appearance, just play around with the font settings, or leave theme default if you wish. See the screenshot:

Yet, De Jure theme allows you to add any of hundreds Google fonts and se them on your website. Just follow a guide below

Add more google Fonts

For this please proceed to Theme Settings - Google Fonts, choose needed font and add it to your collection.

See the screenshot:

Header, Footer, Logo & Favicon


In the latest WordPress version to add a Favicon you need to proceed to the Appearance - Customize and click on the Site Identity.

In Theme Settings - General - General tab you can manage some logo.

In Theme Settings - General - Header tab you can manage some header settings, like custom html content in your header, top line content, etc.

Please note: for superior performance on Retina displays, logo image is added in two sizes. It is recommended that you add an image for Retina logo twice larger than your default logo.

You can use the sample code for Header Custom HTML field, just edit it with your information:

 
	<div class="adr cmsms_theme_icon_address">
	<span class="locality">Brooklyn</span>, NY 
	<span class="postal-code">10036</span>, 
	<span class="country-name">United States</span></div>
	<div class="tel cmsms_theme_icon_phone">1-800-643-4300</div>
	<div class="email cmsms_theme_icon_mail">
	<a href="mailto:example@de-jure.com">example@de-jure.com</a></div>
	

WPBakery Page Builder plugin for WordPress – take full control over your site. Build any layout you can imagine with intuitive drag and drop builder – no programming knowledge required. Also, all the questions regarding using WPBakery Page Builder functionality are covered in WPBakery Page Builder Documentation, which is very detailed.

Read WPBakery Page Builder DOCS

Widgets & Sidebars


You can use sidebars to add widgets. To access sidebars you need to proceed to Appearance - Widgets. You will find default sidebars and will be able to add widgets to them. Just drag the needed widget to the sidebar where you want to place it to:

You can as well add widgets simply by clicking on them. After you do, you will have a possibility to choose which of the default or custom sidebars, existent on your website, you want to add it to:

Your theme has 2 default sidebars: Sidebar (usually used as Right/Left) and Bottom Sidebar (is located above the footer).

Yet, you can add more sidebars that can be later on used in a Widgetised Sidebar Shortcode anywhere on your page, or used as alternative Right/Left or Bottom Sidebar. You can add an unlimited amount of custom sidebars, please proceed to Theme Settings - Elements

You can enable any default sidebar or one of your custom sidebars on any website page in Theme Options section. You can find this section if you open any of your pages in your admin panel. Here you can assign any of the existing sidebars as Right/Left or Bottom sidebar. Also note, that for a Bottom sidebar you can choose a layout, depending on the amount of columns you want your widgets to be arranged into:

Yet, your theme provides additional options for adding sidebars to your pages. You can add any sidebar to any placeon your page by using Widgetised Sidebar Shortcode within your WPBakery Page Builder:

In a sidebar shortcode you will be able to choose one of the existent sidebars and select the needed layout.

Blog & Blog Posts Setup


To create a new blog post proceed to Posts - Add New:

Once there, you should add Post Title, choose one of the available Post Formats (see the screenshot), and then add the needed content. Please note, that WPBakery Page Builder is available for blog posts too, simply click the large blue button to show it. You can read more about using the WPBakery Page Builder in the appropriate section of this guide. As soon as you are ready, click "Publish".

Assign taxonomies to your post - Tags and Categories. You will be able to use Categories to choose what posts should be displayed on a Blog page and in shortcodes like Post Types shortcode. Also add a Featured Image to your post.

Play around with theme options for your post to manage Layout, Heading, Background and some other options.

Adding a Blog Page

To add a new Blog page, just proceed to Pages - Add New and create a page. Then Click on the Backend Editor button and add a Post Grid shortcode as shown on the screenshot. You can read more about using shortocdes and composer in the WPBakery Page Builder section of this guide.

Now click on the shortcode in your editor to manage your Blog Page Settings. Here you can manage the way you want your posts to be presented and sorted.

Pay attention to the Item Design tab - here you can edit your blog page appearance.

Portfolio & Projects


To create a Project proceed to Projects - Add New:

Once there, you can choose one of the available Project Formats (see the screenshot), and then add the needed content.

Then add you media content:

Assign taxonomies to your project - Tags and Categories. You will be able to use Categories to choose what posts should be displayed on a Portfolio page and in shortcodes like Post Types shortcode. Tags and Categories are also used for sorting and filter.

Also you can add Project Details and Project Features.

Adding a portfolio Page

To add a new Portfolio page, just proceed to Pages - Add New and create a page. Then Click on the WPBakery Page Builder button and add a Portfolio Shortcode as shown on the screenshot. Then Click on the Backend Editor button and add a Post Grid as shown on the screenshot. You can read more about using shortocdes and composer in the WPBakery Page Builder section of this guide.

Now click on the shortcode in your editor to manage your Portfolio Page Settings. Here you can manage the way you want your projects to be presented and sorted.

Pay attention to the Item Design tab - here you can edit your portfolio page appearance.

Translate your website


There are no ready language files, but you need to take only a few steps to translate your website to the needed language. You can translate the theme to any language, as well as RTL Language.

It's RTL ready, so you may add a plugin and change the theme content to be shown as RTL.

The first step you should take is create your own language file. To implement this you should install Poedit:

www.poedit.net

Copy de-jure.pot file to your computer.

Note: You will find the language pot file in wp-content/themes/de-jure/inc/languages

Run Poedit and proceed to File/New catalog from POT file.

Choose the .pot file you've copied to use as a skeleton of your language. You'll get the list of messages and common phrases.

Select a text you'd like to translate onto your language and enter changes in a lower field as shown on the screenshot:

You should enter new text to the field in the bottom of the window - it will be saved for each item automatically. Edit all the messages you need and make sure you save changes to the file before closing.
Create a language file (for instance the lg_LG file or any other name to your preference). The program will create two files with similar names with extensions .po and .mo.

When translation is finished and saved, copy these two files to your server: wp-content/languages/themes folder named as de-jure-lg_LG.po and de-jure-lg_LG.mo. In case if there is no wp-content/languages/themes folder you should create it first.

Here is a list of language codes examples that can be used:
de_DE for German translation
fr_FR for French translation
it_IT for Italian translation
pt_PT for Portuguese translation
es_ES for Spanish translation
ru_RU for Russian translation
etc.

In a case of need you can edit the fles you have created, just open a lg_LG.po with Poedit. You will get a list like this: