內容簡介
Ghost Kit 是一款強大的 Gutenberg 區塊擴充外掛，提供豐富的頁面編輯區塊、動態效果與延伸功能，讓你無需複雜的頁面編輯器，即可在 WordPress 內建編輯器中打造精緻且具互動性的網站。
【主要功能】
• 提供進階欄位區塊，支援 12 欄響應式格線系統
• 內建多種互動區塊：手風琴、分頁、切換內容、倒數計時
• 支援動態效果（Motion Effects）為頁面加入流暢動畫
• 提供按鈕、圖示、數字方塊、進度條等視覺化區塊
• 內建形狀分隔線與分隔區塊，豐富版面層次
• 提供警示訊息區塊，可用於使用者操作回饋提示
外掛標籤
開發者團隊
② 後台搜尋「Ghost Kit – Page Builder Blocks, Motion Effects & Extensions」→ 直接安裝（推薦）
原文外掛簡介
The Ultimate WordPress Page Building Solution
★★★★★
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.
See Live Demo | Documentation | GitHub
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.
🏆 Create Multipurpose Sites with Ghost Kit
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:
🧱 Blocks
Advanced Columns Block
Responsive grid block to build layouts of all shapes and sizes thanks to a twelve column system. Visual columns size and order change.
Progress Block
Show the progress of your work, skills or earnings.
Button Block
Change important links to buttons to get more click rate.
Circle Button Block
Circle button with circular text.
Shape Divider Block
Add SVG shapes between your sections.
Divider Block
Divide your long texts and blocks.
Alert Block
Provide contextual feedback messages for user actions.
Icon Block
Icons are one of the best visual replacement for text descriptions.
Number Box Block
Show your progress and rewards using counting numbers.
Accordion Block
Toggle the visibility of content across your project.
Tabs Block
Separate content on the tabs with titles.
Toggle Content Block
Switch content by clicking on toggle button.
Countdown Block
Display countdown for you upcoming events.
Video Block
Plain and Fullscreen YouTube, Vimeo and Self-Hosted videos.
Image Compare Block
Compare two images with a slider.
Image Scroller Block
Scroll tall images with hover or mouse scroll.
Interactive Links Block
Interactive links with media displayed on hover.
Magnifying Image Block
Image block with magnifying glass effect.
Carousel Block
Carousel for any type of content – images or other blocks.
Marquee Block
Scroll text and blocks in a marquee effect.
Code Highlight Block
Display code snippets with syntax highlighting
Pricing Table Block
Sell your products or services and show all features.
Testimonial Block
Show how your users love your products and what saying.
GIF Block
Search for and insert an animated image from Giphy.
Contact Form Block
Add contact form to your page with reCaptcha.
Google Maps Block
Show maps with custom styles, markers and settings.
GitHub Gist Block
Embed code parts form GitHub Gist to your site or documentation.
Changelog Block
Show the changes log of your product.
Table of Contents Block
Automatically generate a table of contents by parsing page headers in content.
Markdown Block
Lightweight markup language with plain-text-formatting syntax.
Widgetized Area Block
Select registered sidebars and put it in any place.
⚙️ Extensions
Effects
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.
Position
Change block position to absolute or fixed and move it with offset in Ghost Kit and Core blocks.
Spacings
Easily add spacings to Ghost Kit and Core blocks.
Display
Show and hide blocks Ghost Kit and Core blocks on different screen sizes.
Frame
Add borders, shadows and corner radius to Ghost Kit and Core blocks on different screen sizes.
Custom CSS & JavaScript
This extension is available on all pages and let you add custom CSS and JavaScript for the current page and globally site wide.
📄 Typography
Change typography options globally on a whole site or on specific pages only. Options available:
Font Family
Google Fonts
Adobe Fonts (Typekit) in Pro version
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
🎨 Color Palette
Add custom colors to Gutenberg color palette.
📝 Extended Core Blocks
Ghost Kit enhances all WordPress blocks by providing additional functionalities, but it also offers special extensions for specific blocks.
Headings
Lists
Paragraph
📝 Content Formatting
See demo page with content formatting https://www.ghostkit.io/docs/formats/
Animated Text
Badges
Lorem Ipsum Generator
Spoiler
Stroke
Tooltip
Uppercase
🔥 Ghost Kit Pro
Ghost Kit plugin is also available in a professional version which includes more features and blocks! Learn more about Ghost Kit Pro
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:
More Blocks
Code Highlight block
Marquee block
Interactive Links block
Magnifying Image block
Image Scroller block
Circle Button block
Toggle Content block
More Content Formatting
Animated Text format
Stroke format
Spoiler format
Tooltip format
Advanced Effects:
Loop Effects
Scroll Effects
Mouse Effects
3D Rotation
Custom Viewport
Replay Animation
More Icon Packs
Custom Block Attributes
CSS Transform and Transition for blocks
Custom Responsive Breakpoints
Additional shapes for Shape Divider block
Adobe Fonts (Typekit)
Custom Fonts
Gradient buttons, backgrounds, icons, badges
Google Maps custom markers and info boxes
And more
🏳️ Multilingual
Ghost Kit adds a new layer of compatibility for WPML. All blocks are compatible with it and ready for translation. https://www.ghostkit.io/docs/languages/multilingual/
