Title: HTML5 Semantic Elements
Author: niw2cp
Published: <strong>Ọ̀wàrà 30, 2025</strong>
Last modified: Ọ̀wàrà 30, 2025

---

Ṣàwárí àwọn plugin

![](https://ps.w.org/html5-semantic-elements/assets/banner-772x250.png?rev=3386806)

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

![](https://ps.w.org/html5-semantic-elements/assets/icon-256x256.png?rev=3386806)

# HTML5 Semantic Elements

 Láti ọwọ́ [niw2cp](https://profiles.wordpress.org/niw2cp/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/html5-semantic-elements.1.0.2.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/html5-semantic-elements/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/html5-semantic-elements/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/html5-semantic-elements/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/html5-semantic-elements/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/html5-semantic-elements/)

## Àpèjúwe

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

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

### Article Block

The Article block creates an HTML5 `<article>` element, ideal for:
 Ìtumọ̀ Yorùbá:–
Blog posts Ìtumọ̀ Yorùbá: – News articles Ìtumọ̀ Yorùbá: – Forum posts Ìtumọ̀ Yorùbá:–
Comments Ìtumọ̀ Yorùbá: – Independent, self-contained content

**Features**
 Ìtumọ̀ Yorùbá: – Nest any blocks inside (headings, paragraphs, images,
etc.) Ìtumọ̀ Yorùbá: – Wide and Full alignment support Ìtumọ̀ Yorùbá: – Custom CSS
classes Ìtumọ̀ Yorùbá: – Anchor ID support Ìtumọ̀ Yorùbá: – “Remove Article” button
to unwrap the block while keeping its inner content

**Removing the Article wrapper**
 Ìtumọ̀ Yorùbá: – **Toolbar**: Select the Article
block  click the “Remove Article” (X) button Ìtumọ̀ Yorùbá: – **Menu**: Use the 
three-dot menu  “Ungroup”

### Aside Block

The Aside block creates an HTML5 `<aside>` element, perfect for:
 Ìtumọ̀ Yorùbá:–
Sidebars Ìtumọ̀ Yorùbá: – Pull quotes Ìtumọ̀ Yorùbá: – Related content Ìtumọ̀ Yorùbá:–
Callout boxes Ìtumọ̀ Yorùbá: – Supplementary information

**Features**
 Ìtumọ̀ Yorùbá: – Add any blocks inside Ìtumọ̀ Yorùbá: – Left, Right,
Wide, and Full alignment options Ìtumọ̀ Yorùbá: – Default styling with background
color and left border Ìtumọ̀ Yorùbá: – Custom CSS classes Ìtumọ̀ Yorùbá: – Anchor
ID support Ìtumọ̀ Yorùbá: – Transform paragraphs, headings, lists, or quotes into
Asides Ìtumọ̀ Yorùbá: – “Remove Aside” button to unwrap the content

**Transforming existing blocks**
 1. Select an existing block (paragraph, heading,
list, quote, pullquote, or group) 2. Click the block icon or three-dot menu 3. Choose“
Transform to”  “Aside”

**Removing the Aside wrapper**
 Ìtumọ̀ Yorùbá: – **Toolbar**: Select the Aside block
click the “Remove Aside” (X) button Ìtumọ̀ Yorùbá: – **Transform**: Convert to “
Group” Ìtumọ̀ Yorùbá: – **Menu**: Use the three-dot menu  “Ungroup”

### Styling

Both blocks include basic styling. To customize:

 1. Add a custom CSS class in the **Advanced** panel of the block settings.
 2. Add your own CSS under **Appearance  Customize  Additional CSS**.

Example CSS:

    ```
    `css
    ```

/* Custom Article styling */
 .wp-block-html5-semantic-article { padding: 2em; background:#
ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }

/* Custom Aside styling */
 .wp-block-html5-semantic-aside { background-color: #
fffbea; border-left: 4px solid #f59e0b; padding: 2em; }

### Block Settings

Block Tab: Alignment options

Advanced Tab: Add custom CSS classes, anchor IDs

### Tips

Nest Blocks: Combine headings, text, and media inside semantic containers

SEO Benefits: Helps search engines interpret your content hierarchy

Accessibility: Improves screen reader navigation and content structure

### License

This plugin is licensed under the GPL v2 or later.

## Àwọn àwòrán ìbòjú

[[

[[

[[

[[

## Àwọn ìdí

Plugin yìí pèsè 2 àwọn ìdí.

 *   Article
 *   Aside

## Ìgbéwọlẹ̀

 1. Upload the `html5-semantic-elements` folder to `/wp-content/plugins/`
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Start using the **Article** and **Aside** blocks in your posts and pages

## FAQ

### Will this plugin work with classic editor?

No. It only works with the block editor (Gutenberg).

### Can I use it with page builders?

It’s designed for the WordPress block editor, not for third-party builders.

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“HTML5 Semantic Elements” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí 
ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ niw2cp ](https://profiles.wordpress.org/niw2cp/)

[Túmọ̀ “HTML5 Semantic Elements” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/html5-semantic-elements)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/html5-semantic-elements/),
ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/html5-semantic-elements/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/html5-semantic-elements/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/html5-semantic-elements/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.0.2

Initial release — adds Article and Aside semantic HTML5 blocks.

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.0.2**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **oṣù 11 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **10+**
 *  Ẹ̀yà WordPress ** 5.8 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **6.8.11**
 *  Ẹ̀yà PHP ** 7.4 tàbí ju bẹ́ẹ̀ lọ **
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/html5-semantic-elements/)
 * Àwọn àmì
 * [article](https://yor.wordpress.org/plugins/tags/article/)[aside](https://yor.wordpress.org/plugins/tags/aside/)
   [block](https://yor.wordpress.org/plugins/tags/block/)[HTML5](https://yor.wordpress.org/plugins/tags/html5/)
   [semantic](https://yor.wordpress.org/plugins/tags/semantic/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/html5-semantic-elements/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

[Your review](https://wordpress.org/support/plugin/html5-semantic-elements/reviews/#new-post)

[Wo gbogbo àwọn àgbéyẹ̀wò](https://wordpress.org/support/plugin/html5-semantic-elements/reviews/)

## Àwọn Olùkópa

 *   [ niw2cp ](https://profiles.wordpress.org/niw2cp/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/html5-semantic-elements/)