Title: UIKIT WP Integrator
Author: christopher.amirian
Published: 4. juni 2014
Last modified: 13. juli 2014
---
Søk gjennom innstikk
Dette innstikket **er ikkje testa med dei tre siste utgåvene av WordPress**. Det
kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar
av WordPress.
# UIKIT WP Integrator
Av [christopher.amirian](https://profiles.wordpress.org/christopheramirian/)
[Last ned](https://downloads.wordpress.org/plugin/uikit-wp-integrator.1.1.1.zip)
* [Detaljar](https://nn.wordpress.org/plugins/uikit-wp-integrator/#description)
* [Omtalar](https://nn.wordpress.org/plugins/uikit-wp-integrator/#reviews)
* [Installasjon](https://nn.wordpress.org/plugins/uikit-wp-integrator/#installation)
* [Utvikling](https://nn.wordpress.org/plugins/uikit-wp-integrator/#developers)
[Hjelp](https://wordpress.org/support/plugin/uikit-wp-integrator/)
## Skildring
### General Information
**UIKIT WP Integrator** is a plugin for integrating [UIKIT](http://getuikit.com/)
front-end framework from [YOOTHEME](http://yootheme.com/).
The plugin adds a menu item under _Settings_ in Dashbpard called **UIKIT Integrator**
which enables you to configure how you want the UIKIT framework integrated into
your website front-end.
**`UIKIT WP Intergrator` currently is using `UIKIT` version `2.8.0`**
### Here is the list of settings available:
* **Please select the style of UIKIT you want to integrate**
1. Gradient
2. Almost Flat
3. Flat
* _UIKIT can be added in 3 styles:_
- Gradient: Using CSS3 gradients and new state of the art codes to keep with
modern standards
- Almost Flat: Using mixture of flat and CSS3 stuff
- Flat: No use of new CSS3 features, good for websites that want to support
old browsers
* **Please select the desired addon you want to enable**
1. Autocomplete
2. Datepicker
3. Form Password
4. Form Select
5. HTML Editor
6. Nestable
7. Notify
8. Pagination
9. Search
10. Sortable
11. Sticky
12. Timepicker
13. Upload
* _For more information about Addons please visit: [UIKIT ADDONS](http://www.getuikit.com/docs/addons.html)_
* **Please use links below for more information about each addon:**
- [Autocomplete](http://www.getuikit.com/docs/addons_autocomplete.html)
- [Datepicker](http://www.getuikit.com/docs/addons_datepicker.html)
- [Form Password](http://www.getuikit.com/docs/addons_form-password.html)
- [Form Select](http://www.getuikit.com/docs/addons_form-select.html)
- [HTML Editor](http://www.getuikit.com/docs/addons_htmleditor.html)
- [Nestable](http://www.getuikit.com/docs/addons_nestable.html)
- [Notify](http://www.getuikit.com/docs/addons_notify.html)
- [Pagination](http://www.getuikit.com/docs/addons_pagination.html)
- [Search](http://www.getuikit.com/docs/addons_search.html)
- [Sortable](http://www.getuikit.com/docs/addons_sortable.html)
- [Sticky](http://www.getuikit.com/docs/addons_sticky.html)
- [Timepicker](http://www.getuikit.com/docs/addons_timepicker.html)
- [Upload](http://www.getuikit.com/docs/addons_upload.html)
* _Please be advised that if you are already using WARP enabled Yootheme, theme
you don’t need this plugin as UIKIT is already integrated for you_
## Skjermbilete
* [[
* Here’s a screenshot of settings page
## Installasjon
To install UIKIT WP Integrator plugin follow this steps:
1. Download plugin zip file
2. Upload `uikit-wordpress-integrator` directory into to the `/wp-content/plugins/`
directory
3. Activate the plugin through the «Plugins» menu in WordPress
_Visit UIKIT Integrator menu item under Settings inside Dashboard to configure the
plugin_
## Vanlege spm.
Do I need this plugin if I purchased a theme from Yootheme?
No, your theme already has the UIKIT framework integrated
Can I use UIKIT without addons?
Yes, just uncheck addons from settings page of the plugin located under Settings-
> UIKIT Integrator menu
How can I enable UIKIT menu inside my theme
Add this code inside `functions.php` of your theme:
```
add_theme_support( 'menus' );
if (function_exists('register_nav_menus')) {
$locations = array(
'primary' => 'Primary Navigation'
);
register_nav_menus( $locations );
}
function nav_menu_item_parent_classing( $classes, $item )
{
global $wpdb;
$has_children = $wpdb -> get_var( "SELECT COUNT(meta_id) FROM {$wpdb->prefix}postmeta WHERE meta_key='_menu_item_menu_item_parent' AND meta_value='" . $item->ID . "'" );
if ( $has_children > 0 )
{
array_push( $classes, "uk-parent" );
}
return $classes;
}
add_filter( "nav_menu_css_class", "nav_menu_item_parent_classing", 10, 2 );
class Child_Wrap extends Walker_Nav_Menu
{
function start_lvl(&$output, $depth = 0, $args = array())
{
$indent = str_repeat("\t", $depth);
$output .= "\n$indent\n";
}
function end_lvl(&$output, $depth = 0, $args = array())
{
$indent = str_repeat("\t", $depth);
$output .= "$indent