Powerful Gutenberg Blocks and Templates – Ghost Kit

説明

Gutenberg Blocks, Templates, and Extensions Collection for WordPress page builder – Ghost Kit. With this collection, you will gain more control over content just like with popular page builders. Just start with pre-defined templates and you can’t stop building the page 😉

弊社のプレミアムテーマでこのプラグインを使っていますが、すべてのブロックについて開発者の方々が拡張できるようになっています。

リンク

テンプレート

Ghost Kit has pre-made templates, so you can get started with it and build your pages quickly.

Typography

Change typography options globally on a whole site or on specific pages only. Options available:

  • Font Family (supported Google Fonts)
  • Font Weight
  • Font Size
  • Line Height
  • Letter Spacing

By default you can change typography for the following elements:

  • Body
  • Buttons
  • Headings
    • From H1 to H6

Formats

  • Uppercase
  • Highlight
  • Badge

ブロック

  • グリッド。12カラムシステムを利用した、様々な形やサイズのレイアウトを構成するためのレスポンシブなグリッドブロック。カラムのサイズや順序を視覚的に変更できます。
  • 進捗表示。仕事やスキル、収益の進捗状況を表現できます。
  • ボタン。重要なリンクはボタンに変更してクリック率を上げましょう。
  • 分割ツール。長い文章やブロックを分割できます。
  • アラート。ユーザーの行動に対して、文脈に応じたフィードバックメッセージを表示できます。
  • アイコンボックス。アイコンは文章表現に代わる最良の視覚表現の一つです。
  • ナンバーボックス。進捗やリワードを数字カウントで表現できます。
  • アコーディオン。コンテンツの表示 / 非表示を切り替えられます。
  • タブ。見出しをつけたタブでコンテンツを区切ることができます。
  • 「カウントダウン」。イベント予定へのカウントダウンを表示
  • 動画。シンプルかつフルスクリーンの YouTube 動画や Vimeo あるいは自己ホスト型の動画を表示できます。
  • カルーセル。画像その他のブロック、どんな形式のコンテンツにも使用できるカルーセルです。
  • 価格表。プロダクトやサービスを販売したり、その特徴すべてを表示することができます。
  • ユーザーの声。あなたのプロダクトに対するユーザーの評価やコメントを表示できます。
  • Twitter。Twitter のフィードとユーザー情報を表示できます。
  • Instagram。Instagram のフィードとユーザー情報を表示できます。
  • Google Map。カスタマイズしたスタイルやマーカー、設定を反映した地図を表示できます。
  • GitHub Gist。GitHub Gist のコードをサイトおよび記事に表示できます。
  • 更新履歴。あなたのプロダクトの更新履歴を表示できます。
  • Table of Contents. Automatically generate a table of contents by parsing page headers in content
  • ウィジェットエリア。登録されたサイドバーを選択して好きな場所に設置できます。

拡張機能

  • 余白の調整。Ghost Kit ブロックやデフォルトブロックに、手軽に余白を設定できます。
  • ディスプレイ。Ghost Kit ブロックやデフォルトブロックの表示 / 非表示を画面サイズに応じて設定できます。
  • スクロール連動アニメーション。ページのスクロールに合わせて Ghost Kit ブロックやデフォルトのブロックをアニメーションさせることができます。
  • カスタム CSS と JavaScript。この拡張機能はすべてのページで利用可能で、現在のページおよびサイト全体にカスタム CSS と JavaScript を追加できます
  • カスタマイザー。この拡張機能はすべてのページで利用可能で、作業中のページのカスタマイザーオプションを変更できるようになります。

Ghost Kit PRO のアドオンを試す

Ghost Kit PRO Addon は、Ghost Kit の機能を拡張しデザイン体験をより良いものにします。 主な特徴:

  • アイコンパックの追加
  • ビジュアルグリッドエディター
  • Google Map のカスタムマーカー
  • ボタン、背景、アイコンのグラデーション設定
  • その他、まだあります

Ghost Kit PRO のライブデモを試してみる

実際の使用例

スクリーンショット

  • すべてのブロック
  • テンプレート
  • レスポンシブグリッド
  • プログレスバー
  • Button
  • Divider
  • アコーディオン
  • タブ
  • カルーセル
  • アラート
  • Icon Box
  • ナンバーボックス
  • Google Map
  • Video
  • Testimonial
  • Instagram
  • Twitter
  • GitHub Gist
  • 更新履歴
  • 価格表
  • ブロックの拡張

ブロック

このプラグインは4個のブロックを提供します。

ghostkit/twitter
Powerful Gutenberg Blocks and Templates - Ghost Kit
ghostkit/table-of-contents
Powerful Gutenberg Blocks and Templates - Ghost Kit
ghostkit/widgetized-area
Powerful Gutenberg Blocks and Templates - Ghost Kit
ghostkit/instagram
Powerful Gutenberg Blocks and Templates - Ghost Kit

インストール

Ghost Kit を利用するには、WordPress 5を使用しているか、あるいはその代わりに Gutenberg プラグインをインストールする必要があります。

自動インストール

WordPress がファイル転送処理を行い、Web ブラウザーを終了する必要がないため、自動インストールは最も簡単な方法です。Ghost Kit の自動インストールを実施するには、WordPress のダッシュボードにログインし、プラグインのメニューページで「新規追加」をクリックしてください。

検索フィールドに Ghost Kit と打ち込んでプラグインを検索してください。Ghost Kit プラグインが表示されたら、そのリリース日や評価、説明などの詳細情報を見ることができます。もちろん、シンプルに「今すぐインストール」をクリックしてインストールすることもできます。

手動インストール

手動インストールは、Ghost Kit プラグインをダウンロードしてお好きな FTP アプリケーションから Web サーバーにアップロードする、という手順で行います。WordPress codex にプラグインの手動インストール方法の説明が記載されています。

FAQ

フロントエンドでエンキュー状態のプラグイン (JS, CSS) を無効化する方法

Ghost Kit とあわせて使用するとエンキューされるプラグインがあります。そのプラグインを好まない、または代わりのプラグインに変更したい場合は、フィルターを使用して無効化することができます。例:

add_filter( 'gkt_enqueue_plugin_font_awesome', '__return_false' );

利用できるフィルター:

  • gkt_enqueue_plugin_font_awesome
  • gkt_enqueue_plugin_object_fit_images
  • gkt_enqueue_plugin_jarallax
  • gkt_enqueue_plugin_swiper
  • gkt_enqueue_plugin_gist_embed
  • gkt_enqueue_plugin_scrollreveal
テーマへのテンプレートの追加方法

お使いのテーマにテンプレートを追加することができ、追加したテンプレートはワンクリックでページに適用できるようになります。次のサンプルはテーマテンプレート構造の例です:

  • wp-content/themes/テーマ名/ghostkit/templates/

    • /first-template/
      • /content.php
      • /thumbnail.png
    • /second-template/
      • /content.php
      • /thumbnail.png

    content.php ファイルの例:

    コンテンツ

    thumbnail.png は必須ではありませんが、挿入後にテンプレートがどのように表示されるかをユーザーが確認できるため、設定することを強くお勧めします。

How to extend typography settings

By default Typography options used for Body, Headings, and Buttons. You can add custom options by extending typography using PHP filter:

add_filter( 'gkt_custom_typography', 'my_gkt_custom_typography' );
function my_gkt_custom_typography( $custom_typography ) {

    // Add typography options for `.my-selector`.
    $custom_typography['my-selector'] = array(
        'label' => esc_html__( 'My Selector', 'ghostkit' ),
        'defaults' => array(
            'font-family-category' => 'default',
            'font-family' => '',
            'font-size' => '',
            'font-weight' => '',
            'line-height' => '',
            'letter-spacing' => '',
        ),
        'output' => array(
            array(
                'selectors' => '.my-selector',
            ),
            array(
                'selectors' => '.editor-styles-wrapper .my-selector',
                'editor' => true,
            ),
        ),
    );

    // Add typography options for `.my-selector-2` with Font Size and Font Weight control only.
    $custom_typography['my-selector-2'] = array(
        'label' => esc_html__( 'My Selector 2', 'ghostkit' ),
        'defaults' => array(
            'font-size' => '10px',
            'font-weight' => '600',
        ),
        'output' => array(
            array(
                'selectors' => '.my-selector-2',
            ),
            array(
                'selectors' => '.editor-styles-wrapper .my-selector-2',
                'editor' => true,
            ),
        ),
    );

    return $icons;
}
アイコンピッカーにアイコンを追加する方法

デフォルトでは、アイコンピッカーには FontAwesome のアイコンがセットされています。使用したいアイコンがあれば追加することができます。まずは使いたいアイコンをエディターに入力し、ページに表示されることを確認してから、PHP フィルターを使ってアイコンピッカーを拡張してください:

// add icons list.
add_filter( 'gkt_icons_list', 'my_gkt_icons' );
function my_gkt_icons( $icons ) {
    $icons['my-icons-pack'] = array(
        'name' => 'My Icons',
        'icons' => array(
            array(
                'class' => 'fab fa-500px',
                'keys' => '500px',
            ),
            array(
                'class' => 'fab fa-500px',
                'keys' => '500px',
            ),
            ...
        ),
    );

    return $icons;
}

// add icons assets
// will be automatically added in Editor and Frontend
add_action( 'gkt_icons_enqueue_assets__my-icons-pack', 'my_gkt_icons_enqueue_assets' );
function my_gkt_icons_enqueue_assets( $icons ) {
    wp_register_script( 'my-icons-pack', plugins_url( '/assets/my-icons-pack/script.min.js', __FILE__ ), array(), '1.0.0' );
}
既存ブロックの拡張方法

You should use default Gutenberg hooks to extend blocks functionality. Read more here: https://wordpress.org/gutenberg/handbook/designers-developers/developers/filters/block-filters/#block-style-variations

既存ブロックのクラス名を拡張する方法

You can extend Gutenberg blocks save attributes using core hooks. Read more here: https://developer.wordpress.org/block-editor/developers/filters/block-filters/#blocks-getsavecontent-extraprops

jQuery のフロントエンドイベント

フロントエンドには jQuery イベントをたくさん用意しています。使用例:

jQuery( document ).on( 'afterInitBlocks.ghostkit', function( evt, classObject ) {
    console.log( evt, classObject );
} );

利用できるイベント:

  • beforeInit.ghostkit
  • afterInit.ghostkit
  • beforeInitBlocks.ghostkit
  • afterInitBlocks.ghostkit
  • beforePrepareCounters.ghostkit
  • afterPrepareCounters.ghostkit
  • beforeRunCounters.ghostkit
  • afterRunCounters.ghostkit
  • beforePrepareTabs.ghostkit
  • afterPrepareTabs.ghostkit
  • beforePrepareAccordions.ghostkit
  • afterPrepareAccordions.ghostkit
  • beforePrepareCarousels.ghostkit
  • afterPrepareCarousels.ghostkit
  • beforePrepareVideo.ghostkit
  • afterPrepareVideo.ghostkit
  • beforePrepareGist.ghostkit
  • afterPrepareGist.ghostkit
  • beforePrepareChangelog.ghostkit
  • afterPrepareChangelog.ghostkit
  • beforePrepareGoogleMaps.ghostkit
  • beforePrepareGoogleMapsStart.ghostkit
  • beforePrepareGoogleMapsEnd.ghostkit
  • afterPrepareGoogleMaps.ghostkit
  • beforePrepareSR.ghostkit
  • beforePrepareSRStart.ghostkit
  • beforeInitSR.ghostkit
  • beforePrepareSREnd.ghostkit
  • afterPrepareSR.ghostkit

評価

2019年9月14日
Feels lightweight, and neither like "themebuilder" themes, nor annoying visual page builders of Classic WordPress Editor era. An essential install for all Gutenberg WordPress sites I'm developing.
2019年7月31日
Like the ability to animate elements on scroll and good response from support to fine tune this. Would like to see a few other features such as post grids and accordion but can be used fine in conjunction with other plugins and I expect good development.
2019年6月2日
thank you very much for the effort. good minimal design. some of the larger competitors don't have support for tabs, that's how I luckily ended up with your plugin. keep up the good work
2019年4月11日
Amazing gutenberg plugin, I tested many of them: like Kadence Block, CoBlocks, Atomic, Advanced, Stackable – Gutenberg Blocks. None of them has such excelent grid system and fine interface as ghostkit. They all lack responsive settings. On an average site no need for other gutenberg plugins, as it includes everything needed. Thank you guys for this spencer
15件のレビューをすべて表示

貢献者と開発者

Powerful Gutenberg Blocks and Templates – Ghost Kit はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Powerful Gutenberg Blocks and Templates – Ghost Kit” は3ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Powerful Gutenberg Blocks and Templates – Ghost Kit” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

2.7.1

  • added transformations Accordion to Tabs and vice versa (issue #31)
  • fixed possible errors with reusable blocks
  • fixed width of column content in editor
  • fixed alert, icon box and number box last child paragraph margin

2.7.0

  • added Countdown block
  • added Custom CSS extension for each blocks
  • added preview in editor for buttons outline styles
  • added examples to blocks
  • added translations to js files
  • added Vertical option for Tabs block
  • added Pills style variant for Tabs block
  • added stars option for Testimonial block
  • added URL options for Icon Box and Counter Box blocks
  • added Accordion block activation based on location hash
  • added active indicators to extensions panels
  • improved Accordion block to work with unique slug, generated from label
  • improved Tabs/Accordion labels unique slug generator (no hash conflicts)
  • updated vendor plugins FontAwesome, Swiper, Jarallax
  • fixed reusable widget rendering in custom posts without Gutenberg enabled
  • fixed reusable blocks custom styles rendering

2.6.3

  • disabled all extensions on dynamic core blocks
  • fixed Templates modal open when active PRO
  • fixed settings JS errors when no options updated

2.6.2

  • added Typography settings page
  • removed Settings page
    • added Icons settings page
    • added CSS & JavaScript settings page
  • better fonts loading (load only necessary weights)

2.6.1

  • fixed custom styles loading in reusable widget

2.6.0

  • Warning! Changed custom styles rendering method. Recommended to go over all your posts and click on the Update button.
  • added Typography settings
    • add Google Fonts globally site-wide
    • add Google Fonts locally on the edited page only
  • added preview for all core blocks in editor for Spacings extension
  • added Table of Contents block
  • added Styles for core/list block
  • added Numbered Style for core/heading block
  • added Highlight format to WYSIWYG toolbar
  • added Spacings and Display extensions support for Instagram and Twitter blocks
  • improved Icon Picker
    • improved performance
    • added tooltips on each icon
    • added toggle button for categories
  • improved performance of templates list loading
  • changed Progress minimum height to 1
  • changed Templates capability type to Post
  • changed all extensions to use native className attribute
  • fixed grid column bottom sticky
  • fixed blocks unique classnames regeneration every time when editor loads
  • fixed Carousels added inside Tabs
  • minor UI changes

2.5.0

  • added Focal Point picker in Grid background settings
  • added jQuery events for ScrollReveal to let users change the config
  • improved position of badges popup with color picker
  • changed Changelog badges styles
  • changed Grid background img tag output (fixes bug, when user with Editor permission save background image and block crashed)
  • updated FontAwesome to 5.9.0
  • updated Swiper to 4.5.0
  • updated Jarallax to 1.11.0
  • fixed Badge background color when adding it the first time
  • fixed selected Column content left offset

2.4.4

  • fixed grid background alignfull left and right styles
  • fixed conflict with AWB video background and Video Block
  • changed video-worker script to jarallax

2.4.3

  • added Grid Gap preview styles in editor
  • added Carousel item block inserter
  • fixed Carousel fade effect and visible previous slides
  • fixed pricing table editor columns styles in default themes

2.4.2

  • added cleanup to Animate On Scroll blocks (extra styles automatically removed after animation ended)
  • fixed Animate On Scroll errors in all blocks since update 2.4.1

2.4.1

  • added “Animate on Scroll” preview in editor
  • improved styles for code editor component
  • fixed ‘getBlockOrder’ of undefined error

2.4.0

  • added option to hide text in button and show only icon
  • added Columns appender
  • added blocks transformations:
    • core/quote, core/pullquote -> ghostkit/testimonial
    • core/columns -> ghostkit/grid
    • core/button -> ghostkit/button
    • between ghostkit/alert, ghostkit/counter-box, ghostkit/number-box
  • added buttons wrapper clear style
  • show grid align controls if 1 column selected
  • fixed conflict with core/archives block
  • fixed Google Maps block error when used invalid API key
  • fixed FullHeight Google Maps block editor preview
  • fixed Buttons block label save bug
  • fixed Gist preloader

2.3.0

  • added Templates Library. You can now add pre-designed templates and create your own
  • added image backgrounds support on Grid and Column
  • added global CSS & JavaScript on Settings page
  • added support for prefix and suffix in Counter Box (just add texts around your count)
  • added responsive Vertical Align option on Column block
  • fixed creating new Button, Accordion and Pricing Table blocks (handles error after page updated)
  • fixed changelog badge width
  • fixed progress caption remove error
  • fixed error when disabling blocks
  • fixed Testimonials name and source remove error
  • fixed Pricing Table RichTexts remove error
  • fixed Progress Bar xml import error (aria attributes bug)
  • fixed Grid columns number control if only 1 column showed

2.2.0

  • added local and global Custom CSS / JS options
  • added Ghost Kit options, that contains Custom Code and Customizer buttons (top right corner of Gutenberg editor)
  • added Open in new tab and nofollow options on Buttons block
  • added inline badges support (see text editor toolbar for new option)
  • added uppercase format to text editor
  • removed Custom CSS and Customizer blocks (use Ghost Kit options instead)
  • minor changes

2.1.0

  • added icon picker right inside block preview in editor for blocks:
    • アラート
    • Button
    • Divider
    • Icon Box
    • Testimonial
    • Video
  • added Buttons ‘+’ button to add buttons
  • added Buttons block prev/next move buttons to resort
  • added Buttons ‘Align’ button in Inspector
  • added Accordion ‘+’ button to add new accordion
  • added Accordion ‘-‘ button to remove selected accordion
  • added Accordion ‘Collapse’ button in Toolbar
  • added Accordion items up/down buttons to resort
  • added Tabs ‘+’ button to add new tab
  • added Tabs ‘-‘ button to remove selected tab
  • added Tabs ‘Align’ button in Toolbar
  • added Number Box ‘Position’ button in Toolbar
  • added Number Box ‘Show Content’ option
  • added Pricing Table ‘+’ button to add new tables
  • added Pricing Table ‘-‘ button to remove selected table
  • added Pricing Table items prev/next buttons to resort
  • added Icon Box ‘Position’ button in Toolbar
  • added Icon Box ‘Show Content’ option
  • added Video ‘Aspect Ratio’ button in Toolbar
  • added Video ‘URL’ input in Toolbar
  • added Progress Bar resizable indicators
  • added Google Maps ‘Add Marker’ button in Toolbar
  • added Google Maps ‘Style’ button in Toolbar
  • added Google Maps ‘Full Height’ option in Inspector
  • added Google Maps height resizable box
  • added Google Maps ‘Better Scroll & Draggable’ option
  • added Grid dynamic layouts preview generator (without SVG)
  • added custom filter ‘ghostkit.editor.grid.layouts’ to extend predefined Grid layouts
  • added Video transformations to Core blocks
  • added Divider transformations to Separator
  • changed Grid and Column buttons to icons instead of ‘Select Grid’ and ‘Select Column’
  • changed Google Maps ‘Style’ selector to image picker
  • change Video ‘Aspect Ratio’ selector to image picker
  • changed default Google Maps styles (better contrast)
  • improved icon picker:
    • larger icons
    • 3 icons per row
    • sticky icons pack label
  • updated all block icons (removed ghost from icons and changed color)
  • hide Grid options if no layout selected
  • fixed Google Maps error after adding marker
  • fixed Google Maps Full Height styles in Editor
  • fixed column content sticky
  • fixed ‘gkt_enqueue_plugin_font_awesome’ filter order (you can use it in themes functions.php)
  • a lot of minor changes

2.0.1

  • fixed Tabs Legacy block extensions support

2.0.0

  • added background option for Grid and Column blocks (+ support image, video and parallax backgrounds with AWB plugin)
  • added Video block possibility to play videos on mobile devices without open new tab
  • added Video block autoplay & autopause options
  • added Icons to Button block
  • added extendable Icon Picker control with default FontAwesome icons
  • added draggable for Spacing inputs. Now you can change value using mouse and up, down keys
  • added plugin Settings page
  • added Tabs page hash support (old tabs are deprecated, you need to add new Tabs block on the page)
  • added controls to show/hide Pricing Table price/currency/repeat items
  • added ‘ghostkit’ attribute with plugin parameters support for blocks (3rd-party blocks may be extended with Ghost Kit Extensions)
  • added :focus styles outline for Button block
  • added Ghost Kit PRO addon support
  • added ‘inserter’ and ‘reusable’ attributes with ‘false’ value in inner blocks
  • added icon in Ghost Kit blocks category
  • improved Grid block columns and row hovering styles
  • updated overall styles
    • changed offsets to em
    • changed changelog badges to solid color
    • added border-radius to some blocks
  • changed Video block image placeholder only visible until video start playing
  • changed Google Maps data-markers attribute to children blocks for each marker (better extensions possibility)
  • changed column structure (added content wrapper for better extensions possibility)
  • changed Grid Column editor classes (added variants and custom Ghost Kit unique class support)
  • removed inline toolbar from Tabs & Accordion
  • disabled Spacings inputs autocomplete
  • fixed IE11 Counter Box and Icon Box blocks with top icon and number
  • fixed Tabs block disappearing of tabs when renaming it
  • fixed Button line height in editor
  • fixed Accordion collapse icon size & position in editor
  • fixed Alert, Icon Box & Number Box editor content margins
  • fixed custom className duplicates in most of blocks
  • fixed Grid columns attributes resets to defaults after initial insertion
  • fixed Grid block full width align horizontal scrollbar in editor
  • fixed multiple rows in Grid block editor columns overlapping
  • fixed custom style unique class duplication after block clone
  • fixed inner blocks overlapping in editor Alert, Number Box & Icon Box blocks
  • fixed invisible video in some themes

1.6.3

  • added file types limitations in Video and Testimonial blocks
  • fixed WP 5.0 admin styles enqueue
  • fixed self-hosted videos play on mobile devices
  • fixed jQuery is undefined error in some of the themes

1.6.2

  • added jQuery custom events trigger
  • added img selector string in OFI script
  • improved ghostkit attributes – created only when custom styles added (before this update it was always added on all blocks)
  • changed main script to es6 class for extensions
  • fixed Google Maps marker address change
  • fixed some blocks broken after XML content importing (escaped characters in custom styles)

1.6.1

  • added number wrapper in counter box
  • changed carousel slides backgrounds in editor
  • fixed usage of deprecated PanelColor
  • fixed button line height in editor
  • fixed “Bar” label in progress bar background color control

1.6.0

  • added hover colors options to Alert, Number Box, Counter Box, Icon Box, Divider, Progress blocks
  • improved color pickers in blocks (show colors palette only in popover)
  • changed fullscreen video popup z-index to 1500
  • removed CodeEditor from Custom CSS since it removed in Gutenberg 4.2
  • fixed error in Customizer, Instagram, Twitter, Testimonial, Video blocks in Gutenberg 4.2
  • fixed Animate on Scroll zoom effect
  • minor changes

1.5.2

  • fixed selected image preview in Inspector (Video and Testimonial blocks)

1.5.1

  • added default InnerBlocks in Alert, Number Box, Icon Box, Testimonial, Changelog
  • fixed Gutenberg 4.0 Spacing extension and Grid Columns options
  • fixed Gutenberg 4.0 number attribute type automatic convert
  • fixed Gutenberg 4.0 Button block url input width
  • fixed Pricing Table block variant name to extend it
  • fixed Pricing Table block error when enabled showPopular option
  • fixed Pricing Table block padding in features list
  • fixed Pricing Table block bottom margin on mobile devices
  • fixed Grid block fullwidth styles in editor
  • fixed Google Maps block markers show when no custom map Style defined

1.5.0

  • deprecated Customizer and Custom CSS blocks. This functionality you can find in the top right corner of the editor
  • added multiple buttons support in Button block. Be careful, Button block may lose some settings when you update the plugin
  • added Instagram block
  • added Twitter block
  • added Pricing Table block
  • added widget for reusable blocks to use in sidebars
  • added anchor support to almost all blocks
  • improved Animate on Scroll extension (added more options)
  • changed default blocks color
  • changed button block url input style (now floating)
  • changed Spacings extension (device selector changed to tabs)
  • prevent adding extensions on reusable blocks
  • fixed php error when Gutenberg plugin is not activated
  • fixed animate in viewport, when on the screen > 1 counters or progress bars
  • fixed styles rendering for new and duplicated blocks
  • fixed first loading of Customizer block
  • fixed php notices in customizer
  • fixed custom styles in transformed blocks
  • minor changes

1.4.0

  • added Animate in viewport options in Number Box and Progress Bar
  • added Animate on Scroll extension (use scrollreveal library)
  • added Custom CSS block styles in editor to preview
  • extensions moved from Advanced inspector to bottom of Inspector Controls
  • renamed extension Indents to Spacings
  • fixed column sticky position 0
  • fixed Google Maps placeholder marker icon map overlap
  • fixed Google Maps deprecated object

1.3.0

  • added Google Maps block
  • added !important style support in Spacings extension
  • changed plugin logo

1.2.0

  • added Changelog block
  • added Widgetized Area block
  • added vertical align buttons in Grid toolbar
  • added predefined layouts in Grid block (when you first insert Grid, you can choose)
  • updated some block icons
  • fixed Gist block table styles bug in default themes
  • fixed possible bug with “0” number output in some blocks

1.1.4

  • added Gist block transformation from url
  • added option collapseOne to Accordion block
  • added option count to Progress block
  • added helper toolbar with predefined styles to Alert block
  • added helper toolbar with line type to Divider block
  • improved Grid column responsive settings (added tabs for each device)
  • changed icons to use <svg> instead of <img>

1.1.3

  • improved blocks JS initialization. Support dynamic blocks (for example after AJAX content loading)
  • updated block icons

1.1.2

  • added support for Gutenberg 3.7.0
  • improved custom styles extension (simplified code and prevent console warnings)

1.1.1

1.1.0

  • added Testimonial block
  • added Divider block
  • added support for some Kirki fields in Customizer block
  • added Fullscreen click action in Video block
  • added column block Sticky option
  • updated FontAwesome to 5.2.0
  • changed RichText usage (some blocks may break)
  • removed wp-block-… classname from all blocks
  • fixed Customizer and Custom CSS blocks save meta data in custom posts
  • fixed Custom CSS block styles escaping (escape > and <)
  • fixed columns centering in Grid block editor
  • fixed GitHub Gist block iOs smooth scroll
  • minor fixes

1.0.0

  • Initial Release