這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

UIKIT WP Integrator

外掛說明

General Information

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

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

    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

螢幕擷圖

  • Here's a screenshot of settings page

安裝方式

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

常見問題集

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<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";
    }
}

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈UIKIT WP Integrator〉的開發相關工作。

參與者

將〈UIKIT WP Integrator〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.1

  • Integrates UIKIT Version 2.8.0

1.1.0

  • Integrates UIKIT Version 2.7.0
  • WARNING: UIKIT version 2.7.0 has some code changes that may break if you want to update from 2.6.0. Please visit THIS LINK for more information