Giter Site home page Giter Site logo

atomtigerzoo / wordpress-theme-init Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 1.55 MB

Simple theme starter for Wordpress theme development with Laravel Mix and TailwindCSS - ready for the 80% of our use cases ๐Ÿ˜ฌ

JavaScript 29.93% PHP 53.61% CSS 16.46%
wordpress wordpress-development wordpress-starter-theme browsersync post-css laravel-mix tailwindcss

wordpress-theme-init's Introduction

๐ŸŽˆ WP Starter 2.0

A starter for Wordpress theme development using TailwindCSS and Laravel Mix to get you up and running fast. Should cover 80% of your usecases.


๐Ÿ“„ Prerequisites

  • A running Wordpress devevelopment environment
  • A terminal or console
  • NVM and possibly NodejS

๐Ÿ”จ Development

  • Clone/download this repository into your Wordpress theme folder

  • Change into the cloned folder

  • Inside webpack.mix.js change bsProxyUrl to the URL from where your are running your Wordpress development environment (the URL where you are able to log in into your Wordpress dashboard)

  • Run nvm use to use the correct nodejs version required

  • Run npm install to install all dependencies

  • Run npm run dev to start the development server

  • Visit http://localhost:3000 in your browser

  • Develop your theme, install more packages, etc pp.

  • Feel happy, go skate and contribute if you like ๐Ÿ˜

๐Ÿฑโ€๐Ÿ’ป NPM tasks

  • npm run dev This will start mix, browsersync, compiles all assets and will then watch for changes in the /src directory and reload browsersync on http://localhost:3000

  • npm run build This will do the same as above (without browsersync preview/server) and minify all assets. Afterwards you can use or deploy the theme folder.


Legal

Provided as is without warranty or guarantee of any kind. Feel free to contribute to this project or open issues.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.