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 #522
    In the 522nd issue of ProcessWire Weekly we'll check out the latest core updates, introduce a new module called File Mover, and more. Read on!
    Weekly.pw / 11 May 2024
  • ProFields Table Field with Actions support
    This week we have some updates for the ProFields table field (FieldtypeTable). These updates are primarily focused on adding new tools for the editor to facilitate input and management of content in a table field.
    Blog / 12 April 2024
  • Subscribe to weekly ProcessWire news

“The end client and designer love the ease at which they can update the website. Training beyond how to log in wasn’t even necessary since ProcessWire’s default interface is straightforward.” —Jonathan Lahijani