Documentation.

[kc_row _id=»253528″][kc_column width=»12/12″ _id=»10522″][nk_tabs _id=»11774″ tabs_offset=»true»][nk_tab title=»Getting Started» _id=»245401″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»691394″][kc_column_inner width=»12/12″ _id=»650828″][nk_title tag=»h2″ like=»h3″ _id=»151716″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Getting Started

[/nk_title][kc_column_text _id=»121821″]

This is WordPress theme and first you need install WordPress https://codex.wordpress.org/Installing_WordPress

Then, download theme form ThemeForest.

[/kc_column_text][nk_title tag=»h3″ like=»h4″ _id=»208700″]

Install Theme

[/nk_title][kc_single_image image_size=»nk_1280x720″ _id=»307756″ image_source=»media_library» image=»226″ on_click_action=»lightbox»][kc_column_text _id=»184553″]

  1. Log into your WordPress blog admin dashboard;
  2. Go to Appearance > Themes;
  3. Click Add new;
  4. Click Upload Theme;
  5. Click Browse to browse for the theme installation file in donwnloaded package umbrella.zip. And click Install Now;
  6. After successful installation, click Activate to make the Umbrella active;

[/kc_column_text][nk_title tag=»h3″ like=»h4″ _id=»227014″]

Install Plugins

[/nk_title][kc_single_image image_size=»nk_1280x720″ _id=»159586″ image_source=»media_library» image=»225″ on_click_action=»lightbox»][kc_column_text _id=»84783″]

  1. Go to Appearance > Install Plugins;
  2. Select all available plugins;
  3. Select Install and click Apply;

[/kc_column_text][nk_title tag=»h3″ like=»h4″ _id=»789114″]

Import Demo Data

[/nk_title][kc_single_image image_size=»nk_1280x720″ _id=»198086″ image_source=»media_library» image=»224″ on_click_action=»lightbox»][kc_column_text _id=»255461″]

Before importing demo data make sure you have installed all plugins.

  1. Go to Umbrella > Demo Import;
  2. Click Import in main demo block;

[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=»Navigations» _id=»499718″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»453982″][kc_column_inner width=»12/12″ _id=»467028″][nk_title tag=»h2″ like=»h3″ _id=»512000″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Navigations

[/nk_title][kc_column_text _id=»403043″]

Umbrella have 5 menu locations. On image below you can see 4 of them. 5 menu location – is bottom left menu for blog page.

[/kc_column_text][kc_single_image image_size=»nk_1280x720″ _id=»520180″ image_source=»media_library» image=»222″ on_click_action=»lightbox»][kc_column_text _id=»628868″]

To setup menus, go to Appearance > Menus. There you can create your menus and place it in available locations.

[/kc_column_text][kc_single_image image_size=»nk_1280x720″ _id=»320285″ image_source=»media_library» image=»223″ on_click_action=»lightbox»][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=»Slider» _id=»218046″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»23658″][kc_column_inner width=»12/12″ _id=»296667″][nk_title tag=»h2″ like=»h3″ _id=»260982″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Slider

[/nk_title][kc_column_text _id=»898425″]

The main feature of theme – is slider. You can manage each slide in Portfolio page in admin area.

[/kc_column_text][kc_single_image image_size=»nk_1280x720″ _id=»441691″ image_source=»media_library» image=»221″ on_click_action=»lightbox»][kc_column_text _id=»251845″]

You can change background position per each slide and add categories.

[/kc_column_text][kc_single_image image_size=»nk_1280x720″ _id=»92716″ image_source=»media_library» image=»220″ on_click_action=»lightbox»][kc_column_text _id=»244074″]

To change slider settings go to Customizer area. You can change transition effect, transition speed, autoplay and more…

[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=»Customizer» _id=»334507″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»670069″][kc_column_inner width=»12/12″ _id=»644473″][nk_title tag=»h2″ like=»h3″ _id=»302619″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Customizer

[/nk_title][kc_column_text _id=»207560″]

Umbrella have about 100 global options. You can open it in admin panel Umbrella > Customize or Appearance > Customize. Below you can see screenshots with some customizer sections. There is no need to describe them all in documentation, because all of them have labels and descriptions.

[/kc_column_text][kc_image_gallery columns=»2″ image_size=»nk_500x500″ _id=»433576″ images=»244,243,242,241,240,239,238,237,236,235″ type=»grid» click_action=»lightbox»][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=»Page / Posts Options» _id=»32337″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»87099″][kc_column_inner width=»12/12″ _id=»114369″][nk_title tag=»h2″ like=»h3″ _id=»13648″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Metaboxes for Pages / Posts

[/nk_title][kc_column_text _id=»532181″]

If you want some page looks different, then others – use custom page options. Below you can see screenshots with some metaboxes. There is no need to describe them all in documentation, because all of them have labels and descriptions.

[/kc_column_text][kc_image_gallery columns=»2″ image_size=»nk_500x500″ _id=»608032″ images=»249,248,247,246″ type=»grid» click_action=»lightbox»][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=»Contact Forms» _id=»295088″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»533428″][kc_column_inner width=»12/12″ _id=»892262″][nk_title tag=»h2″ like=»h3″ _id=»132558″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Contact Forms

[/nk_title][kc_column_text _id=»955860″]

Umbrella compatible with Contact Form 7 plugin. You can use forms like on this page: Contact Us.

[/kc_column_text][kc_single_image image_size=»nk_1280x720″ _id=»610898″ image_source=»media_library» image=»264″][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=»Contact Forms» _id=»832352″ css_custom=»{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}»][kc_row_inner column_align=»middle» _id=»804890″][kc_column_inner width=»12/12″ _id=»997288″][nk_title tag=»h2″ like=»h3″ _id=»744874″ css_custom=»{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}»]

Credits

[/nk_title][kc_column_text _id=»518932″]

JavaScript Plugins:

WordPress Plugins:

[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][/nk_tabs][/kc_column][/kc_row]

Abrir chat