Adaire Blocks

外掛說明

Adaire Blocks is a WordPress plugin that provides custom Gutenberg blocks to create visually appealing websites. Built with modern web technologies including GSAP, React, and optimized for performance.

Available Blocks:

  • Accordion (Free) – Configurable accordion with animations, colors, and typography.
  • Accordion Item (Free) – A single accordion item (automatically managed by Accordion block).
  • Button Block (Free) – A simple button block with customizable text, link, and target options.
  • Video Player Block (Free) – Play videos from YouTube
  • Icon Box Block (Free) – Display an icon with customizable styling options using UXWing icons.
  • Social Banner Block (Free) – Display a sticky social media banner on the side of the screen with customizable icons, colors, and links.
  • Testimonial Block (Free) – A testimonial block in a customizable carousel
  • Posts Grid (Free) – A dynamic posts grid with beautiful GSAP animations, multiple layout options, and category filtering.
  • Posts Carousel (Free) – A draggable posts carousel with beautiful GSAP animations, category filtering, and the same customization options as the posts grid block.
  • Tabs (Free) – Beautiful tabbed content with smooth GSAP animations and customizable styling.
  • Tab Panel (Free) – A single tab panel content area (automatically managed by Tabs block).
  • Animation on Scroll (Free) – Add scroll animations to any content with inner blocks
  • Content Toggle (Free) – Display content with pill-style toggles for switching between different states.
  • Content Toggle Panel (Free) – A single content toggle panel content area (automatically managed by Content Toggle block).
  • Social Share Block (Free) – A customizable social share button with platform selection and tooltip.
  • Info Grid (Free) – A beautiful info grid with hover-expandable items featuring title, tagline, and description.
  • Hero 1 (Free) – A responsive hero block with configurable settings for all breakpoints.
  • Info Grid 2 (Free) – An advanced info grid with background image, overlay, and responsive controls.
  • Image Composition (Free) – Create a collage-style composition of images in an asymmetric grid layout.

Features:

  • Built with modern JavaScript (ES6+), React, and GSAP
  • Optimized for performance with efficient block registration
  • Compatible with WordPress 6.7+ and PHP 7.4+
  • Responsive design with mobile-first approach
  • GSAP-powered animations with scroll triggers
  • Smooth transitions and micro-interactions
  • GPL-3.0 licensed for maximum flexibility

Support

For support, please visit our website at https://adaire.digital/ or contact us through the WordPress.org support forums.

螢幕擷圖

適用於區塊編輯器

這個外掛提供 19 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Social Share Block (Free) A customizable social share button with platform selection and tooltip.
  • Posts Carousel (Free) A draggable posts carousel with beautiful GSAP animations, category filtering, and the same customization options as the posts grid block.
  • Image Composition (Free) Create a collage-style composition of images in an asymmetric grid layout.
  • Tabs (Free) Beautiful tabbed content with smooth GSAP animations and customizable styling.
  • Social Banner Block (Free) Display a sticky social media banner on the side of the screen with customizable icons, colors, and links.
  • Info Grid (Free) A beautiful info grid with hover-expandable items featuring title, tagline, and description.
  • Video Player Block (Free) Play videos from YouTube
  • Accordion (Free) Configurable accordion with animations, colors, and typography.
  • Info Grid 2 (Free) An advanced info grid with background image, overlay, and responsive controls.
  • Hero 1 (Free) A responsive hero block with configurable settings for all breakpoints.
  • Testimonial Block (Free) A testimonial block in a customizable carousel
  • Content Toggle (Free) Display content with pill-style toggles for switching between different states.
  • Icon Box Block (Free) Display an icon with customizable styling options using UXWing icons.
  • Animation on Scroll (Free) Add scroll animations to any content with inner blocks
  • Posts Grid (Free) A dynamic posts grid with beautiful GSAP animations, multiple layout options, and category filtering.
  • Button Block (Free) A simple button block with customizable text, link, and target options.
  • Accordion Item (Free) A single accordion item (automatically managed by Accordion block).
  • Tab Panel (Free) A single tab panel content area (automatically managed by Tabs block).
  • Content Toggle Panel (Free) A single content toggle panel content area (automatically managed by Content Toggle block).

安裝方式

  1. Upload the plugin files to the /wp-content/plugins/adaire-blocks directory
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Start using the custom blocks in the Gutenberg editor

常見問題集

What WordPress version is required?

This plugin requires WordPress 6.7 or higher and PHP 7.4 or higher.

Are the blocks compatible with all themes?

The blocks are designed to work with most modern WordPress themes and can be customized through the block editor settings.

Can I customize the animations and styles?

Yes, all blocks include extensive customization options in the block editor, including colors, fonts, animation speeds, and layout settings.

Do the blocks work on mobile devices?

Yes, all blocks are fully responsive and optimized for mobile devices.

使用者評論

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

參與者及開發者

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

參與者

將〈Adaire Blocks〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.2.3

  • Initial release with core blocks
  • GSAP-powered animations
  • Responsive design
  • Block editor integration