Start a WordPress project with Timber using Pine CLI Tool

May 10, 2017 By - Usama Muneer | 546

    If you develop WordPress projects more often and if you‘re pretty familiar with using Timber Library to create and manage your WordPress themes then this tool will definitely enhance your productivity and saves you a bunch of time doing things repeatedly while creating a new theme.

    Recently i came across this awesome tool called Pine, Its a CLI tool for creating and providing a perfect boilerplate for WordPress to start theming with Timber straight out of the box with just a single command. So let’s see how it works.

    Installing Pine

    First thing first, we have to install Pine globally in our machines to make it work and for that you gotta need Composer installed.

    Make sure you have $HOME/.composer/vendor/bin/ directory added in your environment variables.

    $ composer global require azi/pine

    Wait for it to install completely then move on to the next step.

    Running Pine

    Once its installed you can run the following command by typing in:

    $ pine new timberproject

    The above command will create a directory “timberproject”, other than that it downloads & installs WordPress for you and creates a theme directory with the same name and most amazingly creates all the required directories inside your theme folder for you in no time.

    Tryout

    I’m excited to try out this awesome tool now, so let’s begin.

    Step 1: Installing Pine using Composer

    installing pine using composer

    Step 2: Creating new WordPress Project using Pine

    creating new WordPress project with Pine

    So if you look closely, Pine downloads a fresh WordPress instance for you, pulling in a few dependencies including timber/timber and twig/twig.

    What’s Inside?

    Now It’s time we can peek inside of our newly created WordPress theme directory and what Pine has brought for us so far.

    cd into my themes directory

    Now if we list down the elements inside our theme directory, we can see a new theme directory namely “timberproject” has already been created for us.

    new directory timberproject

    Now if we look inside of our newly created theme directory. It has already come up with a boilerplate and we should be good to go.

    As you can see, it creates every bunch of required file and directory for you to get started.

    Simple Enough eh?

    Now I’ll leave the rest for you. Go through every bit of it and activate your theme from your WordPress dashboard and build something awesome.

    If you have any questions, leave me a comment below or you can ask straight to the Developer of Pine @azibaloch.

    If you liked this tool and found it useful then don’t forget to leave a star on Github.

    Moreover if you liked this article, press the heart button and let me know.

    blog user
    Usama Muneer

    A web enthusiastic, self-motivated & detail-oriented professional Full-Stack Web Developer from Karachi, Pakistan with experience in developing applications using JavaScript, WordPress & Laravel specifically. Loves to write on different web technologies with an equally useful skill to make some sense out of it.

    Related Posts

    It has always considered a poor practice of Developers on directly querying database from the blade files in Laravel.

    If you've been working with PHP lately, then you must have gone through the time where you need to consume some sort of Restful API for your application. 

    Laravel Mix is a simple API built around Webpack to facilitate compiling of assets using several CSS and JS pre-processors.

    Laravel Lahore meetup has ended on Friday & we got a lot to learn from the top-notch of speakers & influencers.