Course

Migrate a WordPress Site to the Jamstack Using Gatsby

1
Install WPGraphQL and WPGraphiQL plugins in WordPress using the command line
1m 44s
2
Create a new Gatsby site using npx and the hello world starter
53s
3
Install and configure `gatsby-source-graphql` to read WordPress data from WPGraphQL
2m 13s
4
Create pages in Gatsby from WordPress pages
4m 26s
5
Display WordPress page content in Gatsby page template components
3m 5s
6
Add a shared layout component and global styles to a Gatsby site
4m 7s
7
Load WordPress post data and create Gatsby pages
1m 32s
8
Add styles for WordPress content blocks in Gatsby pages
1m 8s
9
Create a page in Gatsby to show WordPress blog post previews
2m 36s
10
Use WordPress settings to configure your Gatsby site
1m 44s
11
Create Gatsby navigation from WordPress menus
2m 49s
12
Deploy a WordPress-powered Gatsby site to Netlify using the Netlify CLI
2m 16s
13
Automatically trigger Netlify deploys for WordPress changes
2m 59s

Add styles for WordPress content blocks in Gatsby pages

Name: Add styles for WordPress content blocks in Gatsby pages
Uploaded: 2020-03-15T22:30:29-05:00
Duration: 1 min 8 s
Description: With Gutenberg, WordPress introduced a new, block-based editor. If we want to add styles to support those blocks to our Gatsby sites, we need to import ...

InstructorJason Lengstorf

Share this video with your friends

Send Tweet

With Gutenberg, WordPress introduced a new, block-based editor. If we want to add styles to support those blocks to our Gatsby sites, we need to import them from @wordpress/block-library. In this video, we’ll install and configure the WordPress block library styles.

Migrate a WordPress Site to the Jamstack Using Gatsby

Add styles for WordPress content blocks in Gatsby pages

Social Share Links