Milligram Site Profile For CMS Processwire 3x

Milligram Site Profile For Processwire 3x with include functions like:

MarkupRegions
FunctionsAPI
wireIncludeFile | wireRenderFile
Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex

How To Install

  1. Download the zip file at Github or clone directly the repo: git clone https://github.com/rafaoski/site-milligram.git
  2. Extract the folder site-milligram into a fresh ProcessWire installation root folder.
  3. During the installation of ProcessWire, choose the profile "Milligram Mix".
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.

Basic example to Debian and Ubuntu based Linux distributions:

Node.js

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs

See more installation options LINK

npm is installed with Node.js just check in linux terminal like below:

node -v
npm -v

Set BrowserSync inside folder /templates/webpack.mix.js and change your dev url

proxy: 'http://localhost/mix/', to your installation processwire folder like:
proxy: 'http://localhost/your-processwire-installation-folder/',

Next install npm packages in your templates folder with command npm install
Now, boot up the dev server npm run watch, and you're all set go!
On completion, use the command npm run production to build styles and scripts in the dist folder

Simple Usage ( Basic Command )
  • Run npm install
  • Watch npm run watch
  • Build npm run production
All files to Webpack build steps is inside file ( webpack.mix.js )
Folder With all SCSS files is inside templates/src/scss
All build styles and scripts is inside the ( dist ) folder
References:

Milligram
Gridlex
Laravel Mix
Feather Icons
Web Font Loader
Verlok Lazy Load
Cookie Consent
Particles.js
Burger Menu

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

Twitter updates

  • A review of weekly core updates, plus a simple recipe for a very effective listing cache—More
    24 June 2022
  • Weekly update: Making ProcessWire render pages at old WordPress URLs (or building a simple/custom URL router in PW): More
    17 June 2022
  • New post: ProcessWire now comes with just 1 site installation profile, the "blank" profile. It makes very few assumptions, making it a minimal though excellent starting point. Here’s how you might use it— More
    10 June 2022

Latest news

  • ProcessWire Weekly #424
    In the 424th issue of ProcessWire Weekly we'll check out the latest weekly update from Ryan, introduce a new third party module, and more. Read on!
    Weekly.pw / 25 June 2022
  • Starting a site with the “blank” profile
    ProcessWire 3.0.200+ comes with just 1 site installation profile, the site-blank profile. This profile makes very few assumptions, making it a minimal though excellent starting point. Here’s how you might use it. 
    Blog / 10 June 2022
  • Subscribe to weekly ProcessWire news

“To Drupal, or to ProcessWire? The million dollar choice. We decided to make an early switch to PW. And in retrospect, ProcessWire was probably the best decision we made. Thanks are due to ProcessWire and the amazing system and set of modules that are in place.” —Unni Krishnan, Founder of PigtailPundits