Jump to content

Spectre site profile for ProcessWire 3x

Recommended Posts

Hello All ... I just added a new Site Profile Based on Spectre.css ...

A lightweight profile that can be the basis for your blog . There are several pages like About Us, Blog, Contact Page, Categories, Authors ...
He also uses the Font Awesome.




Live Example

Some Screenshots:







If you enable multilingual support, you will have a simple menu for switching between languages.


  • Like 10
Link to post
Share on other sites

Thanks @flydev ... Now the menu should work already well. I changed the .btn-group class to flex-wrap: nowrap in _custom.scss file. Generally, this is my first template on this framework and I still learn about it, but I hope it will be useful to the community.

  • Like 4
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By tcnet
      This site profile for ProcessWire offers a simple and responsive blog which doesn't require any third-party modules. It works exclusively based on some template files.
      See: https://processwire.com/modules/site-simple-blog/

      This site profile is intended for use with a fresh installation of ProcessWire.
      Download ProcessWire, extract all files and folders and upload it into your web server folder. Download the site profile, extract the site-simple-blog folder and upload it into the same folder. Start the installation. When prompted for Site Installation Profile select Simple Blog Profile for ProcessWire 3x and continue with installation.
    • By rafaoski
      This profile can be used as a business card or very simple blog.
      Requires the latest version processwire 3.0.101 !!!
      Milligram Site Profile For Processwire 3x with include functions like:
      wireIncludeFile | wireRenderFile
      Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex
      Live Example
      CAN DOWNLOAD FROM THIS LINK ( Basic Version and simple Blog Version )

      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:
      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
      Laravel Mix
      Feather Icons
      Web Font Loader
      Verlok Lazy Load
      Cookie Consent
    • By BitPoet
      And here's another site profile, again based on a free template from html5up.net:
      Download link: Strongly Typed Travel Blog Template (Responsive)
      GitHub Repo
      Features are much the same as in:
      Additionally, the sidebar can be aligned either to the left or right, and navigation is cached for 24 hours using MarkupCache.

      As always, I'd be happy about any feedback.
      Mobile Screenshot:
    • By BitPoet
      Since all good things come in threes, here's another responsive blog profile for PW3:
      Editorial Travel Blog Template
      Like the previous two, it builds upon @kongondo's Blog module and uses @justb3a's Simple Contact Form. It also makes use of @Pete's XML Sitemap and @ukyo's Font Icon Picker.
      Responsive Slide-in sidebar Homepage with picks and last posts, 3-column layout Selectable widgets, e.g.: Recent posts Recent comments Current month calendar with links to posts per day User-switchable sort order for lists (ascending/descending) Configurable list pagination An online demonstration can be found here.

      And again: all feedback is welcome!

    • By BitPoet
      I've played around a bit with setting up a blog in PW using @kongondo's blog module and, since I'm anything but not a designer, incorporated the free "Striped" template from HTML5UP.
      The result is Striped Travel Blog Template (Responsive).
      Update: link now points to the official module repository.
      The layout is classical (some might say "very nineties" ) but I do like sidebars on the left and content starting close to the top. Features are:
      You can the sort order for lists that are sorted by date to ascending or descending. This is the "killer feature" I'm missing everywhere else, and as an avid reader of hiking blogs (mostly long distance, so long series of blog entries) I always hate when "next" buttons take me backwards (in time) and lists have to be read top down. Post lists are paginated Since it uses the blog module, comments and email notifications for them are a given Contact form using @justb3a's Simple Contact Form module Auto-generated sitemap.xml using @Pete's XML Sitemap module The usual stuff like recent comments, recent posts, recent tweets Calendar for the current month with links to dates with pages 3-column home layout with posts, configurable number of posts shown there "Sticky" option for posts to glue them to home RSS feed Already added all templates with translatable strings to site translation files Todos:
      Add post overview by year and month Allow paging through the calendar widget by month I'm a bit of two minds whether to show the full posts in lists or just summaries and still have to decide on that As written in the title, it is still in development, and I'm not completely happy with the lack of integration of my additional site-wide settings with the blog module's settings widget.
      I just thought I'd share it. Of course, I'd be happy about any feedback.
  • Create New...