skills.rest
wpgaurav
wpgauravCOMMUNITY
Explore all skills by this author →
Website𝕏@wpgauravGitHub

md-section

Convert raw HTML into WordPress MD Section blocks with inline styles.

14|1|Updated Mar 30, 2026
Search Tags:#html#conversion#convert#wordpress#block-editor#md-section#section-block
One-click install
npx skills add https://github.com/wpgaurav/WordPress-skills --skill md-section
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: md-section
Source: https://github.com/wpgaurav/WordPress-skills/tree/main/skills/wordpress/md-section
Command: npx skills add https://github.com/wpgaurav/WordPress-skills --skill md-section

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converting arbitrary HTML layouts into WordPress blocks by mapping to the MD Section block and core blocks, stripping external CSS/JS, and preserving inline styles as block attributes.

Core Features & Use Cases

  • Converts HTML templates into a nested block structure using the MD Section block and core WordPress blocks.
  • Strips external resources and extracts scoped CSS into the outer section's style attributes.
  • Supports mapping rules for common HTML elements to WordPress blocks and transfers attributes for accessibility and semantics.

Quick Start

Paste your HTML into the WordPress editor and run the md-section workflow to generate a section-based layout.

Frequently Asked Questions about md-section

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert HTML layouts to WordPress blocks?▼

To convert HTML to a WordPress section block, paste the raw HTML into the block editor to generate a structured layout. This maps HTML elements to core blocks, strips external CSS and JS, and preserves inline styles as block attributes.

What does stripping external CSS do when converting HTML to a section block?▼

Stripping external CSS during HTML to section block conversion removes outside stylesheets and scripts. It extracts scoped CSS, transferring it into the outer WordPress section block's style attributes to maintain visual fidelity safely.

Can I map complex HTML elements to the WordPress block editor?▼

Yes, you can map complex HTML elements to the WordPress block editor using defined mapping rules. The workflow transfers accessibility and semantic attributes from raw HTML elements directly into their corresponding core blocks.

Does the MD Section conversion workflow require external dependencies?▼

No, the MD Section conversion workflow does not require external dependencies. It safely handles raw HTML by serializing section blocks, extracting CSS, and applying attribute transfer rules natively within the WordPress environment.

Why are my inline styles lost when converting HTML to WordPress blocks?▼

Inline styles are often lost without a proper HTML to WordPress block conversion workflow. The MD Section process prevents this by capturing inline CSS and applying it directly as attributes within the structured section block layout.

Related Skills

Explore More Software Engineering Skills→
RebelliousSmileRebelliousSmile
1

wp-blocks

Validate WordPress block markup by simulating editor behavior with Playwright.

Community
Advanced
wpgauravwpgaurav
111

generateblocks-layouts

Assemble GenerateBlocks V2 layouts into standalone HTML files with minimal CSS.

Community
Intermediate
iwritec0deiwritec0de
1

gutenberg-layout

Compose Gutenberg blocks into semantic, accessible WordPress layout markup.

Community
Advanced
wpgauravwpgaurav
14

just-html

Generate self-contained HTML components with scoped CSS and minimal JavaScript.

Community
Basic