Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/henrikwirth/gatsby-starter-wordpress-twenty-twenty
A port of the WordPress Twenty Twenty theme to Gatsby.
https://github.com/henrikwirth/gatsby-starter-wordpress-twenty-twenty
gatbsy gatsbyjs theme twentytwenty website wordpress
Last synced: about 1 month ago
JSON representation
A port of the WordPress Twenty Twenty theme to Gatsby.
- Host: GitHub
- URL: https://github.com/henrikwirth/gatsby-starter-wordpress-twenty-twenty
- Owner: henrikwirth
- License: other
- Created: 2020-04-22T23:32:39.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-13T21:47:39.000Z (over 1 year ago)
- Last Synced: 2024-05-05T04:33:34.247Z (4 months ago)
- Topics: gatbsy, gatsbyjs, theme, twentytwenty, website, wordpress
- Language: CSS
- Homepage: https://gatsby-starter-wordpress-twenty-twenty.netlify.app/
- Size: 32.5 MB
- Stars: 142
- Watchers: 7
- Forks: 51
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-wordpress-gatsby - Gatsby Starter - WordPress Twenty Twenty - A port of the WordPress Twenty Twenty theme to Gatsby using the new gatsby-source-wordpress@v4. (Starters / Video Tutorials)
README
# Gatsby Starter - WordPress Twenty Twenty
A port of the WordPress Twenty Twenty theme to Gatsby.
---
This starter uses **Gatsby V3** and the new `gatsby-source-wordpress@v5`. You can find documentation for that package [here](https://www.gatsbyjs.com/plugins/gatsby-source-wordpress/).
Checkout some options of the source plugin: [plugin-options.md](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-source-wordpress/docs/plugin-options.md)
## Plugin Versions
Last tested with the following plugin versions.
- WPGraphQL: 1.3.5
- WPGatsby: 1.0.8
- gatsby-source-wordpress: 5.5.0
- gatsby-plugin-image: 1.5.0
## WordPress Setup
1. Make sure to install the two required WP plugins [wp-gatsby](https://github.com/gatsbyjs/wp-gatsby) and [wp-graphql](https://github.com/wp-graphql/wp-graphql)
2. Best you install and activate the default WordPress Twenty Twenty theme
3. Make sure you have Menus with the following slugs:
- `primary` - Thats the top menu
- `extended` - That is the menu that opens on the right side as drawer
- `social-links-menu` - For the Social menu in the footer and in the expanded drawer
- For the social Icons you need to adjust `SocialMenu.js`. There is a `SocialIcon` function that parses svgs depending on the Link label
4. Rename `.env.example` file to `.env` and edit it with your domain variables. Make sure to fill all variables properly.
- `WPGRAPHQL_URL` - Your GraphQL endpoint
- `SITE_URL` - Your frontend domain (without ending slash) to stitch together SEO relevant image urls.
## Limitations
- Comments are not implemented yet.
- The monthly archive pages are not implemented.
- Tags are not implemented (only Categories).
- Surely there is more. Feel free to suggest things as issues.
## Links
- [gatsby-source-wordpress (v5)](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-source-wordpress/README.md)
- [WPGatsby - WordPress Plugin](https://github.com/gatsbyjs/wp-gatsby)
- [Twenty Twenty - WordPress Theme](https://de.wordpress.org/themes/twentytwenty/)
## Acknowledgements
- [NeverNull GmbH](https://nevernull.io) - The team I'm working with. Checkout what we are building here: [mobileui.dev](https://mobileui.dev)
- [@TylerBarnes](https://github.com/TylerBarnes) - Head developer of gatsby-source-wordpress@v4
- [@JasonBahl](https://github.com/jasonbahl) - Head developer of WPGraphQL
- [@LouieChristie](https://github.com/louiechristie) - Open source contributor