https://github.com/xhostcomweb/vue-wp-milligram

Vue Wordpress Starter with Milligram CSS and pages/nav
https://github.com/xhostcomweb/vue-wp-milligram

Last synced: 9 months ago
JSON representation

Vue Wordpress Starter with Milligram CSS and pages/nav

• Host: GitHub
• URL: https://github.com/xhostcomweb/vue-wp-milligram
• Owner: xhostcomweb
• Created: 2019-08-23T12:39:45.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T03:02:16.000Z (over 3 years ago)
• Last Synced: 2025-01-12T22:14:46.671Z (over 1 year ago)
• Language: CSS
• Size: 8.41 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Milligram CSS Vue JS Wordpress starter for Gridsome

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gridsome/gridsome-starter-wordpress)

http://irate-popcorn.surge.sh  Example

## Install & Todo

Install Gridsome first, then clone repo and run yarn.

Fix single posts page top padding/margin etc Posts.vue

Used Milligram CSS direct in assets folder, with nav styles at bottom.

## Guide

Add your WordPress URL to the plugin options. Already done here, change to required field in gridsome.config and netlify.toml

```js

// 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](https://gridsome.org/plugins/@gridsome/source-wordpress).

## Included templates

This starter includes basic templates for categories, tags and posts, Home, About and News page.