rans>Skip to main content
Community Plugin
View plugin on GitHub
See starters using this

Gatsby Theme UltronEle

GTU, one of components of UltronEle product, is a UltronEle Gatsby Theme which can be installed as package in your own Gatsby site.

See the live demo, more info about this product is here

How to use GTU

Two options:

  • start from a UltronEle Starter
  • integrated to your existing gatsby site while you’re familiar to Gatsby development

GTU Installation to your existing gatsby site

To use this theme in your Gatsby sites, follow these instructions:

  1. Install the theme

    npm install --save gatsby-theme-ultronele
  2. Add the theme to your gatsby-config.js:

    module.exports = {
      plugins: [
        'gatsby-theme-ultronele'
      ]
    }
  3. Start your site

    gatsby develop

Checklist to integrate GTU

  • create content folder to hold your .md files
  • define contentPath property in your site gatsby-config.js under plugins section, if you dont use content folder to hold your .md files
  • create category folder to hold course category and tutorials content

Content structure by convention

β”œβ”€β”€ content
  β”œβ”€β”€ assets
    β”œβ”€β”€ imagefoldera
    β”œβ”€β”€ imagefolderb
  β”œβ”€β”€ category
    β”œβ”€β”€ coursetypea
      β”œβ”€β”€ tutoriala
        β”œβ”€β”€ 1-section.md
        β”œβ”€β”€ 2-section.md
        β”œβ”€β”€ 3-section.md
        β”œβ”€β”€ x-section.md
        β”œβ”€β”€ test.md    # this file hold tutorial quiz questions
      β”œβ”€β”€ tutorialb
      β”œβ”€β”€ tutorialc
    β”œβ”€β”€ coursetypeb
    β”œβ”€β”€ coursetypec
  β”œβ”€β”€ pagea.md    # first level navigation page of your site
  β”œβ”€β”€ pageb.md
  β”œβ”€β”€ pagec.md
  β”œβ”€β”€ paged.md
Docs
Tutorials
Plugins
Blog
Showcase