/Clean-Blog

A clean Bootstrap blog theme: https://github.com/BlackrockDigital/startbootstrap-clean-blog created by Start Bootstrap and made into a MODX Package

Primary LanguageJavaScript

Blog example for MODX

A clean Bootstrap blog theme created by Start Bootstrap and made into a MODX Package using Orchestrator.

Installation

  1. Install MODX
  2. Install the following extras via the MODX Manager
  • Collections
  • FormIt
  • Tagger
  • Ace - optional
  • TinyMCE Rich Text Editor - optional
  • VersionX - optional
  1. First install Orchestrator using Local Orchestrator Example
  2. Open up the composer.json file created above in the core directory and then add
  • "joshua19/modx-clean-blog": "dev-master" to the require
  • "joshua19/modx-clean-blog", "lci/stockpile" to the extra array
  • Add repositories after the extra array:
  "repositories": [
     {
       "type": "vcs",
       "url": "https://github.com/jgulledge19/Clean-Blog"
     }
   ],
  1. Run composer update

Blog

MODX Elements created

After installing the following will be created and have the prefix: jg19Clean. See the Blend Migration file InstallCleanBlog

Chunks

Read about MODX Chunks

Name Description
j19CleanCSS Global CSS
j19CleanFooter Clean Blog Footer
j19CleanJS Global JavaScript
j19CleanMeta Meta elements
j19CleanNav Clean Blog Navigation
j19CleanOpenGraph Open Graph for Clean Blog
j19CleanPostItem A single post item to be iterated in a collection

Snippets

Name Description
j19CleanPaginator Paginates blog posts

Templates

Read about MODX Templates

Name Description
j19CleanBasic
j19CleanBlog
j19CleanContact
j19CleanPost

Template Variables

Read about MODX Template Variables

Name Description
j19CleanLimit Limit the number of blog posts
j19CleanMastHead The masthead background image
j19CleanSubheading The subheading

System Settings

Name Description
j19Clean.twitter Twitter URL in footer
j19Clean.facebook Facebook URL in footer
j19Clean.github Github URL in footer
j19Clean.home Resource ID of home page for navigation
j19Clean.about Resource ID of about page for navigation
j19Clean.blog Resource ID of blog collection page for navigation
j19Clean.contact Resource ID of contact page for navigation

Update Blog CSS code from source

$ rm -rf assets/templates/j19/clean/
$ mkdir assets/templates/j19/clean/
$ cd assets/templates/j19/clean/
$ git clone git@github.com:BlackrockDigital/startbootstrap-clean-blog.git .
$ rm -rf .git
$ rm -rf mail