rtvenge / firsttheme

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The Complete Guide to Building Premium WordPress Themes

Source code for my course: The Complete Guide to Building Premium WordPress Themes

  • Download or clone the repository in the WordPress themes directory.
  • Activate the theme from wp-admin.
  • Open the CMD/Terminal and change to the theme's directory (/wp-content/themes/firstheme)
  • Run npm install
  • Go to gulpfile.babel.js and find this code:
    export const serve = done => {
    server.init({
        proxy: "http://localhost:8888/myfirsttheme"
    });
    done();
    };
    
    And change the proxy URL to the URL of your WordPress installation on your machine. The port will vary depending on the software you are using (WAMP,MAMP,XAMPP, etc..)
  • Run npm run start, this will open a browsersync url where your browser will refresh every time you change some code in your theme.
  • npm run start is useful for development. For production you can run npm run build to generate minified assets for production. (You can see generated assets in the dist folder)

About


Languages

Language:PHP 82.7%Language:SCSS 13.2%Language:JavaScript 3.9%Language:CSS 0.2%