Wordpress plugin for integrating UIKIT front-end framework from yootheme.com
UIKIT WP Integrator is a plugin for integrating UIKIT front-end framework from YOOTHEME.
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
Please select the style of UIKIT you want to integrate
UIKIT can be added in 3 styles:
Please select the desired addon you want to enable
For more information about Addons please visit: UIKIT ADDONS
Please use links below for more information about each addon:
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
To install UIKIT WP Integrator plugin follow this steps:
uikit-wordpress-integrator
directory into to the /wp-content/plugins/
directoryVisit UIKIT Integrator menu item under Settings inside Dashboard to configure the plugin
No, your theme already has the UIKIT framework integrated
Yes, just uncheck addons from settings page of the plugin located under Settings -> UIKIT Integrator menu
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<div class=\"uk-dropdown uk-dropdown-navbar\"><ul class=\"uk-nav uk-nav-navbar\">\n"; } function end_lvl(&$output, $depth = 0, $args = array()) { $indent = str_repeat("\t", $depth); $output .= "$indent</ul></div>\n"; } }