[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″]
- Log into your WordPress blog admin dashboard;
- Go to Appearance > Themes;
- Click Add new;
- Click Upload Theme;
- Click Browse to browse for the theme installation file in donwnloaded package umbrella.zip. And click Install Now;
- 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″]
- Go to Appearance > Install Plugins;
- Select all available plugins;
- 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.
- Go to Umbrella > Demo Import;
- 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:
- jQuery – https://github.com/jquery/jquery
- Bootstrap – https://github.com/twbs/bootstrap/tree/v4-dev
- GSAP – https://github.com/greensock/GreenSock-JS
- jQuery Validation – https://github.com/jzaefferer/jquery-validation
- jQuery Form – https://github.com/malsup/form
- Hammer.js – https://github.com/hammerjs/hammer.js
- nanoScrollerJS –https://github.com/jamesflorentino/nanoScrollerJS
WordPress Plugins:
- Kirki – https://aristath.github.io/kirki/
- King Composer – https://kingcomposer.com/
- ACF Pro – https://www.advancedcustomfields.com/pro/
- Contact Form 7 – http://contactform7.com/
[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][/nk_tabs][/kc_column][/kc_row]