{"id":18470194,"url":"https://github.com/gregrickaby/classic-wordpress-theme","last_synced_at":"2026-04-11T10:36:31.114Z","repository":{"id":40768032,"uuid":"382433601","full_name":"gregrickaby/classic-wordpress-theme","owner":"gregrickaby","description":"A classic PHP-based theme, with modern tooling and support for Gutenberg blocks.","archived":false,"fork":false,"pushed_at":"2024-02-05T13:36:47.000Z","size":2659,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-06-15T00:38:35.393Z","etag":null,"topics":["dark-mode","eslint","gutenberg-compatible","phpcs","prettier","stylelint","tailwindcss","theme-json","webpack5","wordpress","wordpress-theme"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gregrickaby.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-07-02T18:38:03.000Z","updated_at":"2024-06-25T06:06:08.000Z","dependencies_parsed_at":"2023-02-09T23:00:46.260Z","dependency_job_id":"85a4e6fe-c2d1-4762-b2bd-6925b4cda519","html_url":"https://github.com/gregrickaby/classic-wordpress-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gregrickaby/classic-wordpress-theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregrickaby%2Fclassic-wordpress-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregrickaby%2Fclassic-wordpress-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregrickaby%2Fclassic-wordpress-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregrickaby%2Fclassic-wordpress-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gregrickaby","download_url":"https://codeload.github.com/gregrickaby/classic-wordpress-theme/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregrickaby%2Fclassic-wordpress-theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281264820,"owners_count":26471312,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-27T02:00:05.855Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dark-mode","eslint","gutenberg-compatible","phpcs","prettier","stylelint","tailwindcss","theme-json","webpack5","wordpress","wordpress-theme"],"created_at":"2024-11-06T10:13:14.593Z","updated_at":"2025-10-27T12:06:42.731Z","avatar_url":"https://github.com/gregrickaby.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Classic WordPress Theme \u003c!-- omit in toc --\u003e\n\nA classic PHP-based theme, with modern tooling and support for Gutenberg blocks.\n\n## Table of Contents \u003c!-- omit in toc --\u003e\n\n- [Features](#features)\n- [Why?](#why)\n- [Setup](#setup)\n\t- [Requirements](#requirements)\n\t- [Install](#install)\n- [Development](#development)\n\t- [Asset Structure](#asset-structure)\n\t- [Styling](#styling)\n\t- [JavaScript](#javascript)\n\t- [Theme Files](#theme-files)\n\t- [theme.json](#themejson)\n\t- [NPM Scripts](#npm-scripts)\n\t\t- [Live Reload](#live-reload)\n\t\t- [Going to Production](#going-to-production)\n\t\t- [Linting](#linting)\n\n---\n\n## Features\n\n- [Webpack 5](https://webpack.js.org/guides/getting-started/)\n- [TailwindCSS](https://tailwindcss.com/)\n- [theme.json](https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/)\n- [LiveReload](http://livereload.com/)\n- [Github Actions](https://github.com/features/actions)\n- [WP CLI](https://make.wordpress.org/cli/handbook/)\n- [WordPress Coding Standards](https://codex.wordpress.org/WordPress_Coding_Standards)\n- Whole lotta linting, Prettier, and PHPCBF support\n\n---\n\n## Why?\n\nThis isn't a [block theme](https://developer.wordpress.org/block-editor/how-to-guides/themes/block-theme-overview/) and does not support full-site editing on purpose.\n\nThere's no doubt that block-based themes are the future of WordPress; however, PHP-based themes with deep integration with Gutenberg and modern tooling are still as relevant as ever.\n\nI wanted to create a \"classic\" theme that gave developers world class support for tooling _and_ the latest Gutenberg block features like `theme.json`. Plus, I love to tinker and being on the bleeding edge is fun!\n\n---\n\n## Setup\n\n### Requirements\n\n- [Node 14](https://nodejs.org/en/)\n- [NPM 7](https://docs.npmjs.com/about-npm)\n- [Composer 2](https://getcomposer.org/)\n- [LiveReload Browser Extension](http://livereload.com/extensions/)\n\n\n### Install\n\nClone this theme into `wp-content/themes`:\n\n```bash\ngit clone git@github.com:gregrickaby/classic-wordpress-theme.git\n```\n\nInstall dependencies:\n\n```bash\ncomposer install \u0026\u0026 npm i --legacy-peer-deps\n```\n\nRun a build to bundle all theme assets:\n\n```bash\nnpm run build\n```\n\nFinally, activate the theme in the WordPress dashboard.\n\n---\n\n## Development\n\n### Asset Structure\n\nThe `src` directory is where all theme assets should be placed. Webpack is configured to bundle them into the `/build` directory.\n\n```txt\n├── src\n│   index.js\n│   ├── css\n│   │   ├── index.css\n│   │   └── tailwind.css\n│   ├── fonts\n│   │   └── OpenSans-Regular.woff2\n│   ├── images\n│   │   └── placeholder.png\n│   └── js\n│       └── placeholder.js\n```\n\n### Styling\n\nThis theme includes support for [TailwindCSS](https://tailwindcss.com/). It uses the [JIT compiler](https://tailwindcss.com/docs/just-in-time-mode), so live reloads are ⚡️ fast.\n\nTo get started, open `index.css` and start adding your styles. To customize further, open `tailwind.config.js` or `theme.json`.\n\n### JavaScript\n\nThis theme uses Webpack 5 and Babel and is ready for anything `esnext`. Simply create your JS files and place them in `/src/js/` then use ES6 imports in `src/index.js`.\n\n### Theme Files\n\nIt can frustrating to \"tear down\" a theme just to get started. I tried to keep the theme files and use of template tags to the bare minimum.\n\n### theme.json\n\nWordPress 5.8 comes with a new mechanism to configure the editor that enables a finer-grained control and introduces the first step in managing styles for future WordPress releases: the `theme.json` file.\n\nThe `theme.json` kinda mimics the config workflow for [tailwind.config.js](https://tailwindcss.com/docs/configuration):\n\n```json\n// theme.json\n{\n  \"version\": 1,\n  \"settings\": {\n    \"color\": {},\n    \"layout\": {}\n  },\n  \"styles\": {\n    \"color\": {},\n    \"typography\": {},\n    \"elements\": {},\n    \"blocks\": {}\n  },\n  \"templateParts\": {},\n  \"customTemplates\": {}\n}\n\n```\n\nYou can learn more about `theme.json` in the [Block Editor Handbook](https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/) and check out the [theme-experiments repo](https://github.com/WordPress/theme-experiments) on Github.\n\n\n### NPM Scripts\n\n#### Live Reload\n\nWatch for changes and LiveReload:\n\n```bash\nnpm run dev\n```\n\nNow open your browser and click the LiveReload extension.\n\n#### Going to Production\n\nBundle assets for production:\n\n```bash\nnpm run build\n```\n\n#### Linting\n\nFormat files:\n\n```bash\nnpm run format\n```\n\nLint files:\n\n```bash\nnpm run lint\n```\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregrickaby%2Fclassic-wordpress-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgregrickaby%2Fclassic-wordpress-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregrickaby%2Fclassic-wordpress-theme/lists"}