| 1 |
# Ghost Kit – Page Builder Blocks, Motion Effects & Extensions # |
| 2 |
|
| 3 |
* Contributors: nko |
| 4 |
* Tags: page builder, effects, animation, blocks, gutenberg blocks |
| 5 |
* Donate link: https://www.ghostkit.io/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=donate |
| 6 |
* Requires at least: 6.6 |
| 7 |
* Tested up to: 6.7 |
| 8 |
* Requires PHP: 7.2 |
| 9 |
* Stable tag: 3.4.1 |
| 10 |
* License: GPLv2 or later |
| 11 |
* License URI: <http://www.gnu.org/licenses/gpl-2.0.html> |
| 12 |
|
| 13 |
Create engaging websites using over 25 advanced blocks featuring motion effects, smooth animations, and robust extensions. |
| 14 |
|
| 15 |
## Description ## |
| 16 |
|
| 17 |
**The Ultimate WordPress Page Building Solution** |
| 18 |
� |
| 19 |
� |
| 20 |
� |
| 21 |
� |
| 22 |
� |
| 23 |
<br> |
| 24 |
|
| 25 |
**Ghost Kit enhances the WordPress editing experience** with a comprehensive collection of Gutenberg blocks, motion effects, and extensions. Create sophisticated, interactive websites using an intuitive interface and extensive customization options. Design engaging layouts, add smooth animations, and extend functionality while maintaining optimal performance. Ghost Kit gives you the precise control you need over your content, making it a powerful alternative to complex page builders. |
| 26 |
|
| 27 |
[See Live Demo](https://www.ghostkit.io/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head) | [Documentation](https://www.ghostkit.io/docs/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head) | [GitHub](https://github.com/nk-crew/ghostkit/) |
| 28 |
|
| 29 |
We created this blocks collection for our own needs - create different multipurpose sites and themes. This is a professional collection and extensions with responsive grid system helps us and will help you as well, **Ghost Kit will boost your development speed**. |
| 30 |
|
| 31 |
### 🏆 Create Multipurpose Sites with Ghost Kit ### |
| 32 |
|
| 33 |
Gutenberg is good tool for basic websites, but when you need something advanced, Ghost Kit will give you the needed power. Enormous collection of blocks and extensions will be your magic wand: |
| 34 |
|
| 35 |
#### 🧱 Blocks #### |
| 36 |
|
| 37 |
* [**Advanced Columns Block**](https://www.ghostkit.io/docs/blocks/advanced-columns/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 38 |
Responsive grid block to build layouts of all shapes and sizes thanks to a twelve column system. Visual columns size and order change. |
| 39 |
|
| 40 |
* [**Progress Block**](https://www.ghostkit.io/docs/blocks/progress/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 41 |
Show the progress of your work, skills or earnings. |
| 42 |
|
| 43 |
* [**Button Block**](https://www.ghostkit.io/docs/blocks/button/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 44 |
Change important links to buttons to get more click rate. |
| 45 |
|
| 46 |
* [**Circle Button Block**](https://www.ghostkit.io/docs/blocks/circle-button/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 47 |
Circle button with circular text. |
| 48 |
|
| 49 |
* [**Shape Divider Block**](https://www.ghostkit.io/docs/blocks/shape-divider/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 50 |
Add SVG shapes between your sections. |
| 51 |
|
| 52 |
* [**Divider Block**](https://www.ghostkit.io/docs/blocks/divider/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 53 |
Divide your long texts and blocks. |
| 54 |
|
| 55 |
* [**Alert Block**](https://www.ghostkit.io/docs/blocks/alert/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 56 |
Provide contextual feedback messages for user actions. |
| 57 |
|
| 58 |
* [**Icon Block**](https://www.ghostkit.io/docs/blocks/icon/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 59 |
Icons are one of the best visual replacement for text descriptions. |
| 60 |
|
| 61 |
* [**Number Box Block**](https://www.ghostkit.io/docs/blocks/number-box/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 62 |
Show your progress and rewards using counting numbers. |
| 63 |
|
| 64 |
* [**Accordion Block**](https://www.ghostkit.io/docs/blocks/accordion/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 65 |
Toggle the visibility of content across your project. |
| 66 |
|
| 67 |
* [**Tabs Block**](https://www.ghostkit.io/docs/blocks/tabs/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 68 |
Separate content on the tabs with titles. |
| 69 |
|
| 70 |
* [**Toggle Content Block**](https://www.ghostkit.io/docs/blocks/toggle-content/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 71 |
Switch content by clicking on toggle button. |
| 72 |
|
| 73 |
* [**Countdown Block**](https://www.ghostkit.io/docs/blocks/countdown/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 74 |
Display countdown for you upcoming events. |
| 75 |
|
| 76 |
* [**Video Block**](https://www.ghostkit.io/docs/blocks/video/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 77 |
Plain and Fullscreen YouTube, Vimeo and Self-Hosted videos. |
| 78 |
|
| 79 |
* [**Image Compare Block**](https://www.ghostkit.io/docs/blocks/image-compare/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 80 |
Compare two images with a slider. |
| 81 |
|
| 82 |
* [**Image Scroller Block**](https://www.ghostkit.io/docs/blocks/image-scroller/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 83 |
Scroll tall images with hover or mouse scroll. |
| 84 |
|
| 85 |
* [**Interactive Links Block**](https://www.ghostkit.io/docs/blocks/interactive-links/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 86 |
Interactive links with media displayed on hover. |
| 87 |
|
| 88 |
* [**Magnifying Image Block**](https://www.ghostkit.io/docs/blocks/magnifying-image/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 89 |
Image block with magnifying glass effect. |
| 90 |
|
| 91 |
* [**Carousel Block**](https://www.ghostkit.io/docs/blocks/carousel/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 92 |
Carousel for any type of content – images or other blocks. |
| 93 |
|
| 94 |
* [**Marquee Block**](https://www.ghostkit.io/docs/blocks/marquee/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 95 |
Scroll text and blocks in a marquee effect. |
| 96 |
|
| 97 |
* [**Code Highlight Block**](https://www.ghostkit.io/docs/blocks/code/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 98 |
Display code snippets with syntax highlighting |
| 99 |
|
| 100 |
* [**Pricing Table Block**](https://www.ghostkit.io/docs/blocks/pricing-table/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 101 |
Sell your products or services and show all features. |
| 102 |
|
| 103 |
* [**Testimonial Block**](https://www.ghostkit.io/docs/blocks/testimonial/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 104 |
Show how your users love your products and what saying. |
| 105 |
|
| 106 |
* [**GIF Block**](https://www.ghostkit.io/docs/blocks/gif/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 107 |
Search for and insert an animated image from Giphy. |
| 108 |
|
| 109 |
* [**Contact Form Block**](https://www.ghostkit.io/docs/blocks/form/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 110 |
Add contact form to your page with reCaptcha. |
| 111 |
|
| 112 |
* [**Google Maps Block**](https://www.ghostkit.io/docs/blocks/google-maps/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 113 |
Show maps with custom styles, markers and settings. |
| 114 |
|
| 115 |
* [**GitHub Gist Block**](https://www.ghostkit.io/docs/blocks/github-gist/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 116 |
Embed code parts form GitHub Gist to your site or documentation. |
| 117 |
|
| 118 |
* [**Changelog Block**](https://www.ghostkit.io/docs/blocks/changelog/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 119 |
Show the changes log of your product. |
| 120 |
|
| 121 |
* [**Table of Contents Block**](https://www.ghostkit.io/docs/blocks/table-of-contents/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=blocks) |
| 122 |
Automatically generate a table of contents by parsing page headers in content. |
| 123 |
|
| 124 |
* **Markdown Block** |
| 125 |
Lightweight markup language with plain-text-formatting syntax. |
| 126 |
|
| 127 |
* **Widgetized Area Block** |
| 128 |
Select registered sidebars and put it in any place. |
| 129 |
|
| 130 |
#### ⚙️ Extensions #### |
| 131 |
|
| 132 |
* [**Effects**](https://www.ghostkit.io/docs/extensions/effects/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions) |
| 133 |
Add stunning visual effects and interactivity to Ghost Kit and Core blocks. You can can easily add reveal animations, scroll effects, mouse move/hover/press effects and loop animations. |
| 134 |
|
| 135 |
* [**Position**](https://www.ghostkit.io/docs/extensions/position/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions) |
| 136 |
Change block position to absolute or fixed and move it with offset in Ghost Kit and Core blocks. |
| 137 |
|
| 138 |
* [**Spacings**](https://www.ghostkit.io/docs/extensions/spacings/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions) |
| 139 |
Easily add spacings to Ghost Kit and Core blocks. |
| 140 |
|
| 141 |
* [**Display**](https://www.ghostkit.io/docs/extensions/display-conditions/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions) |
| 142 |
Show and hide blocks Ghost Kit and Core blocks on different screen sizes. |
| 143 |
|
| 144 |
* [**Frame**](https://www.ghostkit.io/docs/extensions/frame/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions) |
| 145 |
Add borders, shadows and corner radius to Ghost Kit and Core blocks on different screen sizes. |
| 146 |
|
| 147 |
* [**Custom CSS & JavaScript**](https://www.ghostkit.io/docs/extensions/custom-css-js/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=extensions) |
| 148 |
This extension is available on all pages and let you add custom CSS and JavaScript for the current page and globally site wide. |
| 149 |
|
| 150 |
### 📄 Typography ### |
| 151 |
|
| 152 |
Change typography options globally on a whole site or on specific pages only. Options available: |
| 153 |
|
| 154 |
* Font Family |
| 155 |
* Google Fonts |
| 156 |
* Adobe Fonts (Typekit) in Pro version |
| 157 |
* Font Weight |
| 158 |
* Font Size |
| 159 |
* Line Height |
| 160 |
* Letter Spacing |
| 161 |
|
| 162 |
By default you can change typography for the following elements: |
| 163 |
|
| 164 |
* Body |
| 165 |
* Buttons |
| 166 |
* Headings |
| 167 |
* From H1 to H6 |
| 168 |
|
| 169 |
### 🎨 Color Palette ### |
| 170 |
|
| 171 |
Add custom colors to Gutenberg color palette. |
| 172 |
|
| 173 |
### 📝 Extended Core Blocks ### |
| 174 |
|
| 175 |
Ghost Kit enhances all WordPress blocks by providing additional functionalities, but it also offers special extensions for specific blocks. |
| 176 |
|
| 177 |
* [Headings](https://www.ghostkit.io/docs/core-blocks/heading/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=core-blocks) |
| 178 |
* [Lists](https://www.ghostkit.io/docs/core-blocks/list/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=core-blocks) |
| 179 |
* [Paragraph](https://www.ghostkit.io/docs/core-blocks/paragraph/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=core-blocks) |
| 180 |
|
| 181 |
### 📝 Content Formatting ### |
| 182 |
|
| 183 |
See demo page with content formatting [https://www.ghostkit.io/docs/formats/](https://www.ghostkit.io/docs/formats/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 184 |
|
| 185 |
* [Animated Text](https://www.ghostkit.io/docs/formats/animated-text/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 186 |
* [Badges](https://www.ghostkit.io/docs/formats/badge/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 187 |
* [Lorem Ipsum Generator](https://www.ghostkit.io/docs/formats/lorem-ipsum-generator/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 188 |
* [Spoiler](https://www.ghostkit.io/docs/formats/spoiler/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 189 |
* [Stroke](https://www.ghostkit.io/docs/formats/stroke/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 190 |
* [Tooltip](https://www.ghostkit.io/docs/formats/tooltip/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 191 |
* [Uppercase](https://www.ghostkit.io/docs/formats/tooltip/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=formatting) |
| 192 |
|
| 193 |
### 🔥 Ghost Kit Pro ### |
| 194 |
|
| 195 |
> Ghost Kit plugin is also available in a professional version which includes more features and blocks! [**Learn more about Ghost Kit Pro**](https://www.ghostkit.io/pricing/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro) |
| 196 |
> |
| 197 |
> In order to maintain the free version of the plugin on an ongoing basis, and to provide quick and effective support for free, we offer a Pro version of the plugin. The Pro version allows you to: |
| 198 |
|
| 199 |
* More Blocks |
| 200 |
* Code Highlight block |
| 201 |
* Marquee block |
| 202 |
* Interactive Links block |
| 203 |
* Magnifying Image block |
| 204 |
* Image Scroller block |
| 205 |
* Circle Button block |
| 206 |
* Toggle Content block |
| 207 |
* More Content Formatting |
| 208 |
* Animated Text format |
| 209 |
* Stroke format |
| 210 |
* Spoiler format |
| 211 |
* Tooltip format |
| 212 |
* Advanced Effects: |
| 213 |
* Loop Effects |
| 214 |
* Scroll Effects |
| 215 |
* Mouse Effects |
| 216 |
* 3D Rotation |
| 217 |
* Custom Viewport |
| 218 |
* Replay Animation |
| 219 |
* More Icon Packs |
| 220 |
* Custom Block Attributes |
| 221 |
* CSS Transform and Transition for blocks |
| 222 |
* Custom Responsive Breakpoints |
| 223 |
* Additional shapes for Shape Divider block |
| 224 |
* Adobe Fonts (Typekit) |
| 225 |
* Custom Fonts |
| 226 |
* Gradient buttons, backgrounds, icons, badges |
| 227 |
* Google Maps custom markers and info boxes |
| 228 |
* And more |
| 229 |
|
| 230 |
### 🏳️ Multilingual ## |
| 231 |
|
| 232 |
Ghost Kit adds a new layer of compatibility for [WPML](https://wpml.org/). All blocks are compatible with it and ready for translation. [https://www.ghostkit.io/docs/languages/multilingual/](https://www.ghostkit.io/docs/languages/multilingual/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=multilingual) |
| 233 |
|
| 234 |
## Installation ## |
| 235 |
|
| 236 |
### Automatic installation ### |
| 237 |
|
| 238 |
Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Ghost Kit, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New. |
| 239 |
|
| 240 |
In the search field type Ghost Kit and click Search Plugins. Once you’ve found our plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”. |
| 241 |
|
| 242 |
### Manual installation ### |
| 243 |
|
| 244 |
The manual installation method involves downloading our Ghost Kit plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains [instructions on how to do this here](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation). |
| 245 |
|
| 246 |
## Frequently Asked Questions ## |
| 247 |
|
| 248 |
### Documentation #### |
| 249 |
|
| 250 |
The plugin documentation provides a comprehensive source of information on blocks, extensions, actions, filters, events, and more for developers. It is a valuable resource for finding all the relevant details you may need. |
| 251 |
|
| 252 |
[https://www.ghostkit.io/docs/getting-started/](https://www.ghostkit.io/docs/getting-started/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs) |
| 253 |
|
| 254 |
## Screenshots ## |
| 255 |
|
| 256 |
1. All blocks |
| 257 |
2. Templates |
| 258 |
3. Responsive Advanced Columns |
| 259 |
4. Progress Bar |
| 260 |
5. Button |
| 261 |
6. Divider |
| 262 |
7. Accordion |
| 263 |
8. Tabs |
| 264 |
9. Carousel |
| 265 |
10. Alert |
| 266 |
11. Icon Box |
| 267 |
12. Counter Box |
| 268 |
13. Google Maps |
| 269 |
14. Video |
| 270 |
15. Testimonial |
| 271 |
16. GitHub Gist |
| 272 |
17. Changelog |
| 273 |
18. Pricing Table |
| 274 |
19. Blocks Extensions |
| 275 |
|
| 276 |
## Changelog ## |
| 277 |
|
| 278 |
= 3.4.1 - Jan 13, 2025 = |
| 279 |
|
| 280 |
* fixed blocks error in Widgets screen because 'core/editor' store is not available |
| 281 |
* updated Google Fonts list |
| 282 |
|
| 283 |
= 3.4.0 - Dec 18, 2024 = |
| 284 |
|
| 285 |
* added WordPress 6.7 compatibility fixes |
| 286 |
* significantly improved motion effects performance to prevent memory overload |
| 287 |
* fixed editor slow rendering when first page load and when duplicate blocks without any extensions on blocks |
| 288 |
* fixed displaying responsive toggle in editor header |
| 289 |
* fixed resizing editor preview when switch responsive toggles |
| 290 |
* fixed usage of `wp-content` hardcoded string, use constants if available |
| 291 |
* hidden Twitter and Instagram blocks from inserter as it is deprecated long time ago |
| 292 |
* removed fallback class for Breakpoints, as it is no longer required |
| 293 |
* minor changes |
| 294 |
* **Pro:** |
| 295 |
* changed text domain from `ghostkit-pro` to `ghostkit` |
| 296 |
* fixed displaying message about license activation in the plugins list when the license already active |
| 297 |
* removed Circle Button frontend script, because it is no longer used, as we have Effects extension |
| 298 |
|
| 299 |
= 3.3.3 - Sep 7, 2024 = |
| 300 |
|
| 301 |
* added escaping to imageTag attribute in the Grid block to prevent xss vulnerability |
| 302 |
|
| 303 |
= 3.3.2 - Jul 31, 2024 = |
| 304 |
|
| 305 |
* migrate Pro plugin from Paddle to LemonSqueezy |
| 306 |
* fixed customizer plugin selector settings rendering |
| 307 |
* fixed Color Palette plugin saving custom colors, displaying default color picker dropdown |
| 308 |
* fixed deprecated Templates modal loading |
| 309 |
|
| 310 |
= 3.3.0 - May 26, 2024 = |
| 311 |
|
| 312 |
* **Important**: the Pro plugin is now standalone and no longer requires the free plugin. If you are using Pro plugin v2, do not update the Free plugin to v3.3. Instead, update the Pro plugin and deactivate the Free one. |
| 313 |
* fixed Counter Box saving incorrect class names |
| 314 |
* fixed loading blocks in the legacy Widgets editor |
| 315 |
|
| 316 |
= 3.2.4 - Mar 15, 2024 = |
| 317 |
|
| 318 |
* fixed extensions enable in 3rd-party blocks with config like this: |
| 319 |
``` |
| 320 |
ghostkit: { |
| 321 |
customCSS: true, |
| 322 |
} |
| 323 |
``` |
| 324 |
|
| 325 |
= 3.2.3 - Feb 26, 2024 = |
| 326 |
|
| 327 |
* fixed loading some Google Fonts with specific names. For example, font "Source Serif 4" was not loaded properly |
| 328 |
* fixed Accordion and Tabs buttons default text align |
| 329 |
* fixed Video block with "icon only" style displaying poster image in editor |
| 330 |
|
| 331 |
= 3.2.2 - Feb 21, 2024 = |
| 332 |
|
| 333 |
#### Pro: |
| 334 |
|
| 335 |
* Pro plugin v2.2.2 |
| 336 |
* added transformation from Code and Preformatted blocks to Code Highlight |
| 337 |
* fixed Code block Vesper theme default color |
| 338 |
* fixed Code block None language rendering |
| 339 |
* fixed fonts rendering on frontend |
| 340 |
|
| 341 |
#### Free: |
| 342 |
|
| 343 |
* fixed Pro features Note returns an error and leads the block to crash in the editor |
| 344 |
|
| 345 |
= 3.2.1 - Feb 19, 2024 = |
| 346 |
|
| 347 |
* fixed typography and fonts loading on frontend |
| 348 |
|
| 349 |
= 3.2.0 - Feb 18, 2024 = |
| 350 |
|
| 351 |
> There are significant changes to the following blocks: `Google Maps`, `Tabs`, and `Accordion`. |
| 352 |
> Old blocks will work correctly, but after this update, it is highly recommended to do the following steps: |
| 353 |
> |
| 354 |
> 1. Open page in editor where these blocks are used |
| 355 |
> 2. Make any change in content (for ex. add and remove paragraph) |
| 356 |
> 3. Click on the Update button to re-save the page. |
| 357 |
|
| 358 |
#### Pro: |
| 359 |
|
| 360 |
* Pro plugin v2.2.0 |
| 361 |
* added Code Highlight block <https://www.ghostkit.io/docs/blocks/code/> |
| 362 |
* added support for alpha channel in Stroke format color |
| 363 |
* added support for `ivent` library used in the free plugin |
| 364 |
* fixed Magnifying Image block side view z-index |
| 365 |
* fixed wrong gap calculation in Marquee block |
| 366 |
* fixed enqueue assets for iframe - use `enqueue_block_assets` |
| 367 |
* removed Google Maps extension → added to the Free plugin |
| 368 |
* removed support for deprecated Fonts API |
| 369 |
|
| 370 |
#### Free: |
| 371 |
|
| 372 |
* reworked Google Maps block: |
| 373 |
* added support for custom markers and info window text |
| 374 |
* moved map styles to Styles tab |
| 375 |
* simplified Full Height map styles to use `--wp-admin--admin-bar--height` variable |
| 376 |
* removed dependency on 3rd-party library - use Google Maps API directly |
| 377 |
* reworked Tabs block: |
| 378 |
* improved WCAG compatibility |
| 379 |
* added `aria-selected`, `aria-labelledby`, `aria-controls`, and `aria-orientation` attributes |
| 380 |
* changed tab from `<a>` tag to `<>button>` |
| 381 |
* changed hidden tab content to `display: none` |
| 382 |
* on screen readers use arrow keys to switch tabs |
| 383 |
* tab content is focusable |
| 384 |
* reworked Accordion block: |
| 385 |
* added h1 title tag support |
| 386 |
* improved WCAG compatibility |
| 387 |
* changed heading from `<a>` tag to `<>button>` |
| 388 |
* added `aria-selected`, `aria-labelledby`, `aria-controls`, and `aria-orientation` attributes |
| 389 |
* fixed click on Add Accordion Item button in editor |
| 390 |
* added support for text color in Badge format |
| 391 |
* added support for Columns blocks inside the Form block |
| 392 |
* improved InputDrag and InputGroup components - expand the input when value is large (for example, when you add the CSS variable in Padding or Margin extension) |
| 393 |
* improved Form block validation - check validity on blur only for forms that were submitted and are invalid |
| 394 |
* fixed rare problem when extensions resets after block transformation from deprecated version |
| 395 |
* fixed displaying hidden elements if user has enabled reduced motion |
| 396 |
* fixed displaying deprecated Templates feature in the editor Options dropdown |
| 397 |
* fixed responsive toggle in editor toolbar in the latest Gutenberg |
| 398 |
* fixed form reCaptcha keys saving method (sometimes the secret key was not saved properly) |
| 399 |
* fixed Changelog block uses deprecated default template |
| 400 |
* fixed Number Box block decimal numbers animation |
| 401 |
* fixed Table of Contents block selection when no headings available on the page |
| 402 |
* fixed Table of Contents block rendering heading content in the latest Gutenberg |
| 403 |
* fixed enqueue assets for iframe - use `enqueue_block_assets` |
| 404 |
* changed internal EventHandler to `ivent` library |
| 405 |
* removed support for deprecated Fonts API |
| 406 |
* dev version improvements: |
| 407 |
* added unit and e2e tests |
| 408 |
* changed build structure to official `wp-scripts` |
| 409 |
* better assets enqueue version and dependencies |
| 410 |
* minor changes |
| 411 |
|
| 412 |
= 3.1.2 - Nov 23, 2023 = |
| 413 |
|
| 414 |
* improved Styles component to use useCallback |
| 415 |
* fixed possibility to add custom classes when our `ghostkit-custom-...` class added |
| 416 |
* fixed missing `+` symbol in custom CSS |
| 417 |
* fixed blocks enqueue method in Ghost Kit settings pages |
| 418 |
|
| 419 |
= 3.1.1 - Nov 16, 2023 = |
| 420 |
|
| 421 |
* fixed migration to new Ghost Kit attributes from deprecated blocks (mostly from Core blocks, which has deprecated attributes) |
| 422 |
* changed ProNote component in Reveal effect to collapsed version to not overwhelm effect settings panel |
| 423 |
* changed Spring transition defaults |
| 424 |
|
| 425 |
= 3.1.0 - Nov 12, 2023 = |
| 426 |
|
| 427 |
> Deprecated changes: |
| 428 |
|
| 429 |
* completely reworked block extensions. If you used extensions for your custom blocks, using custom JS, you will need to change it, as an API changed. |
| 430 |
* deprecated Templates extension and will be hidden if there are no custom templates available. It is recommended to use Patterns feature instead |
| 431 |
|
| 432 |
Changes: |
| 433 |
|
| 434 |
* added Effects extension |
| 435 |
* Reveal effects |
| 436 |
* Loop, Scroll, Mouse Press, Mouse Hover, Mouse Move effects (for Pro users) |
| 437 |
* added Custom CSS extension: |
| 438 |
* Opacity |
| 439 |
* Overflow |
| 440 |
* Clip Path |
| 441 |
* Cursor |
| 442 |
* User Select |
| 443 |
* Transition (for Pro users) |
| 444 |
* Custom styles |
| 445 |
* added Transform extension (for Pro users) |
| 446 |
* added Custom Attributes extension (for Pro users) |
| 447 |
* possibility to add custom HTML attributes, something like `data-speed="5"` |
| 448 |
* added more Position extension tools: |
| 449 |
* Width and Height |
| 450 |
* Min/Max Width and Height |
| 451 |
* added possibility to copy and paste extensions to blocks |
| 452 |
* added Icon block |
| 453 |
* added Fade Edges option to Carousel block |
| 454 |
* added Radio style to Tabs block |
| 455 |
* added Responsive toggle to editor toolbar with all available Ghost Kit Breakpoints |
| 456 |
* added Responsive toggle to block controls |
| 457 |
* improved Icon Picker UI |
| 458 |
* improved Video block settings |
| 459 |
* updated FontAwesome icons and Google Fonts |
| 460 |
* changed old attributes to new `ghostkit` |
| 461 |
* ghostkitId → ghostkit.id |
| 462 |
* ghostkitStyles → ghostkit.styles |
| 463 |
* ghostkitClassname → removed |
| 464 |
* changed Shape Divider block to flex |
| 465 |
* fixed Image Compare on touch screens |
| 466 |
* fixed Tabs block active tab in editor |
| 467 |
* fixed usage of custom db prefix to get saved typography settings |
| 468 |
|
| 469 |
= 3.0.2 - Sep 28, 2023 = |
| 470 |
|
| 471 |
* fixed form with recaptcha JS submit error |
| 472 |
* fixed Typography Select control dropdown position when placed inside Modal |
| 473 |
* fixed custom styles background processing error |
| 474 |
|
| 475 |
= 3.0.1 - Sep 27, 2023 = |
| 476 |
|
| 477 |
* fixed rare error on some operating systems, which does not contain the GLOB_BRACE constant |
| 478 |
|
| 479 |
= 3.0.0 - Sep 26, 2023 = |
| 480 |
|
| 481 |
> There are a lot of changes in v3, before updating it on production, we recommend test it in staging site first. Look at some of the breaking changes: |
| 482 |
|
| 483 |
* removed jQuery usage completely: |
| 484 |
* added simple fallbacks where possible |
| 485 |
* added instance to the `prepared.googleMaps` event |
| 486 |
* remove events `afterInit`, `beforeInit.blocks`, `afterInit.blocks` |
| 487 |
* new JS events documented here - <https://www.ghostkit.io/docs/developers/js-events/> |
| 488 |
* remove main GhostKit class from JS |
| 489 |
* removed Variants feature, use native Gutenberg Styles instead. This feature was introduced in first versions of Ghost Kit, but Gutenberg added their Styles feature, which is widely used now and our Variants no longer needed |
| 490 |
* removed custom bottom margin from all Ghost Kit blocks in FSE themes only (this change may impact your existing sites) |
| 491 |
* removed Parsley library, use native Form validation instead. Less size, better performance |
| 492 |
* there are a lot of plans for Ghost Kit v3 future updates (and new site coming soon). It will be huge 😎 |
| 493 |
|
| 494 |
Changes: |
| 495 |
|
| 496 |
* register all blocks in PHP using `register_block_type_from_metadata` |
| 497 |
* added Position extension - it allows creating fixed or absolute blocks with custom offsets |
| 498 |
* added Lottie block |
| 499 |
* added Motion One script for animations. Great performance and native WAAPI support. We will use it for all future advanced blocks and extensions |
| 500 |
* changed jQuery animations to Motion One |
| 501 |
* remove ScrollReveal script, use Motion One instead |
| 502 |
* added support for Fonts in FSE themes. You can now select the specific font to load it in editor Typography settings and on frontend |
| 503 |
* added Lorem Ipsum format-command. Just type in editor `lorem15` and press `space` and it will generate a lorem ipsum text instantly |
| 504 |
* added reCaptcha score check for Form block |
| 505 |
* added filters for parse blocks and fallback custom styles render |
| 506 |
* added Honeypot protection to Form block |
| 507 |
* added column settings for paragraph |
| 508 |
* added option to change the Title tag in the Accordion block |
| 509 |
* added support for `layout-flow` inside InnerBlocks |
| 510 |
* added support for adding different blocks inside Changelog block |
| 511 |
* added Hover trigger for Tabs block |
| 512 |
* added vertical orientation, hover trigger, and labels to Image Compare block |
| 513 |
* added Fade Edges option to Carousel block |
| 514 |
* improved inserter in blocks with InnerBlocks |
| 515 |
* improved Form radio and checkbox editor ui |
| 516 |
* improved Form block alert colors |
| 517 |
* improved Color Picker component to use native UI |
| 518 |
* moved some extensions to Styles tab in inspector control |
| 519 |
* moved Templates menu item under Ghost Kit menu |
| 520 |
* fixed Typography font weights output |
| 521 |
* fixed custom styles render in Astra, Blocksy, and Page Builder Framework themes |
| 522 |
* fixed Pricing block not displaying items when block inserted in the editor |
| 523 |
* fixed Tabs block click on tab in editor |
| 524 |
* fixed conflict with dynamically generated styles with custom breakpoints and cached CSS |
| 525 |
* fixed Progress bar width calculation in editor |
| 526 |
* fixed styled lists reversed and start attributes rendering in editor |
| 527 |
* fixed infinite loop of Widgetized Area block if sidebar nested himself |
| 528 |
* changed Form gap to CSS `gap` |
| 529 |
* changed Form default input sizes for better support of standard themes |
| 530 |
* changed category of all Ghost Kit blocks. Moved Ghost Kit block category to the top of the blocks list |
| 531 |
* changed block icons and color |
| 532 |
* renamed Grid → Advanced Columns |
| 533 |
* removed sessions usage from Form block |
| 534 |
* removed grid column helpful buttons to select column or grid block. You can use blocks list view to select complex inner blocks <https://learn.wordpress.org/tutorial/how-to-use-the-list-view/> |
| 535 |
* removed fallbacks for old versions: |
| 536 |
* remove old icons fallback script, which converted span icons to svg |
| 537 |
* remove fallback for custom styles render from data attribute |
| 538 |
* remove InnerBlocks fallback for frontend of blocks: Button, Grid, Pricing Table |
| 539 |
* removed Reusable Blocks item from Admin Menu since WP v6.3 |
| 540 |
* deprecated Highlight text format, use core Highlight format instead |
| 541 |
* a lot of minor changes |
| 542 |
|
| 543 |
= 2.25.0 - Jan 4, 2023 = |
| 544 |
|
| 545 |
* added JS events `prepareCountersObserver` and `prepareVideoObserver` |
| 546 |
* improved Carousel displaying in editor (added slides per view and gap styles) |
| 547 |
* improved appender CSS in some blocks which uses InnerBlocks |
| 548 |
* fixed "Display" extension styles in editor |
| 549 |
* fixed TOC conflict with special characters in headings |
| 550 |
* fixed Form block appended overflow upper blocks |
| 551 |
* fixed wrong variable type usage warning |
| 552 |
* fixed Customizer Plugin displaying in Non Block Based themes |
| 553 |
* disabled Color Palette Plugin from the Block Based themes (custom colors can be added in Appearance → Editor → Styles → Colors → Palette) |
| 554 |
* minor changes |
| 555 |
|
| 556 |
= 2.24.1 - Sep 29, 2022 = |
| 557 |
|
| 558 |
* fixed custom Gap settings save number value instead of string |
| 559 |
* changed Tested up to in readme |
| 560 |
|
| 561 |
= 2.24.0 - Sep 24, 2022 = |
| 562 |
|
| 563 |
* added Vertical Gap support to Grid and Buttons blocks |
| 564 |
* added horizontal align option for top icon/number in the Icon and Number boxes |
| 565 |
* added usage of IntersectionObserver for Animate on Scroll and similar features |
| 566 |
* added aria-label for URL picker |
| 567 |
* updated Swiper script to v8.4.0 |
| 568 |
* changed Grid vertical gap from margins to CSS `row-gap` |
| 569 |
* changed Button gap from margins to CSS `gap` |
| 570 |
* changed Spacing control start from the Top input |
| 571 |
* changed RangeControl in all block settings to allow custom values. For example, allow specifying more than 12 columns in the grid |
| 572 |
* fixed Animate on Scroll hide elements even when JS is disabled in browser |
| 573 |
* fixed invalid date in editor Countdown block when block inserted |
| 574 |
* fixed Carousel block making duplicate slides even when Loop option is disabled |
| 575 |
* fixed Carousel block content inside duplicated slides. For example, Tabs block now working correctly inside slides and duplicated slides |
| 576 |
* fixed Images Compare block usage inside Carousel block |
| 577 |
* fixed Form block nonce field ID conflict with block ID |
| 578 |
* fixed Form block send error on some hosts |
| 579 |
* fixed easing function in the Progress block animation |
| 580 |
* fixed rest call permission check |
| 581 |
* minor changes |
| 582 |
|
| 583 |
= 2.23.2 - Jul 28, 2022 = |
| 584 |
|
| 585 |
* fixed Countdown block wrong date with UTC timezone settings |
| 586 |
* fixed Countdown block possible DatePicker error, when invalid date specified |
| 587 |
|
| 588 |
= 2.23.0 - Jul 27, 2022 = |
| 589 |
|
| 590 |
* ! Important - breaking change - changed `Auto` Grid Column to flex Auto width (depends on the content width). To restore previous behavior use `Grow` column size |
| 591 |
* added Grow size for Grid Columns |
| 592 |
* updated Google Fonts list |
| 593 |
* fixed custom styles rendering in FSE templates editor |
| 594 |
* fixed automatic heading anchor generation, as we needed it for Table of Contents block. Enabled standard `generateAnchors` setting in the editor by default |
| 595 |
* fixed Table of Contents preview in editor if some of headings does not contain anchors |
| 596 |
* fixed Countdown block dependency of the user's time zone. Now used timezone setting from the WordPress site |
| 597 |
* removed `will-change` styles usage |
| 598 |
|
| 599 |
= 2.22.3 - Feb 17, 2022 = |
| 600 |
|
| 601 |
* fixed Video block play action |
| 602 |
* removed blocks categories fallback used for WP < 5.5 |
| 603 |
* minor changes |
| 604 |
|
| 605 |
= 2.22.2 - Feb 14, 2022 = |
| 606 |
|
| 607 |
* improved method to enqueue block assets and custom styles in block themes (we no more need to parse content of the posts, we can make everything inside block render) |
| 608 |
* improved styles for nested panels in grid background settings |
| 609 |
* disable Plugin Customizer settings in block themes, as Customizer no more used there |
| 610 |
* fixed custom styles render in block themes Site Editor |
| 611 |
* fixed custom styles re-rendering in editor when interacting with editor elements (better performance) |
| 612 |
* fixed updating custom styles attributes on editor load |
| 613 |
|
| 614 |
= 2.22.0 - Feb 7, 2022 = |
| 615 |
|
| 616 |
* !important - dropped IE support |
| 617 |
* added support for WordPress 5.9 |
| 618 |
* added Animate on Scroll presets in Toolbar block settings |
| 619 |
* added possibility to remove link in URLPicker component (for example, in Button block) |
| 620 |
* added support for scrollBehavior in TOC links (used in modern themes) |
| 621 |
* added ToggleGroup control to use it instead of ButtonGroup (better UI) |
| 622 |
* disabled automatic heading anchor generation code in WordPress 5.9 and higher (as it is already generates by the Gutenberg) |
| 623 |
* rolled back ScrollReveal to older version, since latest one is not working properly when cleaning styles |
| 624 |
* fixed mail send headers |
| 625 |
* fixed Video block autoplay after loading when fullscreen already closed |
| 626 |
* a lot of minor changes |
| 627 |
|
| 628 |
= 2.21.0 - Dec 1, 2021 = |
| 629 |
|
| 630 |
* !important - removed support for deprecated blocks older than Ghost Kit v2.12. Make sure you re-saved all pages with old blocks versions. |
| 631 |
* added possibility to remove image in Image Compare block |
| 632 |
* added possibility to change Alt text in the Testimonial photo and Video poster |
| 633 |
* added encodes for Google Maps styles and AWB background images attributes |
| 634 |
* fixed usage of image tag in Video and Testimonial block (no more tag string in the attribute) |
| 635 |
* fixed encode/decode functions fails when no string given |
| 636 |
* fixed XML export problem when block styles use `--` characters |
| 637 |
* removed poster images from the Video block with "Icon Only" style selected |
| 638 |
|
| 639 |
= 2.20.3 - Nov 9, 2021 = |
| 640 |
|
| 641 |
* fixed crashing block with Custom CSS |
| 642 |
|
| 643 |
= 2.20.2 - Oct 25, 2021 = |
| 644 |
|
| 645 |
* added option "Pause autoplay on mouse over" to carousel block |
| 646 |
* fixed custom CSS compiler error |
| 647 |
* fixed Table of Contents block scroll to anchor JS error when using Chinese headings |
| 648 |
|
| 649 |
= 2.20.1 - Oct 17, 2021 = |
| 650 |
|
| 651 |
* fixed icon wrong escaping in the Icon List style |
| 652 |
|
| 653 |
= 2.20.0 - Oct 14, 2021 = |
| 654 |
|
| 655 |
* added escaping for SVG icons (fixes conflict with XML content import) |
| 656 |
* added support for WordPress's excerpt in some blocks |
| 657 |
* improved form reCaptcha code to work only when submit button clicked |
| 658 |
* changed minimum PHP to 7.2 |
| 659 |
* fixed block assets loading when block used in new block widgets screen |
| 660 |
* fixed conflict with PublishPress Blocks plugin |
| 661 |
|
| 662 |
= 2.19.4 - Sep 2, 2021 = |
| 663 |
|
| 664 |
* fixed errors in new Widgets editor |
| 665 |
|
| 666 |
= 2.19.3 - Aug 31, 2021 = |
| 667 |
|
| 668 |
* added line breaks for form email texts |
| 669 |
* added support for WP 5.8 |
| 670 |
* fixed rare conflict with reusable blocks while parsing |
| 671 |
* hidden Slides per view and Gap carousel options when selected Fade effect |
| 672 |
* hidden Carousel slides before JS init to prevent content jumping |
| 673 |
|
| 674 |
= 2.19.2 - May 6, 2021 = |
| 675 |
|
| 676 |
* fixed carousel block initial slides count in editor |
| 677 |
* fixed possible error with nested reusable blocks while parse page blocks |
| 678 |
|
| 679 |
= 2.19.1 - Apr 3, 2021 = |
| 680 |
|
| 681 |
* fixed warning a non-numeric value encountered conflict with Give plugin |
| 682 |
|
| 683 |
= 2.19.0 - Apr 1, 2021 = |
| 684 |
|
| 685 |
* added vendor prefixes to scss files (fixes unprefixed styles generated for custom breakpoints) |
| 686 |
* added dynamic styles for breakpoints generation in background (using CRON) |
| 687 |
* improved custom styles output in `<body>` - use JS to prevent w3c error |
| 688 |
* changed Twitter and Google Maps blocks usage of svg images as backgrounds (we need this to prevent possible errors in generated dynamic styles) |
| 689 |
* fixed some editor settings dropdown wrong widths |
| 690 |
* fixed block error when selecting Form Submit block |
| 691 |
* fixed dynamic styles for breakpoints generation if change plugin version |
| 692 |
|
| 693 |
Further changelog entries can be found in the [CHANGELOG.md](https://github.com/nk-crew/ghostkit/blob/master/CHANGELOG.md) file. |
| 694 |
|
