Milligram Blog Site Profile For Processwire 3x with include functions like:MarkupRegionsFunctionsAPIwireIncludeFile | wireRenderFileEssentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System GridlexHow To Install
- Download the zip file at Github or clone directly the repo:
git clone git@github.com:rafaoski/site-milligram-blog.git
- Extract the folder site-milligram into a fresh ProcessWire installation root folder.
- During the installation of ProcessWire, choose the profile "Milligram Blog".
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
FunctionsAPIwireIncludeFile | wireRenderFileEssentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System GridlexHow To Install
- Download the zip file at Github or clone directly the repo:
git clone git@github.com:rafaoski/site-milligram-blog.git
- Extract the folder site-milligram into a fresh ProcessWire installation root folder.
- During the installation of ProcessWire, choose the profile "Milligram Blog".
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System GridlexHow To Install
- Download the zip file at Github or clone directly the repo:
git clone git@github.com:rafaoski/site-milligram-blog.git
- Extract the folder site-milligram into a fresh ProcessWire installation root folder.
- During the installation of ProcessWire, choose the profile "Milligram Blog".
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/scssAll build styles and scripts is inside the ( dist ) folderReferences:
npm install
npm run watch
npm run production
Folder With all SCSS files is inside templates/src/scssAll build styles and scripts is inside the ( dist ) folderReferences:
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.