Giter Club home page Giter Club logo

wpwebpack5template's Introduction

WordPress Webpack 5 Template

WordPress theme for development with Webpack 5.88.0 (configured for Node 18.16.0 and NPM 9.5.1) automation for optimizing css, js and images files.

Disclaimer

This template is not complete WordPress Theme. It is template for building WordPress Themes. It contains a lot of WordPress configuration functions and few CSS and JS components. It uses Webpack 5 for optimization and Composer for loading PHP classes. I have made this template for myself to combine useful stuff in one place and test them but if You find this template is interesting feel free to use it (it's on MIT License).

Requirements

To use this template You have to has local serwer (I recommend XAMPP) and installed WordPress. You also need Node.js and Composer. I also recommend using Visual Studio Code with extensions "PHP Intelephense", "SCSS Formatter" and "ESLint".

How to start using this template?

  1. Download this repository and rename folder to Your future WordPress theme name.
  2. In "./style.css" change "Theme Name", "Author" and "Text Domain".
  3. Change "gulp4-theme" in "./404.php", "./index.php" on what You set in "./style.css" as "Text Domain".
  4. Adjust "package.json" to Your project.
  5. Install Node.js and dependencies.
  6. Install Composer and initiate autoloader.
  7. Change "LocalhostFolder" in "webpack/dev.config.js" if Your instalation of WordPress have different URL then localhost/WordPress/.
  8. Start making changes and creating Your WordPress Theme.

wpwebpack5template's People

Contributors

gitmasz avatar

Watchers

 avatar

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.