[WordPress] 外掛分享： Post Formats for Block Themes

內容簡介

總結：Post Formats for Block Themes 將傳統 WordPress 主題中深受喜愛的文章格式功能帶入現代區塊主題，具有智能的模式插入、自動格式偵測和簡化的編輯體驗，使製作格式化內容變得輕鬆。

問題與答案：
1. 為什麼對於區塊主題而言文章格式很重要？
- 因為在 WordPress 3.1 版本以來，文章格式一直是一個功能強大的特性，讓內容創作者可以獨特地設計不同類型的文章，例如引言擁有增強的排版，圖庫突出展示圖片，狀態更新讓人感覺像社群媒體，以及聊天轉錄美觀地顯示對話。
2. 這個外掛適用於哪些使用者？
- 想要在文章展示中獲得變化而不需建立自訂模板的部落客
- 發佈不同類型內容（文章、引言、圖庫、狀態更新）的內容創作者
- 從傳統主題遷移的新聞網站，希望保留文章格式功能
- 需要內建格式支援的區塊主題設計師和開發者
- 需要符合 WCAG 2.2 AA 的可訪問性倡導者
- 從傳統主題移轉的任何人，想要回復他們依賴的文章格式功能。

外掛標籤

開發者團隊

原文外掛簡介

Post Formats for Block Themes brings the beloved post format functionality from classic WordPress themes to modern block themes, with intelligent pattern insertion, automatic format detection, and a streamlined editing experience that makes creating formatted content effortless.
Why Post Formats Matter for Block Themes
WordPress post formats have been a powerful feature since WordPress 3.1, allowing content creators to style different types of posts distinctively—quotes appear with enhanced typography, galleries showcase images prominently, status updates feel like social media, and chat transcripts display conversations beautifully. However, with the shift to block themes and Full Site Editing, this functionality was left behind.
Post Formats for Block Themes solves this problem. This plugin brings post formats into the block editor era with format-specific block patterns, automatic content detection, and accessibility-first design. Whether you’re building a personal blog, portfolio, news site, or creative magazine, post formats help your content stand out.
Who This Plugin Is For

Bloggers who want variety in their post presentations without creating custom templates
Content creators who publish different types of content (articles, quotes, galleries, status updates)
News sites migrating from classic themes and want to preserve post format functionality
Designers and developers building block themes who need format support built-in
Accessibility advocates who require WCAG 2.2 AA compliant content tools
Anyone moving from classic themes who misses the post format features they relied on

Key Features
10 Format-Specific Block Patterns
Each WordPress post format gets a professionally-designed block pattern optimized for its content type. Patterns include locked first blocks to maintain format consistency while giving you complete creative freedom for additional content:

Standard – Traditional blog post with full title, featured image, and content blocks
Aside – Short note or update displayed in a styled bubble container without title requirement
Status – Twitter-style status update with 280-character validation and real-time counter
Link – Link sharing with automatic Bookmark Card integration when available, with graceful fallback to standard linked paragraphs
Gallery – Photo gallery starting with a locked gallery block for image collections
Image – Single image post with prominent image display and caption support
Quote – Quotation or citation with enhanced pullquote styling and attribution
Video – Video content using native video blocks or popular embed services. Integrates with Able Player for enhanced accessible playback when available.
Audio – Audio file or podcast embed with native player styling. Integrates with Podlove Podcasting Plugin for podcasts and Able Player for accessible playback when available.
Chat – Conversation transcript using the integrated Chat Log block

Integrated Chat Log Block
No separate plugin needed! Post Formats for Block Themes includes a full-featured Chat Log block for displaying conversation transcripts. Perfect for interviews, customer support examples, team discussions, or any dialogue format.
Supported platforms: Slack, Discord, Microsoft Teams, WhatsApp, Telegram, Signal, and generic chat transcripts. Additional text format support: SRT subtitles, VTT captions, and plain text exports from any chat application.
Chat Log features: automatic platform detection, avatar display, timestamp formatting (relative, absolute, time-only), multiple display styles (bubbles, IRC, transcript, timeline), thread collapsing, participant lists, device frames, full accessibility, and RTL support.
Automatic Format Detection
Save time with intelligent format detection. The plugin analyzes your post’s first block and automatically assigns the appropriate format. Gallery block becomes Gallery format, video block becomes Video format, quote block becomes Quote format, and so on. Detection runs on post save and respects manual format selections.
Format Selection Modal
When creating a new post, a visual format selection modal appears with all 10 formats displayed as cards showing icons, names, descriptions, and use cases. Fully keyboard accessible and screen reader friendly.
Format Switcher Sidebar Panel
Change formats mid-edit with the Format Switcher in the post sidebar. View current format, see auto-detection suggestions, choose to replace content or keep existing blocks. Perfect for when you change your mind about post type.
Status Format Validation
The Status format includes Twitter-style character validation with real-time counter, 280-character soft limit, visual feedback, accessibility announcements, and mobile-friendly composition.
Post Format Repair Tool
Scan existing posts and fix format mismatches with the built-in repair tool (Tools → Post Format Repair). Detects content/format mismatches, bulk or individual repairs, preview suggestions, one-click fixes. Perfect for migrating from classic themes.
Theme-Agnostic Styling
Format styles integrate seamlessly with any block theme using CSS custom properties from your theme.json. Respects your theme’s colors, typography, spacing. No styling conflicts. Works with Global Styles.
How to Use Post Formats in Block Themes
Creating Your First Formatted Post:
1. Navigate to Posts → Add New
2. Format selection modal appears automatically
3. Click your desired format (e.g., “Quote”)
4. Pattern is inserted with locked first block
5. Add content within the pattern
6. Publish your formatted post
Mid-Edit Format Switching:
1. Open the right sidebar while editing
2. Find the “Format Switcher” panel
3. Choose a new format from dropdown
4. Decide to replace or keep content
5. Format updates instantly
Using Auto-Detection:
1. Start a new post without selecting a format
2. Add content (e.g., insert a gallery block)
3. Save as draft or publish
4. Plugin automatically detects Gallery format
5. Format is assigned without manual action
How to Create a Quote Post
Showcase quotations and citations beautifully:

Select Quote format from the modal
The pullquote pattern loads with locked Quote block
Type or paste your quote
Add attribution in citation field
Optional: Add commentary below the quote
Customize styling via Global Styles
Publish your enhanced quote post

The locked pullquote maintains format integrity while allowing unlimited additional content blocks.
How to Display Chat Conversations
Turn conversation transcripts into readable, attractive content:

Select Chat format when creating new post
Chat Log block inserts automatically
Copy conversation text from Slack, Discord, Teams, WhatsApp, etc.
Paste into Chat Log block—platform detection is automatic
Configure display options: style, avatars, timestamps, threads, device frame
Preview the formatted conversation
Publish your beautiful chat transcript

Platform-specific features: Slack preserves channels, threads, reactions; Discord maintains server structure and roles; Teams retains meeting context; WhatsApp shows message status and reply chains; Telegram preserves stickers; Signal maintains message indicators.
How to Automatically Detect Post Formats
Let the plugin handle format assignment:

Create new post without selecting format
Add content normally (gallery, video, quote, etc.)
Save draft or publish—detection runs on save
Check Format Switcher panel for detected format
Accept or manually override

Detection rules: first block determines format. Gallery block = Gallery format, Video block = Video format, Quote block = Quote format, and so on. Detection only runs on posts without manual format selection.
How to Repair Mismatched Formats
Fix format assignments across your entire site:

Navigate to Tools → Post Format Repair
Click “Scan All Posts”—analyzes content vs. formats
Review mismatch report
Preview suggestions for each post
Bulk repair all or fix individually
Verify changes

Common scenarios: migrating from classic themes, imported content, incorrect manual assignments, exploring your format distribution. The repair tool is safe—changes only format meta, never modifies post content.
Migrating from Classic Theme Post Formats
Preserve post format styling when switching to block themes:
Before Migration:
1. Install plugin on classic theme site
2. Leave classic theme active
3. Test repair tool with scan (don’t apply yet)
4. Review the report
During Migration:
1. Switch to block theme
2. Activate Post Formats for Block Themes
3. Visit Tools → Post Format Repair
4. Run full scan
5. Review suggestions
6. Apply bulk repair
After Migration:
1. Check frontend display
2. Customize styling in theme.json
3. Create new posts with format patterns
4. Optional: update old posts to use patterns
What transfers: format assignments, post content, featured images, post meta. What changes: theme template styling becomes pattern styling, classic PHP templates become block templates. Tips: test on staging first, take database backup, check one post per format, customize theme.json colors, use patterns for new content.
Block Theme Compatibility Guide
What Makes a “Block Theme”:
Block themes use block templates (.html files) and theme.json instead of PHP templates. Key characteristics: templates/ folder with .html files, theme.json file, Full Site Editing support, activated via Appearance → Themes. Learn more in the WordPress Block Theme documentation.
Why Classic Themes Aren’t Supported:
Classic themes use PHP template files which conflict with block-based patterns. This plugin requires block pattern support, block templates, theme.json styling, and block editor integration. If you prefer using a classic theme with post format support, consider using the Twenty Thirteen theme which includes excellent built-in post format styling.
Recommended Compatible Block Themes:
Twenty Twenty-Five, Twenty Twenty-Four, Twenty Twenty-Three, Block themes from Automattic (Blank Canvas, Pendant), most modern block themes on WordPress.org.
Theme.json Integration:
The plugin reads color palette, typography, spacing, and border styles from your theme.json. Format styles automatically adapt. To customize, edit your theme.json color and typography settings.
Developer Guide: Extending Post Formats
Add Custom Format:
php
add_filter( 'pfbt_registered_formats', function( $formats ) {
$formats['review'] = [
'name' => 'Review',
'description' => 'Product review',
'icon' => 'star-filled',
'pattern_slug' => 'my-theme/review-pattern',
];
return $formats;
} );
Custom Detection Logic:
php
add_filter( 'pfbt_detected_format', function( $format, $first_block, $all_blocks ) {
if ( $first_block['blockName'] === 'my-plugin/custom-block' ) {
return 'gallery';
}
return $format;
}, 10, 3 );
Run Code After Detection:
php
add_action( 'pfbt_format_detected', function( $post_id, $format, $post ) {
error_log( "Post {$post_id} detected as {$format}" );
}, 10, 3 );
Track Format Changes:
php
add_action( 'pfbt_format_changed', function( $post_id, $old_format, $new_format ) {
// Analytics tracking
}, 10, 3 );
More filters and actions available for pattern content modification, post-repair actions, and format definition customization.
Additional Information
Performance
Post Formats for Block Themes is built for performance: JavaScript loads only in block editor (never on frontend), CSS uses minimal native custom properties, auto-detection runs only on save, no frontend database queries, properly enqueued versioned assets for browser caching, no external dependencies or CDN requests.
Privacy
This plugin respects user privacy: does not collect or store user data, does not make external API calls, does not set cookies, does not track users, does not share data with third parties. Format selections and post meta stored only in your WordPress database using standard functions.
Browser Compatibility
Tested and fully functional in: Chrome 90+, Firefox 88+, Safari 14+, iOS Safari 14+, Chrome for Android 90+. Uses modern JavaScript (ES6+) with polyfills for wider compatibility.
Support
For support: check FAQ section, read format descriptions, visit WordPress.org support forums, search existing threads, create new topic with details (WordPress version, PHP version, theme name, active plugins, issue description, reproduction steps, screenshots).
For bug reports and feature requests: visit GitHub repository.
Contributing
Contributions welcome! Report bugs on GitHub, submit pull requests, translate via WordPress.org, write tutorials, answer support questions, share with others. Development: follows WordPress Coding Standards, includes comprehensive test suite (PHPUnit + Playwright), CI/CD pipeline with automated testing, accessibility tested with axe-core.
Credits
Inspired by WordPress Twenty Thirteen theme’s post format treatments. Built with WordPress Gutenberg components. Icons by Dashicons. Developed by Courtney Robertson. License: GPL v2 or later.
External Services
This plugin does not connect to or rely on any external services. All functionality runs entirely on your WordPress installation using core WordPress APIs. The Chat Log block specifically: does NOT send conversation data to external services, does NOT make API calls, processes all transcript text locally using JavaScript, stores formatted conversations in post content only. Your conversations never leave your server.