آموزش آکادمی توسعه تم وردپرس 5 با Bootstrap v4 [ویدئو]

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

خوش آمدید و بیایید شروع کنیم! Welcome and let's get started!

• معرفی Introduction

• قالب وردپرس چیست؟ What is a WordPress theme?

ایجاد قالب بوت استرپ 4 - صفحه اصلی Creating our Bootstrap 4 template- Home page

• راه اندازی Bootstrap 4 Setting up Bootstrap 4

• راه اندازی Bootstrap 4 Setting up Bootstrap 4

• اضافه کردن فونت های سفارشی گوگل Adding custom Google fonts

• اضافه کردن فونت های سفارشی گوگل Adding custom Google fonts

• ناوبری هدر Header navigation

• ناوبری هدر Header navigation

• بخش تصویر ویژه Featured image section

• بخش تصویر ویژه Featured image section

• بخش خوش آمد گویی Welcome section

• بخش خوش آمد گویی Welcome section

• آخرین پیشنهادات بخش - HTML Latest offers section- HTML

• آخرین پیشنهادات بخش - HTML Latest offers section- HTML

• بخش آخرین پیشنهادات - CSS Latest offers section- CSS

• بخش آخرین پیشنهادات - CSS Latest offers section- CSS

• بخش درباره ما About us section

• بخش درباره ما About us section

• بخش لیست قیمت Price list section

• بخش لیست قیمت Price list section

• پاورقی و افزودن Fontawesome 5 The footer and adding Fontawesome 5

• پاورقی و افزودن Fontawesome 5 The footer and adding Fontawesome 5

ایجاد قالب Bootstrap 4 ما - صفحات اضافی Creating our Bootstrap 4 template- Additional pages

• پست های وبلاگ و صفحه بندی Blog posts and pagination

• پست های وبلاگ و صفحه بندی Blog posts and pagination

• نوار کناری صفحه وبلاگ Blog page sidebar

• نوار کناری صفحه وبلاگ Blog page sidebar

• صفحه تماس با ما Contact us page

• صفحه تماس با ما Contact us page

ایجاد قالب Bootstrap 4 ما - صفحات اضافی Creating our Bootstrap 4 template- Additional pages

راه اندازی وردپرس Setting up WordPress

• نصب وردپرس با استفاده از فلایویل Installing WordPress using Flywheel

• نصب وردپرس با استفاده از فلایویل Installing WordPress using Flywheel

• اختیاری: نصب وردپرس با استفاده از MAMP Optional: Installing WordPress using MAMP

• اختیاری: نصب وردپرس با استفاده از MAMP Optional: Installing WordPress using MAMP

راه اندازی وردپرس Setting up WordPress

تبدیل قالب وردپرس - مراحل اولیه WordPress theme conversion- first steps

• پوشه تم وردپرس ما Our WordPress Theme Folder

• پوشه تم وردپرس ما Our WordPress Theme Folder

• شروع به کار و صفحه فهرست ما Getting started & our index page

• شروع به کار و صفحه فهرست ما Getting started & our index page

• پویا کردن هدر و پاورقی Making the header and footer dynamic

• پویا کردن هدر و پاورقی Making the header and footer dynamic

• نحوه قرار دادن شیوه نامه ها و اسکریپت ها How to enqueue stylesheets and scripts

• نحوه قرار دادن شیوه نامه ها و اسکریپت ها How to enqueue stylesheets and scripts

• منوی ناوبری هدر Header navigation menu

• منوی ناوبری هدر Header navigation menu

• مسیرهای فایل تصویری Image file paths

• مسیرهای فایل تصویری Image file paths

• سلسله مراتب قالب و صفحه اول Template hierarchy and the Front Page

• سلسله مراتب قالب و صفحه اول Template hierarchy and the Front Page

تبدیل قالب وردپرس - مراحل اولیه WordPress theme conversion- first steps

بخش وبلاگ وردپرس و حلقه WordPress blog section and the loop

• ایجاد حلقه Creating the loop

• ایجاد حلقه Creating the loop

• پست های وبلاگ پویا Dynamic blog posts

• پست های وبلاگ پویا Dynamic blog posts

• پیوند ثابت The permalink

• پیوند ثابت The permalink

• صفحه بندی Pagination

• صفحه بندی Pagination

• قلاب فیلتر Filter hooks

• قلاب فیلتر Filter hooks

• معرفی مجدد نوار کناری Re-introducing the sidebar

• معرفی مجدد نوار کناری Re-introducing the sidebar

• پویا کردن نوار کناری Making the sidebar dynamic

• پویا کردن نوار کناری Making the sidebar dynamic

بخش وبلاگ وردپرس و حلقه WordPress blog section and the loop

رندر مشروط و الگوی تک صفحه ای Conditional rendering & the single page template

• برچسب های شرطی وردپرس WordPress conditional tags

• برچسب های شرطی وردپرس WordPress conditional tags

• قالب Single.php The Single.php template

• قالب Single.php The Single.php template

• صفحه بندی Pagination

• صفحه بندی Pagination

رندر مشروط و الگوی تک صفحه ای Conditional rendering & the single page template

کار با نظرات وبلاگ Working with blog comments

• فرم نظر The comment form

• فرم نظر The comment form

• نمایش نظرات Displaying comments

• نمایش نظرات Displaying comments

• پاسخ کامنت جاوا اسکریپت Comment reply Javascript

• پاسخ کامنت جاوا اسکریپت Comment reply Javascript

• بستن نظرات Closing comments

• بستن نظرات Closing comments

• صفحه بندی نظرات Comments pagination

• صفحه بندی نظرات Comments pagination

کار با نظرات وبلاگ Working with blog comments

صفحات اضافی، ویجت ها و فرم های جستجوی سفارشی Additional pages, widgets and custom search forms

• آرشیوها The archives

• آرشیوها The archives

• صفحه تماس با ما The contact us page

• صفحه تماس با ما The contact us page

• ویجت های نوار کناری Sidebar widgets

• ویجت های نوار کناری Sidebar widgets

• فرم های جستجوی سفارشی Custom search forms

• فرم های جستجوی سفارشی Custom search forms

• Search.php Search.php

• Search.php Search.php

• افزودن صفحه 404 و ویجت ها Adding a 404 page and widgets

• افزودن صفحه 404 و ویجت ها Adding a 404 page and widgets

صفحات اضافی، ویجت ها و فرم های جستجوی سفارشی Additional pages, widgets and custom search forms

کارهای نهایی و سفارشی سازی کاربر Finishing touches & user customization

• قطعات قالب Template parts

• قطعات قالب Template parts

• تصاویر ویژه با استفاده از ریز عکسها Featured images using post thumbnails

• تصاویر ویژه با استفاده از ریز عکسها Featured images using post thumbnails

• منوی پاورقی و فیلترهای کلاس سفارشی Footer menu and custom class filters

• منوی پاورقی و فیلترهای کلاس سفارشی Footer menu and custom class filters

• زمینه های سفارشی پیشرفته Advanced custom fields

• زمینه های سفارشی پیشرفته Advanced custom fields

• هدرهای سفارشی Custom headers

• هدرهای سفارشی Custom headers

• کلاس های پست The post classes

• کلاس های پست The post classes

• راه اندازی فرم تماس 7 Setting up Contact Form 7

• راه اندازی فرم تماس 7 Setting up Contact Form 7

• فرم تماس با ما Styling our contact form

• فرم تماس با ما Styling our contact form

• از جمله فونت های گوگل Including Google fonts

• از جمله فونت های گوگل Including Google fonts

کارهای نهایی و سفارشی سازی کاربر Finishing touches & user customization

ترجمه تم های ما به زبان Translating our themes language

• در حال آماده سازی کد ما برای ترجمه Preparing our code for translation

• در حال آماده سازی کد ما برای ترجمه Preparing our code for translation

• در حال ترجمه تم ما Translating our theme

• در حال ترجمه تم ما Translating our theme

ترجمه تم های ما به زبان Translating our themes language

متشکرم Thank You

• متشکرم Thank you

• متشکرم Thank you

متشکرم Thank You