Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions .devcontainer/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
# Theme Dev Container

A **theme-only** dev container so you can work on WDS BT without installing PHP or Node locally—whether you’re at WDS (using the project template) or anywhere else. The stack matches [WebDevStudios/wds-devcontainer](https://github.com/WebDevStudios/wds-devcontainer): **PHP 8.2** and **Node 24**.

## Usage

1. Open this theme repo in Cursor or VS Code.
2. Choose **Reopen in Container** (or run **Dev Containers: Reopen in Container** from the command palette).
3. After the container builds, run `npm run setup` if needed (postCreate runs `npm ci && composer install`).

## What’s included

- PHP 8.2 with Composer and extensions: tokenizer, xmlwriter, simplexml, dom, mbstring
- Node 24
- VS Code extensions: Intelephense, ESLint, Prettier, Stylelint

When you use a full WordPress project (e.g. WDS project template), that project’s devcontainer is used for the site; this one is for standalone theme development only.
29 changes: 29 additions & 0 deletions .devcontainer/devcontainer.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
{
"name": "WDS BT",
"image": "mcr.microsoft.com/devcontainers/base:ubuntu-24.04",
"features": {
"ghcr.io/devcontainers/features/php:1": {
"version": "8.2",
"installComposer": true,
"installXdebug": false,
"extensions": "tokenizer,xmlwriter,simplexml,dom,mbstring"
},
"ghcr.io/devcontainers/features/node:1": {
"version": "24",
"nodeGypDependencies": true,
"installYarnUsingApt": false
}
},
"customizations": {
"vscode": {
"extensions": [
"bmewburn.vscode-intelephense-client",
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode",
"stylelint.vscode-stylelint"
]
}
},
"postCreateCommand": "npm ci && composer install --no-interaction",
"remoteUser": "vscode"
}
2 changes: 1 addition & 1 deletion .env
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
# The version of your theme, manually updated by you.
# This version will be reflected in style.css, package.json, and composer.json.
VERSION=1.4.0
VERSION=1.4.5
5 changes: 5 additions & 0 deletions .npmrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Allow legacy peer deps for WordPress ecosystem compatibility
legacy-peer-deps=true

# Ensure scripts run with proper shell
script-shell=/bin/bash
1 change: 0 additions & 1 deletion .nvmrc

This file was deleted.

6 changes: 4 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# WDS BT

## Version: 1.4.0
## Version: 1.4.5

[![WebDevStudios. Your Success is Our Mission.](https://webdevstudios.com/wp-content/uploads/2024/02/wds-banner.png)](https://webdevstudios.com/contact/)

Expand Down Expand Up @@ -53,7 +53,7 @@ WDS BT is a foundational WordPress block theme designed for maximum flexibility
| Responsive Design | Ensures optimal display and functionality across devices. |
| Foundation Theme | Flexible base theme optimized for extensive customization. |
| Automated Code Quality | Modern linting configurations with PHP 8.3 compatibility, ESLint 9 flat config, WordPress coding standards, and automated quality checks. |
| Cross-Platform PHP Support | Automatic PHP binary detection and extension handling for Mac, Linux, and CI/CD environments. |
| DevContainer | [.devcontainer](.devcontainer) for **theme-only** workflow: PHP 8.2, Node 24, Composer. Usable by anyone (not just WDS); matches [wds-devcontainer](https://github.com/WebDevStudios/wds-devcontainer) when using the project template. |
| Third-party Block Style Overrides | Conditionally enqueue and override third-party block styles for efficient asset delivery. |
| Accessibility Compliance | Built-in WCAG 2.2 compliance with automated Pa11y checks. |
| Enhanced Webpack Configuration | Refined Webpack setup for improved dependency resolution and optimized asset management. |
Expand Down Expand Up @@ -82,6 +82,8 @@ WDS BT is a foundational WordPress block theme designed for maximum flexibility
2. Activate WDS BT from your WordPress admin panel under Appearance > Themes.
3. Run `npm run setup` to install dependencies and perform an initial build.

**Theme-only dev (no local PHP/Node):** Open this repo in Cursor or VS Code and choose **Reopen in Container**. The [.devcontainer](.devcontainer) provides PHP 8.2 and Node 24 so you can run `npm run setup` and build without installing tooling locally—works for everyone, not only WDS projects.

## Documentation

Full documentation is in the **[docs/](docs/README.md)** folder. Use it for setup details, NPM scripts, fonts, version management, linting and Lefthook, performance and images, Block Showcase, customizations, and accessibility/quality.
Expand Down
3 changes: 0 additions & 3 deletions assets/scss/templates/block-showcase.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,6 @@
margin-top: var(--wp--preset--spacing--gap);

.wp-block-accordion {
background: var(--wp--preset--color--base, #fff);
overflow: hidden;
}

Expand Down Expand Up @@ -97,7 +96,6 @@
var(--wp--preset--color--contrast, rgba(0, 0, 0, 0.1));
border-radius: var(--wp--preset--border-radius--md);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
background: var(--wp--preset--color--base, #fff);
padding: var(--wp--preset--spacing--50);
overflow: hidden;
display: flex;
Expand All @@ -120,7 +118,6 @@
rgba(0, 0, 0, 0.6)
);
font-size: var(--wp--preset--font-size--small);
background: var(--wp--preset--color--base-2, #f5f5f5);
padding: var(--wp--preset--spacing--30);
border-radius: var(--wp--preset--border-radius--sm);
}
Expand Down
Loading
Loading