Introduction
WordPress and Gatsby working hand in hand
()
What will be covered in this course
()
Using exercise files on GitHub
()
1. Setting up
Setting up WordPress to work with Gatsby
()
Setting up a Gatsby site using a starter
()
Linking WordPress and Gatsby together
()
2. WordPress as a Gatsby Data Resource
Exploring the WordPress GraphQL tree
()
Using WordPress site data in Gatsby
()
3. Working with pages
Querying pages in GraphQL
()
Generate pages automatically
()
Creating a page template
()
Working with featured images
()
Challenge: Add metadata to the page template
()
Solution: Add metadata to the page template
()
4. Custom Menus
Querying custom menus in GraphQL
()
Challenges with custom menus in WordPress
()
Create a flat menu in Gatsby
()
Create a nested menu in gatsby
()
Challenge: Create a footer menu
()
Solution: Create a footer menu
()
5. Working with posts
Querying posts in GraphQL
()
Generate posts automatically
()
Add category and tag info
()
Creating an index template
()
Generate index pages automatically
()
Challenge: Create a post navigation component
()
Solution: Create a post navigation component
()
6. Categories and Tags
Querying categories and tags
()
Generate category indexes automatically
()
Creating a category index template
()
Challenge: Create tag indexes
()
Solution: Create tag indexes
()
7. Custom post types and taxonomies
Adding custom post types and taxonomies
()
Querying custom post types and taxonomies in GraphQL
()
8. Considerations when using WordPress and Gatsby
What to do about Blocks (Gutenberg)
()
Ex_Files_WordPress_Gatsby.zip
(127 KB)