wp-frontend

WordPress Frontend Development

Frontend/client-side WordPress development including CSS, JavaScript, HTML coding standards and best practices.

Available Resources

Frontend Coding Standards

• CSS Coding Standards - WordPress CSS coding standards
• JavaScript Coding Standards - WordPress JavaScript coding standards
• HTML Coding Standards - WordPress HTML coding standards

When to Use

Use this skill when working on:

• CSS Files: Writing or reviewing .css, .scss files
• JavaScript Files: Writing or reviewing .js files
• HTML Templates: Theme templates, template parts
• Gutenberg Blocks: Block editor development
• Theme Development: Custom themes, child themes
• Responsive Design: Media queries, mobile-first approach
• Accessibility: ARIA attributes, semantic HTML, keyboard navigation
• Asset Optimization: Minification, concatenation, lazy loading
• Build Tools: webpack, npm scripts, Gulp, Grunt

Quick Reference

Common Frontend Tasks

• Styling components → CSS Coding Standards
• Adding interactivity → JavaScript Coding Standards
• Creating templates → HTML Coding Standards
• Building Gutenberg blocks → JavaScript + HTML Coding Standards
• Theme customization → CSS + HTML Coding Standards
• Responsive design → CSS Coding Standards (Media Queries)
• Accessibility improvements → HTML Coding Standards (ARIA, Semantic HTML)