Gatsby JS v5 & Headless WordPress (Gatsby & WordPress 2023)

سرفصل های دوره

Gatsby.js & WordPress: Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend inc. Gutenberg

1 - Introduction

1 - Important Read this before you begin this course Github repo etc.html

2 - Course intro

3 - Set up WordPress locally plugin explanation

3 - gatsby-wordpress-plugins.zip

4 - BREAKING CHANGES IMPORTANT.html

5 - Udemy rating and reviews

6 - Set up Gatsby JS project overview and first query for WordPress

2 - Creating our first pages

7 - Create pages in Gatsby based on pages stored in WordPress

7 - homepage-cover.zip

8 - Render WordPress gutenberg blocks in Gatsby

9 - Adding more blocks to the homepage

9 - media-text-1.zip

9 - media-text-2.zip

3 - Advanced block rendering

10 - Render a custom component for a particular WordPress block

11 - Using Gatsby Image

12 - Tidying up the rendering of custom blocks

13 - Rendering links with the Gatsby Link API

4 - Building the main menu

14 - Creating the Main menu options page in WordPress

15 - Creating the fields for the main menu

16 - Add all necessary pages for the main menu generate page content using ChatGPT

17 - Query the main menu from within Gatsby build out the navbar

18 - Render the menu items

19 - Render the sub menu items

20 - Render the logo and the Call To Action button

5 - Customizing WordPress

21 - Adding theme colors

22 - Adding font families to WordPress

22 - fonts.zip

23 - Adding font families to the Gatsby site

24 - Create the CTA Button custom gutenberg block in WordPress

25 - Assign editable fields and style the custom CTA Button block

26 - Implement the CTA Button component in Gatsby for the CTA block update cover

27 - Building out the homepage with more WordPress blocks

27 - col1.zip

27 - col2.zip

28 - Implement Gatsby Image for Image Cover blocks

29 - Create custom TickItem block custom block category in WordPress

30 - Render the TickItem block in Gatsby add default spacing between text blocks

31 - Reusable blocks in WordPress

6 - Car pages functionality

32 - Create car custom post type with custom fields

33 - Build out car pages in WordPress and generate the associated pages in Gatsby

33 - cover.zip

33 - wes-tindel-5ctjh-sgi5y-unsplash-1-scaled.zip

33 - wes-tindel-7vs8jsk0mju-unsplash-scaled.zip

33 - wes-tindel-evf7jryii1o-unsplash-1-scaled.zip

33 - wes-tindel-wtahnvndzca-unsplash-scaled.zip

34 - Create the Car Price custom WordPress block

35 - Modifying a blocks returned attributes from WordPress rendering the Car Price

36 - 2002.zip

36 - Create the car search custom WordPress block

36 - charger.zip

36 - impala.zip

36 - mustang.zip

37 - Create the car search query and display the results

38 - Finish the car search results styling

39 - Create the pagination query for the car search results

40 - Implement the pagination buttons and URL functionality

41 - Implement search filters UI with URL functionality for the car search

42 - Implement the search filters query

7 - Final touches

43 - Implement forms with Contact Form 7 and Flamingo

44 - Post contact form submissions to WordPress

45 - SEO Gatsby page queries

46 - Deploying to Gatsby Cloud Flywheel

47 - BONUS.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy