https://github.com/xhostcomweb/wp-gridsome-starter

Vue JS Wordpress Starter with extra bits
https://github.com/xhostcomweb/wp-gridsome-starter

Last synced: about 1 month ago
JSON representation

Vue JS Wordpress Starter with extra bits

• Host: GitHub
• URL: https://github.com/xhostcomweb/wp-gridsome-starter
• Owner: xhostcomweb
• Created: 2019-08-24T12:38:53.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T03:08:06.000Z (over 3 years ago)
• Last Synced: 2025-03-02T10:14:26.740Z (over 1 year ago)
• Language: JavaScript
• Size: 17.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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)

[![Netlify Status](https://api.netlify.com/api/v1/badges/d15fc83f-942d-4e97-b1b2-013d9f2e7278/deploy-status)](https://app.netlify.com/sites/eloquent-dijkstra-b86505/deploys)

eloquent-dijkstra-b86505.netlify.com  Example

## Install & Todo

Install Gridsome first, then clone repo and run yarn.

Used Bulma CSS, and custom nav, but can swap out styles for own.

This uses the basics of the Krypto Bulma theme

Just change nav and page templates to yours, header and footer in components folder.

3 pages made, Home, About, and Blog/News

See main.js for imports, put extra plugins in index.js.  DELETE index.html if not required (usually for cdns/font awsome etc)

## 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.