內容簡介
Frontis Blocks 是一款專為 WordPress 區塊編輯器（Gutenberg）打造的區塊庫外掛，提供超過 40 個輕量區塊與預製版面配置，讓你無需撰寫程式碼即可快速建立專業網頁，兼顧效能與設計彈性。
【主要功能】
• 提供 40+ 輕量級自訂區塊
• 內建預製版面配置，快速套用頁面設計
• 支援滑桿、圖庫、CTA、地圖及表單整合
• 全域樣式控制，統一網站視覺風格
• 樣式複製貼上功能，加速設計流程
• 相容任何佈景主題，無供應商鎖定問題
外掛標籤
開發者團隊
② 後台搜尋「Frontis Blocks — Block Library for the Block Editor」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Frontis Blocks is a block library with 40+ blocks, global styles, sliders/galleries, CTAs, and map/form integrations, plus ready-made patterns to help you build pages faster in the Block Editor.
BUILD MODERN, FAST-LOADING PAGES IN THE WORDPRESS BLOCK EDITOR (GUTENBERG) WITH 40+ BLOCKS AND READY-MADE PATTERNS. NO CODING REQUIRED.
You can try a live demo of Frontis
Finally, a block library that lets you design beautiful, fast, and professional websites right inside WordPress. Frontis Blocks adds a wide set of powerful elements so you can build landing pages, blogs, portfolios, and stores in minutes. It works with any theme and pairs perfectly with the Frontis theme for a seamless full-site editing workflow.
You open the WordPress editor and just want to make a good page fast. No heavy plugin, no code, no guesswork. That’s why we built Frontis Blocks. It works right inside the Block Editor (Gutenberg Block Editor) so you can launch real pages right now. (With 40+ lightweight blocks plus premade designs.)
Add an animated heading, buttons, testimonials, pricing tables, galleries, sliders, and a map block—all with simple controls that feel consistent with the Editor.
Now, if you’ve tried big page builders — Elementor, Divi, WPBakery, Bricks, Beaver Builder — you already know the downsides: extra interfaces, extra scripts, and sometimes slower pages as your site grows. Frontis takes a different approach which is Gutenberg first. Your content stays in standard markup, so it’s easy to edit, easy to move, and built to be fast.
Why Frontis instead of heavy page builders (Elementor, Divi, etc.)?
Native & simple: Build directly in the WordPress Block Editor, using the familiar interface you already know.
Fast by default: Lightweight assets help pages load quickly and support SEO.
No lock-in: You can switch themes anytime.
Real features you’ll use: Container for layout, global control for consistent styles, Copy & Paste Styles to speed up your work.
Launch today: Premade designs and patterns give you a head start. Just replace text and images.
Why is Frontis vs. other block libraries?
Focused, not bloated: 40+ blocks that cover real pages — headings, CTAs, accordions/tabs, sliders, counters, post grids, teams, pricing, testimonials, galleries and more.
Premade designs are included: Start with ready-made sections and full layouts, then tweak with global styles.
Features: Form styling for Fluent Forms and Contact Form 7, Google Map (no API key), animated headings, sliders/carousels.
SEO-friendly structure: Clean markup and clear structure help pages rank.
Beginner-friendly, pro-ready: Easy controls for newcomers, deeper options when you need precision.
SOME POWERFUL FEATURES OF FRONTIS BLOCKS 💪
Layouts – Build responsive sections with the Container (padding, gaps, backgrounds, and layout controls).
Starter Designs & Patterns – Mix ready-made sections and layouts to assemble pages faster.
Global Styling – Set site-wide defaults (container width, spacing, colors, typography) so every page stays consistent and no extra CSS.
Copy & Paste Styles – Style a block once, reuse it everywhere. Reuse the same styling elsewhere for consistent pages.
Performance & No Lock-In – Designed to keep markup clean and your content in standard blocks, so switching themes is straightforward.
Responsive Controls — Tweak spacing and alignment for mobile, tablet, and desktop.
Clean, SEO-Friendly Markup — Structured blocks that work well with modern themes and SEO plugins.
Theme-Agnostic — Regular improvements to keep compatible with current WordPress releases.
Real Support & Updates — Actively improved so your design stays modern and reliable.
Features at a Glance
Frontis Blocks includes a growing collection of custom Gutenberg blocks for WordPress, organized by purpose, so you can design faster, stay consistent, and build page-builder style layouts inside the native editor.
Headings & Text
Advanced Heading: Create stylish headings with decorative elements, custom typography, and eye-catching designs.
Animated Heading: Add motion to your headings for stronger visual impact and better engagement.
Advanced Paragraph: Improve normal text with better spacing, styling controls, and readable layouts.
Post Title: Dynamically display the current post/page title with full design control.
Buttons & Call To Action
Advanced Button: Build modern buttons with icons, gradients, shapes, and hover effects.
Dual Button: Show two actions side-by-side (like Buy Now / Learn More) with balanced styling.
Call to Action: Create high-converting CTA sections with bold text + buttons that stand out.
Sliders, Carousels & Tickers
Slider: Showcase multiple slides with smooth transitions, layouts, and controls.
Slide Item: Add and design individual slides inside the Slider.
Marquee Carousel: Create an infinite scrolling carousel for logos, images, or highlights.
Marquee Carousel Item: Add each scrolling item inside the Marquee Carousel.
News Ticker: Display scrolling headlines or updates—great for announcements and latest posts.
Tabs & Accordions
Tabs: Organize content into clean tabbed sections to reduce scrolling and improve clarity.
Tabs Item: Add each tab panel inside the Tabs.
Accordion: Show collapsible content for FAQs, feature details, or compact layouts.
Accordion Item: Add each expandable section inside the Accordion.
Images, Media & Galleries
Advanced Image: Enhance images with overlays, gradients, layout positioning, and visual effects.
Advanced Video: Embed videos with styled layouts such as overlays and attention-grabbing designs.
Image Gallery: Build galleries with multiple layouts and hover effects for portfolios or showcases.
Content & Info Boxes
Icon Box: Highlight services or features with an icon + title + short text (easy to scan).
Info Box: Display key info in a structured layout for quick highlights or callouts.
Flip Box: Reveal additional content on hover/click—great for compact info or team/service cards.
Feature List: Create clean feature lists using icons and short descriptions for clarity.
Team Member: Show team profiles with photos, roles, and social links to build trust.
Testimonial: Display customer reviews in polished layouts to increase credibility.
Pricing Table: Compare plans clearly with feature lists and strong call-to-action buttons.
Forms & Integrations
Post Comment Form: Add a styled comment form layout that matches your site design.
Contact Form 7: Display CF7 forms with design-friendly layouts that blend into your page.
Fluent Form: Present Fluent Forms in clean, modern styles for better user experience.
Blog & Post Elements
Post Grid: Show posts in a grid layout with flexible styling for blogs and magazines.
Post Category: Display post categories with customizable design.
Post Featured Image: Show featured images dynamically with layout and style control.
Social & Sharing
Social Share: Add share buttons so visitors can share your content faster.
Social Share Child: Build each share option inside the Social Share block.
Social Icons: Add social profile icons with multiple styles, layouts, and spacing controls.
Counters, Timers & Progress
Counter Number: Highlight numbers like users, downloads, or milestones with style controls.
Progressbar: Visualize progress, skills, or stats using clean progress indicators.
Countdown: Create countdown timers for launches, sales, events, and deadlines.
Layout & Structure
Container: Build flexible sections and layouts with better control over spacing and alignment.
Navigation & Maps
Advanced Navigation: Create modern menus with improved styling and layout options.
Off-Canvas Menu: Add an off-canvas slide-in menu with a toggleable hamburger icon, customizable menu positions (left/right), and responsive controls for modern mobile-friendly navigation.
Google Map: Add a map section for locations, contact pages, and store pages.
Technical & Performance
Critical CSS Separator: Organize and separate critical styling sections to help manage performance-focused layouts.
This collection is designed to fit any project—whether you’re building a portfolio, business site, blog, or e-commerce store—while keeping everything inside the editor for a faster, cleaner workflow.
Frontis Blocks + Frontis Theme = Future-Ready WordPress (FSE)
Frontis Blocks works with any theme, but it works best with the Frontis Theme — both are built for Full Site Editing (FSE), which is the future of WordPress.
One smooth workflow: Design headers, footers, and templates in the editor with the same blocks you use for pages.
Fast & stable: Shared lightweight styles (no CSS fights) for better performance and Core Web Vitals.
Consistent design system: Premade designs/patterns look the same site-wide—no patchwork.
No lock-in: You can change themes at any time.
All Your Favorite Plugins—Supported
WooCommerce
Yoast SEO
Rank Math
All in One SEO
SEOPress
The SEO Framework
WP Rocket
WP-Optimize
Smush
Imagify
Contact Form 7
WPForms
Fluent Forms
Mailchimp for WordPress
Advanced Custom Fields (ACF)
LearnDash
Tutor LMS
WPML
And More
Documentation
Start with the Frontis Blocks documentation for quick setup, guides, and best practices. Clear steps, screenshots, and tips to help you build faster in the Gutenberg editor.
Docs
Support
Need help after checking the docs? Send us a message via Frontis support. Share your WordPress version, theme, and steps to reproduce—we’ll reply fast.
Support
Say Hello, Get Help – Connect with the Frontis Team
We’re just a message away. Follow us for quick tips, release news, 60-second tutorials, and fast help from real humans. Got a question about Frontis or your setup? DM us — we’ll jump in.
Facebook Group: https://www.facebook.com/groups/wpmessiah
Discord: https://discord.gg/wEVmDvRbad
YouTube Tutorials: https://www.youtube.com/@wpmessiahacademy
