A minimal boilerplate theme for WordPress using TailwindCSS, with PostCSS and Laravel Mix.

Related tags

CMS theme wordpress postcss wordpress-theme jit tailwindcss purgecss
Overview

TailPress

A minimal boilerplate theme for WordPress using TailwindCSS, with PostCSS and Laravel Mix.

Getting started

  • Clone repo git clone https://github.com/pixeldevsio/tailpress.git && cd tailpress
  • Run rm -rf .git to remove git.
  • Run npm install
  • Run npm run development
  • Run npm run watch to start developing

You will find the editable CSS and Javascript files within the /resources folder.

Before you use your theme in production, make sure you run npm run production.

Block editor support

TailPress comes with basic support for the block editor.

CSS-classes for alignment, background and text colors will be generated automatically. You can modify this within the tailwind.config.js file.

To make the editing experience within the block editor more in line with the front end styling, a editor-style.css is generated. This file is only compiled on production builds.

Define theme colors

Four colors (primary, secondary, dark and light) are defined from the beginning. You can modify the colors in tailpress.json.

Define theme font sizes

You can modify the font sizes within tailpress.json.

JIT

Tailwind CSS JIT is used to allow for fast compiling.

If you prefer to use the regular Tailwind CSS instead, you can change to that dependency in package.json. Also make sure to you change the PostCSS plugins in webpack.mix.js.

PurgeCSS

By default, PurgeCSS is enabled. You can modify or disable it by changing the settings in the tailwind.config.js file. There are several PurgeCSS options.

Links

You might also like...
Security, performance, marketing, and design tools — Jetpack is made by WordPress experts to make WP sites safer and faster, and help you grow your traffic.

Jetpack Monorepo This is the Jetpack Monorepo. It contains source code for the Jetpack plugin, the Jetpack composer packages, and other things. How to

Automattic 1.4k Jan 7, 2023
A Simple and Lightweight WordPress Option Framework for Themes and Plugins
A Simple and Lightweight WordPress Option Framework for Themes and Plugins

A Simple and Lightweight WordPress Option Framework for Themes and Plugins. Built in Object Oriented Programming paradigm with high number of custom fields and tons of options. Allows you to bring custom admin, metabox, taxonomy and customize settings to all of your pages, posts and categories. It's highly modern and advanced framework.

Codestar 241 Dec 23, 2022
Wordpress plugin to allow websites to sell and distribute NFTs through the Enjin platform

MyMeta Basket is the world's first plug-and-play Wordpress/Enjin/Ethereum integration that allows you to start selling blockchain assets through your website within minutes. All you need is Wordpress, MyMeta Basket, and an Enjin subscription.

MyMetaverse 6 Oct 3, 2022
Create WordPress themes with beautiful OOP code and the Twig Template Engine
Create WordPress themes with beautiful OOP code and the Twig Template Engine

Timber helps you create fully-customized WordPress themes faster with more sustainable code. With Timber, you write your HTML using the Twig Template Engine separate from your PHP files.

Timber 5.2k Dec 31, 2022
Bedrock is a modern WordPress stack that helps you get started with the best development tools and project structure.
Bedrock is a modern WordPress stack that helps you get started with the best development tools and project structure.

WordPress boilerplate with modern development tools, easier configuration, and an improved folder structure

Roots 5.7k Jan 9, 2023
Add subtitles into your WordPress posts, pages, custom post types, and themes. No coding required.
Add subtitles into your WordPress posts, pages, custom post types, and themes. No coding required.

Add subtitles into your WordPress posts, pages, custom post types, and themes. No coding required. Simply activate Subtitles and you're ready to go.

We Cobble 117 Dec 31, 2022
Zero-Config plugin to disable FLoC in your WordPress Website.
Zero-Config plugin to disable FLoC in your WordPress Website.

Disable FLoC by WP Munich A simple zero-config plugin to opt-out of Google FLoC. This plugin is made with love and brought to you by the folks of WP M

Luehrsen // Heinrich 9 Jun 1, 2022
酱茄企业官网小程序，酱茄专为中小企业开发的轻量级企业建站小程序（基于uni-app+wordpress），后台操作简单，维护方便，无需过多配置就能搭建一个企业小程序。
酱茄企业官网小程序，酱茄专为中小企业开发的轻量级企业建站小程序（基于uni-app+wordpress），后台操作简单，维护方便，无需过多配置就能搭建一个企业小程序。

一、小程序介绍 酱茄企业官网小程序，酱茄专为中小企业开发的轻量级企业建站小程序（基于uni-app + wordpress），后台操作简单，维护方便，无需过多配置就能搭建一个企业小程序。

杨江河 34 Dec 27, 2022
Wrapping all composer vendor packages inside your own namespace. Intended for WordPress plugins

Wrapping all composer vendor packages inside your own namespace. Intended for WordPress plugins.

Typist Tech 93 Dec 17, 2022
Comments
  • Cant use some Tailwind classes

    Cant use some Tailwind classes

    Hi, Im new to Tailwind css but I'm loving this theme its great since I was already used to underscores starter theme for all my projects. However for some reason I can't use some of the Tailwind classes. Not sure if its a me problem or theme related. Is there anything I can adjust to make all classes applicable. e.g all background image classes, w-1/3, flex-1 etc

    good first issue question 
    opened by fungayimakoni 4
Releases(v3)

  • v3(Apr 4, 2022)

    TailwindCSS v3 upgrade

    What's Changed

    • Dev by @pixeldevsio in https://github.com/pixeldevsio/tailpress/pull/1
    • Dev by @pixeldevsio in https://github.com/pixeldevsio/tailpress/pull/4

    New Contributors

    • @pixeldevsio made their first contribution in https://github.com/pixeldevsio/tailpress/pull/1

    Full Changelog: https://github.com/pixeldevsio/tailpress/compare/2...v3

    Source code(tar.gz)
    Source code(zip)

  • 2(Apr 24, 2021)

Owner
Pixel Devs
Pixel Devs
GitHub
(Hard) Fork of WordPress Plugin Boilerplate, actively taking PRs and actively maintained. Following WordPress Coding Standards. With more features than the original.

Better WordPress Plugin Boilerplate This is a Hard Fork of the original WordPress Plugin Boilerplate. The Better WordPress Plugin Boilerplate actively

Beda Schmid 46 Dec 7, 2022
An example starter theme and block-type plugin that use @wordpress/scripts for JS & CSS

Brad’s Boilerplate This repo contains one folder that is an example theme, and another folder that is an example block-type plugin. Both folders use t

Brad Schiff 185 Dec 26, 2022
b5st – A Bootstrap 5 Starter Theme, for WordPress

b5st – A Bootstrap 5 Starter Theme, for WordPress Version 1.1 https://github.com/SimonPadbury/b5st b5st is a simple, Gutenberg-compatible WordPress st

Simon Padbury 29 Dec 20, 2022
Sage is a productivity-driven WordPress starter theme with a modern development workflow.

WordPress starter theme with a modern development workflow

Roots 12k Jan 5, 2023
A WordPress theme.json generator from a PHP array

ItalyStrap Theme Json Generator WordPress Theme Json Generator the OOP way This is a WIP project and still experimental. The idea is to generate a fil

null 19 Sep 15, 2022
Boilerplate used to build nearly-headless WordPress themes

Boilerplate for Nearly Headless WordPress Themes This is a plugin boilerplate built using Underpin ,Nicholas, and AlpineJS. It will allow you to build

Nicholas 103 Dec 22, 2022
Basic Bedrock Theme for Concrete CMS

Basic Bedrock Theme Package for Concrete CMS v9 Basic Bedrock Theme Package for Concrete CMS v9 Concrete CMS Bedrock Documentation Description Persona

David 11 Nov 27, 2022
A toolkit for using self-hosted Natural Language Processing with Elasticsearch and WordPress

Natural Language Processing Tools for WordPress A toolkit for using self-hosted Natural Language Processing in WordPress This plugin is a Proof of Con

Ricardo Moraleida 8 Dec 23, 2022
Divide / Split your WordPress Blog visitors into 4 links by using Re-skinning URL splitter

Re-skinning URL splitter Tool Divide / Split your Wordpress Blog visitors into 4 links by using Re-skinning URL splitter Re-skinning URL Splitter Feat

Mohammed cha 72 Nov 30, 2022
A module allowing you to write your Processwire template using MJML and get a converted HTML output using MJML API.

PageMjmlToHtml A module allowing you to write your Processwire template using MJML and get a converted HTML output using MJML API. This is considered

Romain Cazier 7 Oct 5, 2022