Code Monkey home page Code Monkey logo

baseecom's Introduction

wp-boilerplate

My WordPress workflow. Developed in large part with Jon Powers and utilizes a number of tools introduced to me by AJ Jardiah

Step 1: Install Docker

While it may sound like overkill for WordPress, docker is the basis of my local development workflow. Specifically, I use Lando

Why? It removes the headaches. It handles all of the configuration for you. Simply build out your recipe, navigate to your project’s root directory, run “Lando start,” and viola. Wordpress is set up and ready to work with. I have my boilerplate set up in a repository to make it as easy as clone and go. No more downloading WordPress, modifying the wp-config file, creating a new database in your local sql server, and running through the setup process. Lando also provides tools for quickly importing and exporting your database, and containerizes your entire environment so that you can easily take your work with you between computers nearly seamlessly.

Step 2: Underscores

From there, I head over to [underscores.me] to grab my starter theme. Download a fresh copy, add it to the theme directory, and you’ve got a skeleton theme ready to build out. This was introduced to me by my co-worker and friend AJ Jardiah, check his github out in my followers list as well!

Step 3: WPGulp

My final tool before I hit the ground running is WPGulp. This provides a number of features I couldn’t imagine working without. Auto-reloading, sass compilation, css and JavaScript minifying, and even image optimization. This tool removes much of the hassle of optimizing your code, and auto-reload is a godsend while writing CSS. No more F5 mashing required!

Step 4: Plugins & Other Tools

To further optimize images, I make use of Lazysizes. With a single JS file, and some data-src attributes, you can lazy load all your images without having to rely on bulky plugins. However, there are a few plugins that are indispensable. The obvious ones are Advanced Custom Fields and Custom Post Type UI for custom fields and custom post types. I also utilize wp-all-in-one for quick backups, and for uploading sites once my local development is complete. Github is of course another essential tool for managing codeouts and maintaining sites once they launch.

baseecom's People

Contributors

itsseanl 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.