# Domik – Creative Responsive Architecture WP Theme

Support Find Us

- created: 17/05/2015
- latest update: 12/04/2017
- by: Cththemes
- themeforest.net/user/cththemes
- email: cththemes@gmail.com

### Theme Overview

Welcome to Domik – Creative Responsive Architecture WP Theme

A “Domik – Creative Responsive Architecture WP Theme” is perfect if you like a clean and modern design. This theme is ideal for architects, furniture designers, photographers, and those who need an easy, attractive and effective way to share their work with clients.

Finally thanks for selecting Domik

### Get started with Domik

This documentation is briefly describe all of sections and themes options. I wish it is help you to customize your site what you want.

###

### Theme Information

Get an overview of versions, file modifications and potential issues in Domik theme.

#### Version:

You have to use Wordpress version 3.9+ .

#### System Check:

The system check shows you all critical files or potential problems.

File permission: Check out the WordPress documentation for more information on file permissions.

PHP Version: Checks, if your theme runs on an unsupported/deprecated PHP version.

PHP Extensions: Checks, if these necessary PHP extensions are installed (JSON, DOM XML, Multibyte String).

### Installation

Setting up a Domik theme follows the standard WordPress installation procedure and works like with any other theme.

1. Download WordPress from the WordPress website.
2. Setup a new WordPress install.
3. Install and activate your theme.

For more information in regard to installing the WordPress platform, please see the WordPress Codex WordPress documentation.

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in three ways:

#### Install Domik theme using the Administration Panels

1. Log in to the WordPress Administration Panels.
2. Select the Appearance panel, then Themes.
3. Select Add New.
4. Use the Upload link in the top links row to upload Domik theme zipped file (domik.zip file in the downloaded package) that you have previously downloaded to your machine.

#### Install Domik theme by using cPanel

If your host offers the cPanel control panel.

1. Download the Theme to your local machine and extract it then you will find domik.zip file in the extracted folder.
2. In cPanel File Manager, navigate to your Themes folder. If your WordPress is installed in the document root folder of your web server you would navigate to "public_html/wp-content/themes" and if you have WordPress installed in a sub-folder called wordpress, you would navigate to "public_html/wordpress/wp-content/themes".
3. Once you've navigated to the Themes folder in cPanel File Manager, click on Upload file(s) and upload that .zip file you saved in Step 1.
4. Once the .zip file is uploaded, click on the name of that file in cPanel, then in the panel to the right, click on "Extract File Contents", and that .zip file will be uncompressed.
5. Follow the instructions below for selecting the new Theme.

#### Install Domik theme Manually (FTP)

To add Domik theme to your WordPress installation, follow these steps:

1. Download the Theme to your local machine and extract it then you will find domik folder in the extracted folder.
2. Using an FTP client to access your host web server.
3. Upload the Theme folder to the `wp-content/themes` directory provided by WordPress on your host server.
4. Follow the instructions below for selecting the new Theme.

We recommand using the first method to prevent file permission issue.

#### Selecting the Active Theme

To select Domik theme for your site:

1. Log in to the WordPress Administration Panels.
2. Select the Appearance panel, then Themes.
3. From the Themes panel, roll over the Theme thumbnail image for the Domik you are interested in to see options for that theme.
4. You can view more information about any theme by clicking Theme Details.
5. A live preview of any Theme (using your blog's content) can be seen by clicking Live Preview.
6. To activate the Theme click the Activate button.

For more detail on install and using a Wordpress Theme please read this tutorial: Codex - Using Themes

#### Install Required and Recommanded Plugins

After activating the theme you will see a submenu in your admin Appearance > Install Plugins. Where you have to install and active all required plugins.

### Setup a Demo package

Before you can get started with your Domik theme and have your site look like the demo, you first need to add content to WordPress. There are two way to import demo data for the theme.

Notice: please make sure that all theme required plugins are installed and activated.

Method 1: - Using One Click Demo Import plugin intergrated in Appearance menu.

When installed and activated the theme and its required plugin named One Click Demo Import you can import demo data by follow these steps:

1. Log into your site as an administrator.
2. Go to Appearance -> Import Demo Data admin menu.
3. On Import Demo Data screen select data you want to import to your site then click to Import Demo Data button and wait until you get the success message.

With Full Demo Content (widgets included) demo data selected you don't need to follow Import Demo Widgets tutorial from Sidebars and Widgets section.

Method 2: - Using Wordpress Importer plugin.

In your product folder there is a file name /Demo Content/domik.wordpress.2017-04-11.xml, it is demo data xml file that exported from your demo page. It will be used in Wordpress Importer plugin to import demo data to your site.

To import from a WordPress export file into a WordPress blog follow these steps.

1. Log into that blog as an administrator.
2. Go to Tools → Import (or Manage → Import in 2.7 or older) in the blog's admin panels.
3. Choose "WordPress" from the list. (You need install the plugin for the first time)
4. Upload the file using the form provided on that page.
5. You will first be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user
6. WordPress will then import each of the demo pages, posts, portfolio, comments, categories and contact froms contained in this file into your blog.

After imported the demo content let setup your blog like our demo

To setting up your front page

1. Go to Settings --> Reading in the blog's admin panels
2. In Front page displays option you will have two options
   - Your latest posts - If select this your front page will look like our blog demo page (listing posts from your blog)
   - A static page (select bellow) - Select one (Home Slider) of our demo pages that imported to your blog before - Then your front page will look like our home demo page.
3. Click Save button

Domik Theme Setup Tutorial Video

When done your font page will look like this:

Or this for Your Latest posts option

For more details you can check this article:Creating a Static Front Page

### Theme Features

Many of features has in our theme. Please see a look in total features.

1. Visual Composer: Drag and Drop page builder
2. Contact Form 7
3. WPML Compatible
4. Sidebar and full width page
5. Right or Left sidebar position
6. Fully Responsive
7. Retina Ready
8. AJAX Page Transition
9. Filterable Portfolio
10. 7 Different Style Portfolio Page
11. Bootstrap 3.3.2
12. Touch and Swipe
13. Much More ...

### Setup navigation Menu

All our themes have support for Custom Navigation Menu, and here are quick instructions on how you can create a custom menu for your theme. http://codex.wordpress.org/Appearance_Menus_SubPanel

#### Building the menu

1. Go to Appearance > Menus
2. Enter a name for your menu (Domik Menus)
3. Click on Create Menu
4. Now in the Theme Location select what location you want to assign the menu to it. Our theme come with one Theme Location: Main Navigation Menu the located on top of the page.
5. Click on Save
6. Now tick the pages you want to add to menu and click Add to Menu
7. When you added all pages to your menu, you can drag/drop and order pages.
8. At last click Save Menu, thats it.

Screenshots

### Sidebars and Widgets

To add a widget in your theme’s Domik, navigate to wp-admin > Appearance > Widgets. The big panel on the left side shows all available widgets. The small panels on the right are the widgetized areas. Total 3 widgets available.

1. Main Sidebar
2. Page Sidebar (This sidebar only work in page template)
3. Right Navigation Menu Widget

Screenshot:

#### Import Demo Widgets

Search in Theme Downloaded Package (extract zip file first) > Demo Content you will find domik-widgets.wie file, is our demo widgets content exported and included in the package. To use the exported file you must install new plugin call Widget Importer & Exporter, then go to Tools > Widget Importer & Exporter submenu. Use Choose File button under Import Widgets section select the file then click to Import Widgets button. When done you will have blog sidebar like our demo.

To make Main Sidebar and Page Sidebar widgets available you need change Blog Layout option in Domik Options panel to Left or Right Sidebar. Or change layout for individual post or page using Single Layout option when editing post and page template (Page Right Sidebar, Page Left Sidebar template).

### Visual Composer

Visual Composer for WordPress by WP Bakery will save you tons of time working on the site content. Now you’ll be able to create complex layouts within minutes! It’s build on top of the modern technologies – get the best for your lovely website!

Have you ever noticed how much time you spend fighting with [shortcodes]? No more trial and errors with “shortcodes magic” – Visual Composer will take care of that.

Add columns/elements with single click, then use your mouse to drag elements around to re-arrange them.

“Visual Composer″ comes as a part of Domik.

Please visit CodeCanyon and Plugin Website for more details.

Setup Visual Composer plugin to use with Page and Portfolio posts.

### Setting up Pages

Domik come with 4 homepage variants. In this section we will help you build a page step by step.

#### Build Home Page

1. Go to Pages > New Page
2. Click on Publish

See a screenshot for add new page

You can find shortcode content for demo pages from downloaded package then Demo Content > Page Shortcode Content folder.

Please open them in code or text editor the copy its content to your page editor.

Create new About Us and Contact pages using demo shortcode content (Outdoor Theme Videos)

For more info about the Visual Composer plugin please read its documentation from \Documentation - Visual Composer/0 - README FIRST.html file

Our Home - Slider Builder Layout

Home Carousel Builder Layout

Home Image Background Builder Layout

Home Video Background Builder Layout

About Us Page - Builder Layout

Contact Page - Builder Layout

### Portfolio Settings

Create Portfolio pages:

1. By default your portfolios list page is your_domain.com/?post_type=portfolio (as in our demo: http://demowp.cththemes.net/domikv2/?post_type=portfolio )

Or your_domain.com/portfolio/ (as in our demo: http://demowp.cththemes.net/domikv2/portfolio/ ) if Post name option was checked on wordpress Permalinks setting screen.

And to change layout for this portfolio archive type you show go to Domik Options -> Portfolio tab:

2. Create portfolios list page using portfolio page templates.

There are three types of portfolio page template: Style 1, 2 and 3.

1. Style 1
2. Style 2
3. Style 3

all these portfolio pages will use options from page metabox options panel.

Portfolio Item Settings

All Visual Composer shortcode content for portfolio style can be found from Demo Content > Portfolio Shortcode Content

Enable Visual Composer for Portfolio item

Create new Portfolio item using demo shortcode content (Outdoor Theme Video)

### Theme Options

We are using a Redux Framework to make Advanced Theme Options for our theme. Total 9 sections.

1. Import Demo Data
2. General Settings
3. Footer Settings
4. Social Settings
5. Styling Options
6. Portfolio Settings
7. Blog Settings
8. 404 Message
9. Custom Code

#### 1. Import Demo Data:

When installed and activated the theme just click the button on this tab to import Demo Data (posts, page, custom posttype and media library) to your site.

#### 2. General Settings:

In general setting you can change favicon icon, admin logo, SEO info on your site.

See a look for screenshot for general settings

#### 3. Footer Settings:

In this tab you can enter additional message for 404 error page.

#### 4. Socials Options:

#### 5. Styling Options:

In styling options you can select pre made skin color or build your own. You can change the typography for your site.

See a look for screenshot for styling settings

#### 6. Portfolio Settings:

#### 7. Blog Settings:

In this tab have some general options that used for your page layout (blog layout).

#### 8. 404 Error Settings

Additional message for 404 error page.

#### 9. Custom CSS:

Allow you add your custom style, script (Google Analytics) codes to your site using Ace editor.

### Theme and Plugin Translations

The theme and its plugins come localization ready out of the box – all that’s needed is your translation, if the theme does not come bundled with one for your language.

There are several methods to create a translation, most of which are outlined in the WordPress Codex. However, we find the easiest method is to use a plugin called Loco Translate. More advanced users can use PoEdit. Both methods are covered in this doc.

#### Before you begin

The theme includes a language file (.po or .pot file) which contains all of the English text. You can find this language file inside the theme folder in \Root/wp-content/themes/domik/languages/.

#### Set up Wordpress

WordPress needs to be told which language it should run under.

1. Go to: Dashboard > Settings > General and change the Site language.

Once this has been done, the theme will be displayed in your locale if the language file exists. Otherwise you need to create the language files (process explained below).

#### Translating with Loco Translate

Loco Translate is a free plugin that you can download here. You can also add directly from the WordPress administration, in Plugins > Add New.

Once you downloaded and installed Loco Translate, a new “Loco Translate” menu item is created with two sub-sections. By default the “Manage Translations” section will list all your themes and plugins and will display all available translations for each of them:

Loco Translate Listings

You can easily add new languages to a theme or a plugin using the Add New Language link:

Loco Translate: add new language

Then choose the language to add in the list, or enter the language ISO code (ex: fr_FR, en_US etc…), and select the folder to add the translation files to, and hit Start Translating:

Loco Translate: create new language

Finally start translating, and save when you finish:

Loco Translate: Start translating!

Translate theme and plugins using Loco Translate plugin

Change Portfolio path using Loco Translate plugin

#### Translating with PoEdit

PoEdit is a more advanced alternative to Loco Translate. Only advanced users should attempt this method.

Domik comes with a POT file which can be imported into PoEdit to translate

To get started open PoEdit and go to File > New catalog from POT file. Once you have done this, choose domik.pot and PoEdit will show the catalog properties window:

Enter your name etc so other translators know who you are and click ‘ok’. After this you will be prompted to save your .po file – name it based on what you are translating to, for example, a GB translation would be saved as en_GB.po . Now the strings will be listed.

After translating all strings you can save – the .mo file will also be generated automatically.

Translate the strings

#### Update your translation

After updates, you can update your po file by opening it and then going to Catalog > Update from POT file. Choose the file and it will be updated accordingly.

### Auto Update Theme

Envato Market plugin was integrated with this theme to help you update it automatically when a new version release.

To use this plugin you should install it as required plugin for Domik theme. Navigate to Appearance -> Install Plugins submenu and check to Envato Market plugin to install and active it.

#### Envato Market plugin screen:

#### You will need to generate a personal token, and then insert it to Token field:

### Rate It

If you like our work, Please rate it 5 stars on Themeforest by Visiting your Downloads Page: http://themeforest.net/downloads We appreciate your help :)

### Thanks

Thanks all of you who stay with us, your co-operation is our inspiration.