Go to file
Ray Elliott d7afd952d6 add theme and version information 2021-03-27 17:36:25 +00:00
assets/images initial commit 2021-03-26 12:33:37 +00:00
layouts initial commit 2021-03-26 12:33:37 +00:00
pages initial commit 2021-03-26 12:33:37 +00:00
partials initial commit 2021-03-26 12:33:37 +00:00
src add postcss plugins and config 2021-03-27 17:25:42 +00:00
.gitignore add gitignore 2021-03-27 16:29:38 +00:00
README.md initial commit 2021-03-26 12:33:37 +00:00
package-lock.json add theme and version information 2021-03-27 17:36:25 +00:00
package.json add postcss plugins and config 2021-03-27 17:25:42 +00:00
postcss.config.js add postcss plugins and config 2021-03-27 17:25:42 +00:00
theme.yaml add theme and version information 2021-03-27 17:36:25 +00:00
version.yaml add theme and version information 2021-03-27 17:36:25 +00:00
webpack.mix.js replace sass with postcss 2021-03-27 16:28:49 +00:00

README.md

October CMS Webpack Theme Boilerplate

This is an example theme for October CMS that includes:

  • Webpack (using Laravel Mix)

To use it:

  • Install October CMS
  • Create a new folder in October /themes folder (call it for example my-awesome-theme)
  • Clone the repo in your theme folder
  • Activate the theme from October backend settings

To modify it:

  • Open a terminal, go to your theme folder and run npm install (node_modules folder will be created)
  • Install more packages using npm install --save
  • Require your installed packages in src/js/app.js
  • Modify the js and scss files
  • Run npm run dev (npm run watch to recompile when something changes)
  • Add new pages, partials, content files...

When you are ready for production:

  • Run npm run prod

To add ajax framework

npm install jquery

Add framework tag to layouts/default.htm:

<script src="{{ this.layout.scripts }}"></script>

{% framework extras %}

{% scripts %}