[WordPress] 外掛分享: HTML5 Semantic Elements

首頁外掛目錄 › HTML5 Semantic Elements
WordPress 外掛 HTML5 Semantic Elements 的封面圖片
全新外掛
安裝啟用
尚無評分
139 天前
最後更新
問題解決
WordPress 5.8+ PHP 7.4+ v1.0.2 上架:2025-10-29

內容簡介

**總結:**
HTML5 Semantic Elements(HTML5 語意元素)外掛介紹了兩個自訂的古鐘塔區塊 — 文章(Article)和旁支(Aside),讓您可以使用適當的 HTML5 語意元素來結構化WordPress內容。
使用文章區塊來放置自包含內容,例如部落格文章或新聞項目,使用旁支區塊則來放置相關或補充資訊,如側欄、拉引語、或呼喊。
這些語意元素通過明確定義不同內容區塊的角色,提升了SEO和存取性。

**問題:**
1. HTML5 Semantic Elements(HTML5 語意元素)外掛引入了哪兩個自訂的古鐘塔區塊?
2. 如何使用添加區塊功能?
3. 文章區塊(Article Block)對於哪些類型的內容特別適合?
4. 除了添加HTML5 <aside>元素,旁支區塊(Aside Block)還適用於哪些用途?
5. 如何對文章區塊(Article Block)進行定製CSS樣式?
6. 如何將現有的區塊轉換為旁支區塊(Aside Block)?
7. 這兩個區塊都包含哪些基本樣式?
8. 當您需要調整外觀時,您可以在哪裡添加自定義CSS樣式?
9. 這個外掛的授權是什麼?

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.2) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「HTML5 Semantic Elements」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

The HTML5 Semantic Elements plugin introduces two custom Gutenberg blocks — Article and Aside — that allow you to structure your WordPress content with proper semantic HTML5 elements.
Use the Article block for self-contained content such as blog posts or news items, and the Aside block for related or supplementary information such as sidebars, pull quotes, or callouts.
These semantic elements improve both SEO and accessibility by clearly defining the roles of different content sections.
How to Use
Adding Blocks

Edit any post or page in the block editor
Click the “+” button to add a new block
Search for “Article” or “Aside”
Click the desired block to insert it into your content

Article Block
The Article block creates an HTML5

element, ideal for:
– Blog posts
– News articles
– Forum posts
– Comments
– Independent, self-contained content
Features
– Nest any blocks inside (headings, paragraphs, images, etc.)
– Wide and Full alignment support
– Custom CSS classes
– Anchor ID support
– “Remove Article” button to unwrap the block while keeping its inner content
Removing the Article wrapper
– Toolbar: Select the Article block → click the “Remove Article” (X) button
– Menu: Use the three-dot menu → “Ungroup”
Aside Block
The Aside block creates an HTML5

文章
Filter
Apply Filters
Mastodon