Coder Social home page Coder Social logo

dm-legacy-base-theme's Introduction

DM Base Theme

This is the base WordPress theme we use at Delicious Media for most of our projects. It is based on _s by Automattic. It's designed to be used in conjunction with our provisioning script, but you can rename things manually by following the instructions on the undescores repository.

Development Notes

This theme uses Gulp (v4) to automate compilation of SASS into CSS, minification of JS/CSS and optimisation of images. It requires NPM & Gulp CLI.

By default image minification uses imagemin-mozjpeg which is lossy set to 90% this should be imperceptible, but if this is unacceptable for a project switch to jpegtran which is lossless. This will result in significantly larger files.

  • Source SASS files are in /content/themes/THEMENAME/src/sass/ and are compiled into /content/THEMENAME/assets/css/
  • Source JavaScript are in /content/themes/THEMENAME/src/js/ and are placed in /content/themes/THEMENAME/assets/js/
  • Source images are in /content/themes/THEMENAME/src/img/ and are placed in /content/THEMENAME/assets/img/

The gulp tasks will create minified and unminified versions of CSS and JavaScript; by default the minified versions are only used in live, this is controlled by the WP_DEBUG constant which you should set to true in local-config.php (this is done automatically set on DEV and STAGE).

To get started, install the required node modules.

cd content/themes/THEMENAME
npm install

To build the theme (e.g. upon deployment):

gulp build

To build & watch (e.g. for development):

gulp

dm-legacy-base-theme's People

Contributors

obenland avatar davidakennedy avatar ianstewart avatar karmatosed avatar davepullig avatar jrfnl avatar sixhours avatar bappi avatar emiluzelac avatar grappler avatar tiagonoronha avatar sarahmonster avatar philiparthurmoore avatar fklein-lu avatar kovshenin avatar thomasguillot avatar iamtakashi avatar samikeijonen avatar p0o avatar laurelfulford avatar mrwweb avatar alaczek avatar gatespace avatar michiecat avatar aahan avatar crunnells avatar missstephwalker avatar hugobaeta avatar slobodan avatar mor10 avatar

Watchers

James Cloos avatar  avatar  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.