Sass/Scss version
Enabled for sass/scss in gridsome.config.js file Uses 1 css file.
Install Gridsome first, then clone repo and run yarn. Can swap out nav, header, footer for your own. Just change nav and page templates to yours, header and footer in components folder. 4 pages made, Home, About, Blog/News and Contact See main.js for imports, put extra plugins in index.js. DELETE index.html if not required but that currently pulls in Font Awesome 4.7 (usually for cdns/font awsome etc). Some extra assets in images and img folder, not used yet, and included original NPM and HtML files.
To do - Fix toggle on mobile button doesnt toggle
Add your WordPress URL to the plugin options. Already done here, change to required field in gridsome.config and netlify.toml
// gridsome.config.js
module.exports = {
plugins: [
{
use: '@gridsome/source-wordpress',
options: {
baseUrl: 'YOUR_WEBSITE_URL', // required
typeName: 'WordPress', // GraphQL schema name (Optional)
routes: {
post: '/:year/:month/:day/:slug', //adds route for "post" post type (Optional)
post_tag: '/tag/:slug' // adds route for "post_tag" post type (Optional)
}
}
}
]
}
See all options.
This starter includes basic templates for categories, tags and posts, Home, About and News page.