Setup custom wordpress theme files on Theme X using pre-defined LESS/CSS, JS, PHP & Images files for a new wordpress installation. This step by step guide to setting up a base set of Themes & Plugins for a new Content Constellation Website.
This guide is for our internal developers:
- Shows how to copy common assets from a template folder to the new website
- System we follow to customize wordpress theme using Theme X
- How to setup WinLess configuration or Clone an existing configuration
In this example I will be working with www.FirstHomeBuyers.co
This is part of the “How to create a website” professional series, this includes best practices that and processes that we follow to “Make a wordpress website” for building out the IdeasMen – Content Constellation system which allows niche markets such as Financial Broker Networks, Accounting Groups and Medical Practices to dominate SERP’s (Search Engine Ranking Positions) within their local & geographic regions.
Copy default files to child template folder
I use Beyond Compare for merge functionality, but there are others
Configure WinLess so that:
- Your primary CSS files end up in css
- Your generated CSS files end up in generated-css
How to clone WinLess Configurations
This video shows a quick way to clone your WinLess settings so that you can get a new website up and running using .LESS and know that your configurations are consistent with previous website installations.
Original + Altered by Base Css
Alter Colours for every common component from Variables.less
All colours, fonts, shadows, accents etc… can generally be controlled from this single file
Sample Custom WordPress Theme
Style Guide using default Variables.Less
Sample Style Guide
This video show a sample Style Guide using the default Variables.Less