آموزش ساخت یک سایت وردپرس بدون سر با گتسبی

مقدمه Introduction

• وردپرس و گتسبی دست در دست هم کار می کنند WordPress and Gatsby working hand in hand

• آنچه در این دوره پوشش داده خواهد شد What will be covered in this course

• استفاده از پرونده های تمرینی در GitHub Using exercise files on GitHub

1. راه اندازی 1. Setting up

• تنظیم وردپرس برای کار با گتسبی Setting up WordPress to work with Gatsby

• راه اندازی سایت گتسبی با استفاده از شروع کننده Setting up a Gatsby site using a starter

• پیوند دادن وردپرس و گتسبی با هم Linking WordPress and Gatsby together

2. وردپرس به عنوان منبع داده گتسبی 2. WordPress as a Gatsby Data Resource

• کاوش درخت وردپرس GraphQL Exploring the WordPress GraphQL tree

• استفاده از داده های سایت وردپرس در گتسبی Using WordPress site data in Gatsby

3. کار با صفحات 3. Working with pages

• جستجوی صفحات در GraphQL 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. منوهای سفارشی 4. Custom Menus

• پرس و جو از منوهای سفارشی در GraphQL 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. کار با پست ها 5. Working with posts

• جستجوی پست ها در GraphQL Querying posts in GraphQL

• ارسال خودکار پست ها Generate posts automatically

• اطلاعات و دسته را اضافه کنید Add category and tag info

• ایجاد الگوی فهرست Creating an index template

• صفحات فهرست را به صورت خودکار ایجاد کنید Generate index pages automatically

• چالش: یک م navigationلفه ناوبری پست ایجاد کنید Challenge: Create a post navigation component

• راه حل: یک م navigationلفه ناوبری پست ایجاد کنید Solution: Create a post navigation component

6. دسته ها و برچسب ها 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. انواع پست سفارشی و طبقه بندی ها 7. Custom post types and taxonomies

• افزودن انواع پست سفارشی و طبقه بندی ها Adding custom post types and taxonomies

• س Quال از انواع پست سفارشی و طبقه بندی ها در GraphQL Querying custom post types and taxonomies in GraphQL

8- ملاحظات هنگام استفاده از وردپرس و گتسبی 8. Considerations when using WordPress and Gatsby

• در مورد Blocks (گوتنبرگ) چه باید کرد What to do about Blocks (Gutenberg)

متشکرم Thank you

• مراحل بعدی Next steps