內容簡介
Roobely 是一款現代化的 WordPress 區塊外掛，旨在提供卓越的性能、靈活性及乾淨的編輯體驗。它為 WordPress 區塊編輯器新增 29 種進階區塊，並具備彈性的行列佈局建構器、全域顏色與字體設置，以及針對不同裝置的響應式控制。
【主要功能】
• 29 種進階區塊集合
• 響應式佈局控制
• 字體與間距自訂
• 漸層、陰影及動畫支援
• 輕量級前端資源
• 與現代佈景主題相容
外掛標籤
開發者團隊
原文外掛簡介
Roobely is a modern WordPress block plugin designed for performance, flexibility, and a clean editing experience.
Roobely adds 29 advanced blocks to the WordPress block editor, plus a flexible row-column layout builder, global colors and typography, and responsive controls with per-device visibility.
Roobely is an actively maintained fork of the Qubely blocks plugin. It gets regular updates and fixes so your blocks keep working with new WordPress releases.
Roobely focuses on:
Faster editor performance
Lightweight asset loading
Clean and maintainable architecture
Responsive design controls
Better compatibility with modern themes
Optimized frontend performance
Features
Advanced block collection
Responsive layout controls
Typography and spacing customization
Gradient, shadow, and animation support
Lightweight frontend assets
Flexible design system
Compatible with modern WordPress themes
Performance-focused architecture
Included Blocks
Roobely includes these 29 blocks:
Row
Heading
Advanced Text
Animated Headline
Button
Button Group
Icon
Icon List
Advanced List
Image
Image Comparison
Divider
Info Box
Pricing
Team
Testimonial
Counter
Progress Bar
Pie Progress
Tabs
Accordion
Social Icons
Video Popup
Google Map
Post Grid
Timeline
Table of Contents
Contact Form
Block Wrapper
Pro Features
Coming from Qubely? Roobely Pro automatically converts your Qubely and Qubely Pro blocks to Roobely blocks, so you can switch without rebuilding your pages.
Roobely Pro includes:
Automatic conversion of Qubely and Qubely Pro blocks to Roobely blocks
WooCommerce blocks
Forms builder
Carousel blocks
Additional premium design components
Extended customization options
More information: https://roobely.com
Coming from Qubely?
If your site was built with Qubely, you do not have to rebuild it.
Roobely Pro automatically converts your Qubely and Qubely Pro blocks to Roobely blocks and keeps their content and styling, so you can switch without rebuilding your pages. Automatic conversion is a Roobely Pro feature.
Follow the step-by-step guide: https://roobely.com/tutorial/
Free blocks
Accordion, Advanced List, Advanced Text, Animated Headline, Button, Button Group, Contact Form, Counter, Divider, Google Map, Heading, Icon, Icon List, Image, Image Comparison, Info Box, Pie Progress, Post Grid, Pricing, Progress Bar, Row, Social Icons, Table of Contents, Tabs, Team, Testimonial, Timeline, Video Popup, Wrapper.
Block documentation: https://roobely.com/documentation/
Roobely Pro (optional, sold separately)
Roobely Pro adds 15 Pro blocks (including Countdown, Form Builder, Gallery, Modal and Table Builder) and automatic Qubely-to-Roobely block conversion. Pricing: https://roobely.com/roobely-pricing/
External Services
This plugin connects to several external services to provide additional functionality. All services are optional and require explicit user configuration.
1. Google Fonts API
Purpose: Loads custom fonts for better typography in Roobely blocks
Data Sent: Font family names selected by the user in block settings
When: When a Roobely block uses custom fonts AND the user enables Google Fonts in plugin settings (OFF by default)
Service Provider: Google LLC
Privacy Policy: https://policies.google.com/privacy
Terms of Service: https://developers.google.com/fonts/terms
2. Google reCAPTCHA
Purpose: Prevents spam submissions in Roobely Contact Form blocks
Data Sent: User’s interaction with the contact form, CAPTCHA response token, page URL
When: When the Contact Form block is configured with reCAPTCHA enabled
Service Provider: Google LLC
Privacy Policy: https://policies.google.com/privacy
Terms of Service: https://policies.google.com/terms
3. Google Maps API
Purpose: Displays interactive maps in the Map block
Data Sent: Location data, place IDs, map coordinates, API key (provided by site owner)
When: When the Map block is added to a page and configured with a Google Maps API key
Service Provider: Google LLC
Privacy Policy: https://policies.google.com/privacy
Terms of Service: https://cloud.google.com/maps-platform/terms
4. Roobely Licensing Server (Pro Version Only)
Purpose: Validates Pro license keys for premium features
Data Sent: License key, site URL, product ID
When: During license activation and periodic validation checks
Service Provider: Roobely (tiger12)
Privacy Policy: https://roobely.com/privacy-policy/
Terms of Service: https://roobely.com/terms-of-service/
5. YouTube
This plugin connects to YouTube’s embedding service to display video content in the Video Popup block.
When a user loads a page containing the Video Popup block, the plugin:
– Builds an embedded YouTube player URL
– Loads the YouTube iframe player API
– The visitor’s browser connects to YouTube and may send standard request data such as IP address, browser details, cookies, and the page URL/referrer according to Google’s policies
This service is provided by YouTube (Google):
– Terms of Service: https://www.youtube.com/t/terms
– Privacy Policy: https://policies.google.com/privacy
6. Vimeo
This plugin connects to Vimeo’s embedding service to display video content in the Video Popup block when a Vimeo URL is used.
When a user loads a page containing the Video Popup block configured with a Vimeo video, the plugin:
– Builds an embedded Vimeo player URL (player.vimeo.com)
– The visitor’s browser connects to Vimeo and may send standard request data such as IP address, browser details, cookies, and the page URL/referrer according to Vimeo’s policies
This service is provided by Vimeo, Inc.:
– Terms of Service: https://vimeo.com/terms
– Privacy Policy: https://vimeo.com/privacy
7. Mailchimp
This plugin optionally connects to Mailchimp to submit form data.
When: When a contact form block is configured with Mailchimp as the form action
Data Sent: Form field values submitted to Mailchimp’s form endpoint
Service Provider: Mailchimp (The Rocket Science Group)
Privacy Policy: https://mailchimp.com/legal/privacy/
Terms of Service: https://mailchimp.com/legal/terms/
Source Code
This plugin ships with compiled and minified JavaScript assets for best performance and smaller download size.
The complete original unminified source code (React components, build tools, and all development files) used to generate these assets is publicly available at:
https://bitbucket.org/tiger12/roobely
Build Instructions:
cd assets/reactjs
npm install
npm run build
You can browse the full unminified source code (including the React source) directly in the public repository above (no login required).
Note: The minified .js files included in this plugin were built from the sources in the repository linked above.
Primary source location: assets/reactjs/src/ in the repository above contains the primary, hand-edited React source code for this plugin. Files such as assets/js/roobely.js are generated webpack bundles produced from that source via the build instructions above, not source files themselves.
Minified asset sources
In the public Bitbucket repository (these unminified .js files are not included in the plugin ZIP; they are only available in the repository linked above):
assets/js/roobely.min.js → assets/js/roobely.js
assets/js/license-activation.min.js → assets/js/license-activation.js
assets/js/common-script.min.js → assets/js/common-script.js
assets/js/custom-roobely.min.js → assets/js/custom-roobely.js
assets/js/htmlDecoder.min.js → assets/js/htmlDecoder.js
assets/js/interaction.min.js → assets/js/interaction.js
assets/js/jquery.animatedheadline.min.js → assets/js/jquery.animatedheadline.js
assets/js/roobely-video-popup.min.js → assets/js/roobely-video-popup.js
assets/js/blocks/contactform.min.js → assets/js/blocks/contactform.js
assets/js/blocks/image-comparison.min.js → assets/js/blocks/image-comparison.js
assets/js/blocks/map.min.js → assets/js/blocks/map.js
Third-Party Libraries
Library: Font Awesome
Version: 7.2.0
License: MIT
Source: https://fontawesome.com/
Status: Actively maintained
Library: Roobely Video Popup (Custom Implementation)
Version: 1.0
License: GPLv2 or later (original code, bundled with this plugin — not a fork of Magnific Popup, and MIT terms do not apply)
Source: https://bitbucket.org/tiger12/roobely/src/main/assets/js/roobely-video-popup.js
Status: Maintained by the Roobely team
Notes: A small, dependency-free custom lightbox used by the Video Popup block to embed YouTube and Vimeo videos.
Library: jQuery
Version: WP Core
License: MIT
Source: https://jquery.com/
Status: Actively maintained
