UIkit Blocks

Description

This plugin adds UIkit components as Gutenberg blocks.

Features

  • Supports UIkit 3
  • Block templates can be overwritten in your theme

Available Blocks

  • Button
  • Heading
  • Grid
    • Grid Cell
  • Countdown
  • Section
  • Container
  • Accordion
    • Accordion Item
  • Divider
  • Icon
  • Card
  • Image
  • Overlay (Cover)
  • List
    • List Item

UIkit library

Please be aware that this plugin does not include the UIkit library in your website. You need to do this by yourself. We decided not to include the library so that you can modify UIkit to your own needs before loading it.

You’ll find an example how to include it in your theme’s functions.php in the documentation.

Templates

All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme.

To overwrite a block template, you can copy the original template from the plugin into your theme directory in the same path as a starting point and adjust it to your needs.

Further Information

Screenshots

  • Grid block.
  • Grid block with Image, Text and Button.
  • Grid block with Accordian.
  • All Blocks list.

Installation

  1. Upload the uikit-blocks directory into the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Start adding blocks from the UIkit Blocks category

FAQ

Which versions of UIkit are supported?

This plugin supports UIkit 3.

Is UIkit included?

No. This plugin doesn’t load the UIkit library for you. You have to do this by yourself in your theme. Please read more about this in the documentation.

Have you found a bug or do you have a feature request?

Please create a new GitHub issue and let us know: https://github.com/dobaniashish/uikit-blocks/issues

Reviews

There are no reviews for this plugin.

Contributors & Developers

“UIkit Blocks” is open source software. The following people have contributed to this plugin.

Contributors

Translate “UIkit Blocks” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

Initial release.