Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

gatsby-theme-plone Build Status

Gatsby theme for Plone

Demo

You can see the demo site at https://collective.github.io/gatsby-theme-plone/

Install

npm install gatsby-theme-plone --save

Introduction

Gatsby-theme-plone is plugin for Plone cms for creating website.

Get Started

  • Install gatsby, gatsby-theme-plone, react, react-dom
npm install --dev gatsby git+https://github.com/collective/gatsby-theme-plone
  • Create gatsby-config.js and set your config file as shown below
module.exports = {
  __experimentalThemes: [
    {
      resolve: "gatsby-theme-plone",
      options: {
        baseUrl: 'https://plonedemo.kitconcept.com/de',
      }
    }
  ]
};
  • And this is it just run
npm run gatsby develop
  • You should see a plone website at localhost:8000

Doing component shadowing

component shadowing is a process in which we shadow a component provided by themes with the new ones. Basically component shadowing is a process in which we overwrite the content which theme provided by default.

  • Install react and react-dom
  • steps for doing component shadowing
    1. Create src/gatsby-theme-plone/components folder
    2. Put the component which you want to overwrite
  • If you want to learn more about gatsby-theme go to this url

  • You can also read the blog regarding the gatsby at this link

  • currently we are using https://plonedemo.kitconcept.com/en as base url.

  • for any question please open a issue.

How to pass a Custom Url for generating site.

You can pass the custom url by passing the baseUrl property in options object during configuration of gatsby-theme-plone.

module.exports = {
  __experimentalThemes: [
    {
      resolve: "gatsby-theme-plone",
      options: {
        baseUrl: 'https://plonedemo.kitconcept.com/de',
      }
    }
  ]
};

You can also pass a custom url with token for accessing the private scope data.

module.exports = {
  __experimentalThemes: [
    {
      resolve: "gatsby-theme-plone",
      options: {
        baseUrl: 'http://localhost:8000/Plone/',
        token: 'wejfklsadjflaskdfja',
    }
  ]
};

About

No description, website, or topics provided.

Resources

License

Releases

No releases published

Packages

No packages published