https://github.com/bopdesign/boptail
A custom WordPress starter theme based on _tw, optimized for modern development with Tailwind CSS, Tailwind Typography and the WordPress editor.
https://github.com/bopdesign/boptail
starter-theme tailwind-typography tailwindcss wordpress wordpress-theme
Last synced: 2 months ago
JSON representation
A custom WordPress starter theme based on _tw, optimized for modern development with Tailwind CSS, Tailwind Typography and the WordPress editor.
- Host: GitHub
- URL: https://github.com/bopdesign/boptail
- Owner: bopdesign
- License: gpl-3.0
- Created: 2025-01-06T06:36:49.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2025-03-15T23:02:41.000Z (2 months ago)
- Last Synced: 2025-03-16T00:18:14.159Z (2 months ago)
- Topics: starter-theme, tailwind-typography, tailwindcss, wordpress, wordpress-theme
- Language: PHP
- Homepage:
- Size: 889 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
BopTail
=========
A custom theme based on \_tw
## Quickstart
### Installation
1. Move this folder to `wp-content/themes` in your local development environment
2. Run `npm install && npm run dev` in this folder
3. Activate this theme in your local WordPress installation
### Development
4. Run `npm run watch`
5. Add [Tailwind utility classes](https://tailwindcss.com/docs/utility-first) with abandon
### Deployment
6. Run `npm run bundle`
7. Upload the resulting zip file to your site using the “Upload Theme” button on the “Add Themes” administration page
Or [deploy with the tool of your choice](https://underscoretw.com/docs/deployment/#h-other-deployment-options)!
## Full Documentation
### Fundamentals
* [Installation](https://underscoretw.com/docs/installation/)
Generate your custom theme, install it in WordPress and run your first Tailwind builds
* [Development](https://underscoretw.com/docs/development/)
Watch for changes, build for production and learn more about how _tw, WordPress and Tailwind work together
* [Deployment](https://underscoretw.com/docs/deployment/)
Share your new WordPress theme with the world
* [Troubleshooting](https://underscoretw.com/docs/troubleshooting/)
Find solutions to potential issues and answers to frequently asked questions
### In Depth
* [Using Tailwind Typography](https://underscoretw.com/docs/tailwind-typography/)
Customize front-end and back-end typographic styles
* [JavaScript Bundling with esbuild](https://underscoretw.com/docs/esbuild/)
Install and bundle JavaScript libraries (very quickly)
* [Adding custom fonts](https://underscoretw.com/docs/custom-fonts/)
Host your fonts yourself or use a third party—and then add those fonts to your WordPress theme
* [Linting and Code Formatting](https://underscoretw.com/docs/linting-code-formatting/)
Catch bugs and stop thinking about formatting
* [Keeping your theme up-to-date](https://underscoretw.com/docs/updating/)
How to update (and whether or not you should)
### Extras
* [On Tailwind and WordPress](https://underscoretw.com/docs/wordpress-tailwind/)
Understand how WordPress and Tailwind work together
* [Styling HTML from outside the theme](https://underscoretw.com/docs/styling-html-from-outside-the-theme/)
Work with WordPress core, plugins and JavaScript libraries
* [Managing Styles for Custom Blocks](https://underscoretw.com/docs/custom-blocks/)
Learn strategies for using Tailwind in theme-specific custom blocks
* [Setting Up Browsersync](https://underscoretw.com/docs/browsersync/)
Add live reloads and synchronized cross-device testing to your workflow