skills.rest
hifisaputra
hifisaputraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wordpress-page-template

Generate a static WordPress page template scaffold with scoped CSS and bootstrap hooks.

Updated Apr 22, 2026
Search Tags:#css#scaffold#wordpress#partials#static#page-template
One-click install
npx skills add https://github.com/hifisaputra/wordpress-skills --skill wordpress-page-template
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wordpress-page-template
Source: https://github.com/hifisaputra/wordpress-skills/tree/main/wordpress-page-template
Command: npx skills add https://github.com/hifisaputra/wordpress-skills --skill wordpress-page-template

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill creates a self-contained, static WordPress page template scaffold inside an existing theme, producing a coherent set of files (template PHP, per-template partials, scoped CSS, and optional bootstrap JS) that load only when the template is selected, avoiding immediate ACF or importer work.

Core Features & Use Cases

  • Generates a complete static template set (templates/page-<slug>.php with a Template Name header, template-parts/<slug>/*.php with hardcoded content, inc/<slug>.php for per-template bootstrap, and assets/css/<slug>.css) that previews instantly.
  • Always invokes frontend-design first to establish a distinctive visual identity before scaffolding content.
  • Supports versioned naming (home-v2, home-v3, landing-launch) or single-template naming (page-about, page-services) to maintain a scalable design system.

Quick Start

Scaffold a static WordPress page template by selecting a slug, invoking frontend-design, and letting the skill generate templates/page-<slug>.php, template-parts/<slug>/*.php, inc/<slug>.php, and assets/css/<slug>.css within the target theme.

Frequently Asked Questions about wordpress-page-template

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

FAQPage Schema
How do I scaffold a static WordPress page template within an existing theme?▼

You scaffold a static WordPress page template by selecting a slug, which triggers generation of a coherent file set including template PHP, per-template partials, scoped CSS, and optional bootstrap JS within the target theme directory.

What is a scoped, guarded-enqueue architecture for WordPress templates?▼

A scoped, guarded-enqueue architecture ensures that template-specific CSS and optional bootstrap JS load only when the associated page template is selected, preventing asset bleed into other theme areas.

How do I create a new landing page in WordPress without using Advanced Custom Fields?▼

You create a landing page without ADF by scaffolding a static page template with hardcoded content in per-template partials, which previews instantly and defers immediate ACF or importer work as a follow-up.

Can I use versioned naming for WordPress page templates to maintain a scalable design system?▼

Yes, WordPress page templates support versioned naming like home-v2 or landing-launch alongside single-template naming like page-about, ensuring a scalable design system within an existing theme.

What files are generated when scaffolding a WordPress page template?▼

Scaffolding a WordPress page template generates templates/page-<slug>.php with a Template Name header, template-parts/<slug>/*.php partials, inc/<slug>.php for bootstrap hooks, and assets/css/<slug>.css for scoped styling.

When should I not use a static WordPress page template scaffold?▼

You should avoid a static WordPress page template scaffold when your page requires dynamic data binding or complex custom post type queries immediately, as this approach uses hardcoded content designed to defer ACF integration.

Related Skills

Explore More Software Engineering Skills→
AndyMarigoldLabsAndyMarigoldLabs

frontend-design

Create distinctive frontend interfaces with design tokens in code.

Community
Basic
lbliiilbliii
41

bengal-add-directive

Add custom MyST directives to Bengal by implementing the DirectiveHandler protocol.

Community
Advanced
hifisaputrahifisaputra

wordpress-page-acf-integration

Convert static WordPress page templates into ACF-backed editable pages.

Community
Advanced
wpgauravwpgaurav
14

just-html

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

Community
Basic