SiteSpectre by rafaoski

Site Profile for Processwire 3x using Framework Spectre.css

Site Profile For Processwire 3x with include Framework Spectre.css and functions like:


MarkupRegions

FunctionsAPI

If you want to use GULP STACK you must install these packages on your system:

Node.js
GULP

Now go to folder with all template files and install Important Dependencies

npm install
bower install

Go to gulpfile.js and change in line 9 -- var URL: "http://spectre.dev/" To your local processwire-installation -- like:

localhost/my-local-folder-processwire-installation/

Folder With all SCSS file is inside templates/assets/scss

To use the Font Awesome, you must uncomment ( remove => // ) this code line into the file that is in assets/scss/master.scss in line 6, must look like below:

'../../node_modules/font-awesome/scss/font-awesome.scss',

To copy Font Awesome use the command:

gulp copy

Now Use This Command to Watch all changes:

gulp watch

To Build all CSS with Font Awesome:

gulp build

Folder With all compressed CSS file is inside templates/assets/css

References:

Spectre.css
Font Awesome

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

Latest news

  • ProcessWire Weekly #532
    In the 532nd issue of ProcessWire Weekly we'll cover the latest core updates, check out a couple of brand-new third party modules, and more. Read on!
    Weekly.pw / 20 July 2024
  • Page List Custom Children module
    This simple module gives you the ability to customize the parent/child relationship as it appears in the admin page list, enabling child pages to appear under more than one parent.
    Blog / 28 June 2024
  • Subscribe to weekly ProcessWire news

“ProcessWire is like a breath of fresh air. So powerful yet simple to build with and customise, and web editors love it too.” —Margaret Chatwin, Web developer