توضیحات
طراحی قالب حرفه ای وردپرس
کاملترین دوره آموزش طراحی قالب حرفه ای وردپرس در ایران
فصل اول : طراحی قالب PSD در Photoshop نرم افزار های استفاده شده :
PhotoShop CC ..
. مقدمات
.. ایجاد سند جدید و تنظیم ابعاد سند برای طراحی قالب ۲. تنظیم خط کش ها و واحد های اندازه گیری بر حسب پیکسل ٣. تنظیم و رسم خطوط راهنما ۴. آشنایی با snapها و تنظیم خطوط راهنما بر حسب آنها ۵. آشنایی با پالت لایه ها و اصول اولیه آن ۶ آشنایی با پالت ابزار و معرفی ابزار های کاربردی آن برای طراحی وب ۷. آشنایی با پالت رنگ ها برای انتخاب و تنظیم رنگ مناسب ۸ آشنایی با Blending Options برای ایجاد افکت در لایه ها
- ایجاد header قالب
از طراحی منوی بالای سایت برای صفحات وردپرس ٢. ایجاد گزینه های منو ۳. طراحی گزینه ی hover منو ۴. طراحی بخش نگهدارنده اسلایدشو
۵. اضافع کردن تصویر برای اسلاید شو ۶. اجرای کلیپ ماسک بر روی تصویر اسلایدشو ٧. ایجاد بخش نمایش عنوان مطلب اسلایدشو ۸. ایجاد دکمه های ناوبری اسلاید شو
- ایجاد محتوای وب سایت صفحه اصلی) .. ایجاد بخش نگهدارنده محتوای اصلی ٢. ایجاد نگهدارنده مطالب برای نمایش جزئیات مطلب ٣. اضافه کردن تصاویر نمونه برای مطالب ۴. ایجاد منوی عمودی کناری سایت برای نمایش محتواها ۵. اضافه کردن گزینه های منو و ایجاد حالت hover
- ایجاد بخش فوتر سایت
.. ایجاد نگهدارنده ی فوتر ٢. ایجاد بخش تماس با ما در فوتر ٣. ایجاد خط جدا کننده ۴. ایجاد بخش کپی رایت و منوهای اصلی بخش فوتر
- ایجاد بخش ساید بار (صفحه تک مطلب)
.. ایجاد نگهدارنده ی ساید بار ٢. ایجاد نگهدارند هی ابزارک ٣. ایجاد بخش عنوان ابزارک
۴. ایجاد بخش محتوا • ایجاد بخش محتوا (صفحه تک مطلب)
- ایجاد بخش عنوان مطلب
٢. ایجاد جزئیات مطلب ٣. ایجاد بخش تصویر اصلی مطلب ۴. ایجاد بخش لینک های دانلود مطلب ۵. ایجاد لینک های اشتراک شبکه های اجتماعی
۶ ایجاد بخش نظرات
۷. طراحی فرم نظر دهی
فصل دوم : تبدیل طرح فتوشاپ به قالب استاتیک HTML و CSS
نرم افزار های استفاده شده:
PhpStorm .
۲. Xampp : سرور محلی (یا Wamp) ٣. مرورگر Chrome
: مقدمه
١. ایجاد پروژه جدید در نرم افزار PhpStorm
۲. ایجاد ساختار فایل های پروژه ٣. ایجاد فایل اصلی در پروژه | ۴. ایجاد فایل استایل سفارشی ۵. نصب جی کوئری ۶ نصب modernizer : کتابخانه ای برای پشتیبانی بهتر مرورگرها از html5 و Css3
- ایجاد بخش Header
.. ایجاد تگ های HTML بخش منوی اصلی
۲. اضافه کردن گزینه های منو ٣. اضافه کردن ساختار اسلاید شو ۴. اضافه کردن جزئیات اسلاید شو
- ایجاد بخش محتوای اصلی صفحه اصلی)
.. ایجاد ساختار اصلی محتوا ٢. ایجاد تگ های نگهدارنده آیتم های صفحه اصلی ٣. ایجاد جزئیات برای آیتم های اصلی ۴. ایجاد تگ بخش منوی کناری سایت ۵. اضافه کردن لیست منو ۶ اضافه کردن لینک های منو
- ایجاد بخش فوتر سایت
.. ایجاد ساختار نگهدارنده فوتر ٢. ایجاد تگ های بخش ارتباط با ما در فوتر ٣. ایجاد تگ های بخش کپی رایت و منوی بخش فوتر
- ایجاد بخش ساید بار (صفحه تک مطلب)
.. ایجاد ساختار ساید بار ٢. اضافه کردن ساختار ابزارک های ساید بار ٣. اضافه کردن بخش عنوان ابزارک ها
- ایجاد بخش محتوای اصلی صفحه تک مطلب)
.. ایجاد تگ های مطالب اصلی
٢. ایجاد ساختار عنوان مطلب ٣. ایجاد تگ های بخش جزئیات مطلب ۴. ایجاد تگ های تصویر اصلی مطلب ۵. ایجاد بخش لینک های شبکه های اجتماعی ۶ ایجاد بخش نظرات ۷. ایجاد فرم نظر دهی
فصل سوم : تبدیل قالب استاتیک به قالب وردپرس نهایی
- نرم افزار های استفاده شده :
١. سیستم مدیریت محتوای وردپرس
PhpStorm .۲
٣. سرور محلی Xampp یا Wamp • مقدمات
.. معرفی ساختار پوسته های وردپرس ٢. ایجاد ساختار فایل ها برای پوسته وردپرس ٣. ایجاد فایل style . css و توضیحات الزامی آن
و ساختار فایل ها در پوسته های وردپرس .. معرفی و ایجاد فایل index .
php و نقش این فایل در قالب وردپرس ٢. معرفی و ایجاد فایل header .
php و نقش این فایل در قالب وردپرس ٣. معرفی و ایجاد فایل footer .
php و نقش این فایل در قالب وردپرس ۴. معرفی و ایجاد فایل sidebar . php و نقش این فایل در قالب وردپرس
۵. معرفی و ایجاد فایل single .
php و نقش این فایل در قالب وردپرس ۶. معرفی و ایجاد فایل page . php و نقش این فایل در قالب وردپرس . معرفی و ایجاد فایل page .
pnp و نقش این فایل در قالب وردپرس ۷٫ معرفی و ایجاد فایل category .
php و نقش این فایل در قالب وردپرس ۸. معرفی و ایجاد فایل tag .
php و نقش این فایل در قالب وردپرس ۹٫ معرفی و ایجاد فایل Archive . php و نقش این فایل در قالب وردپرس ۱۰. معرفی فایل php.404 و نقش این فایل در قالب وردپرس ۱۱. معرفی فایل search .
php و نقش این فایل در قالب وردپرس ۱۲. معرفی فایل searchform .
php و نقش این فایل در قالب وردپرس ۱۳. معرفی فایل comments . php و نقش این فایل در قالب وردپرس ۱۴.ایجاد Custom Template ها و نقش آن ها در قالب وردپرس ۱۵. ایجاد فایل functions .
php و نقش این فایل در قالب وردپرس ۱۶. ایجاد فایل editor
_ style . css و نقش این فایل در قالب وردپرس ۱۷. معرفی فایل تصویری screenshot و نقش آن در قالب وردپرس
- فایل functions
. php ۱. مقدمه ای بر قلاب های وردپرس ۲. معرفی action ها ٣. معرفی filter ها ۴. استفاده از اکشن init ۵. استفاده از اکشن
after _ setup _
theme ۶. استفاده از اکشن wp
_
head ۷. استفاده از اکشن wp
_ footer ۸. استفاده از اکشن
wp _ enqueue _ scripts
۹. استفاده از فیلتر
show _ admin _ bar ۱۰. معرفی و استفاده از توابع
wp _ register _ script و
wp _ register _ style ،، رب را ۱۰ ارا۔ حد .. .، به ده ، در ماه مه … . – . ۱۱. معرفی و استفاده از توابع
wp _ enqueue _ script و
wp _ enqueue _
style ۱۲. معرفی تابع
طراحی قالب حرفه ای وردپرس
wp _ localize _ script برای محلی سازی متغییر های PHP در جاوااسکریپت (استفاده در درخواست های ای جکسی – پروژه لایک مطالب) ۱۳. بارگذاری فایل ها و کلاس های PHP به طور صحیح در functions
.
php ۱۴. ایجاد ساید بار های مختلف با تابع register
_ sidebar و نحوه ایجاد و ثبت ابزارک های جدید برای ساید بار ایجاد شده ۱۵. ایجاد تابع callback برای نحوه نمایش comments ۱۶. آشنایی با تابع
add _ theme _ support ۱۷. آشنایی با تابع
add _ editor _ style ۱۸. آشنایی با تعریف ابزارک ها در قالب ۱۹. آشنایی با توابع
update _ post _ meta tadd _ post _ meta
و
delete_post_meta
۲۰. ایجاد شمارنده بازدید برای مطالب
- پیاده سازی بخش Header .. استفاده از تابع wp
_ title | ۲. استفاده از تابع bloginfoبا آرگومان های مختلف ٣. استفاده از توبع
get _ template _ directory _ uri ۴. استفاده از تابع
get _ stylesheet _
uri ۵. اضافه کردن تابع wp _ head و پاکسازی آن از کدهای زائد ۶. اضافه کردن کدهای منوی اصلی با تابع
wp _ nav _ menu ۶ اضافه کردن کدهای منوی اصلی با تابع
wp _ nav _ menu
۷. اضافه کردن کدهای بخش اسلاید شو ۸. آشنایی با تابع get
_ header
- پیاده سازی بخش محتوای اصلی
١. معرفی حلقه های سه گانه وردپرس ۲. استفاده و تغییر query posts ۲. استفاده و تغییر query
_
posts ٣. استفاده از WP
_
Query ۴. استفاده از get
_ posts ۵. پیاده سازی حلقه ها برای نمایش مطالب در صفحه اصلی ۶ استفاد از تابع the _ title و get
_ the _
title 7. استفاه از تابع the
_ permalink و
get _ the _
permalink ۸. استفاده از تابع
the _ thumbnail و
get _ the _ thumbnail 9. نمایش تاریخ، تعداد نظرات و نویسنده هر مطلب ۱۰. استفاده از تابع the
_
excerpt ۱۱. استفاده از تابع the
_
content ۱۲. تنظیم تابع the _
content برای نمایش خلاصه مطلب سفارشی ۱۳. استفاده از تابع the
_
category ۱۴. استفاده از تابع the
_
tags ۱۵. استفاده از تابع the
_ date ۱۶. استفاده از تابع
comments _ popup _ link
۱۷. استفاده از تابع paginate _ links برای صفحه بندی مطالب ۱۸. استفاده از تابع
get _ comments _ number
برای دریافت تعداد نظرات مطلب ۱۹. دریافت شناسه مطالب با تابع get
_ the _ ID ۲۰. استفاده از توابع کاربر برای نمایش و به روز رسانی تعداد بازدید ۲۱. استفاده از توابع ترجمه برای اضافه کردن قابلیت ترجمه در پوسته
- پیاده سازی صفحات مجزا (
page . php ، single . php
و …) .. نمایش محتوای اصلی با توابع بخش قبلی ۲. فراخوانی ساید بار های ایجاد شده با تابع
dynamic _ sidebar ٣. فراخوانی فایل های سفارشی با تابع
get _ template _ part ۴. اضافه کردن لینک شبکه های اجتماعی ۵. اضافه کردن بخش لایک کردن مطالب ۶ پیاده سازی بخش لایک نظرات ۷. اضافه کردن بخش عضویت در خبرنامه ۸. اضافه کردن باکس های مختلف با استایل های متفاوت (دانلود، نکته و …) ۹. پیاده سازی نمایش تعداد لایک در شبکه های اجتماعی ۱۰. پیاده سازی انتشار مطالب در شبکه ها اجتماعی ۱۱. پیاده سازی ربات تلگرام و انتشار مطالب وردپرس در آن
- استفاده از امکانات پیشرفته و حرفه ای برای قالب
.. معرفی و اضافه کردن پست تایپ های سفارشی برای قالب با توابع
| register_post_type
۲. معرفی و نحوه اضافه کردن دسته بندی های سفارشی با تابع
register_taxonomy
- نمایش مطالب دسته بندی های سفارشی و پست تایپ های سفارشی در صفحات
اول و صفحات سفارشی ۴. اضافه کردن متاباکس های سفارشی برای مطالب با اکشن
add _ meta _
boxes ۵. ذخیره داده های متای مطالب با اکشن save
_ post ۶ اضافه کردن مدیا آپلودر وردپرس برای متاباکس های سفارشی ۷. پیاده سازی اسلایدشوی صفحه اصلی (مینی پروژه) ۸. آشنایی با Options API و نحوه ذخیره داده های کلی قالب در دیتابیس ۹. معرفی و آموزش نحوه کامل ایجاد منوهای مدیریتی با تابع
add _ menu _
page ۱۰. ایجاد پنل اختصاصی برای قالب (مینی پروژه) ۱۱. ایمن سازی داده های ورودی کاربر با توابع امن سازی داده ها ۱۲. ایجاد شورت کدهای مختلف با تابع add
_ shortcode ۱۳. نحوه ارسال و دریافت پارامتر ها به شورتکدها | ۱۴. دریافت آخرین مطالب منتشر شده در وب سایت با شورت کد ۱۵. نحوه استفاده از شورتکدها درون مطالب ۱۶. نحوه استفاده از شورتکدها درون قالب با تابع so
_ shortcode ۱۷. اضافه کردن دکمه و گزینه های جدید به ویرایشگر وردپرس با فیلترهای
mce _ external _ plugins
و mce
_ buttons ۱۸. آموزش کامل کار با ایجکس در پوسته های وردپس برای درخواست های ای
جکسی ۱۹. پیاده سازی کتابخانه های مجزا در پوسته
۲۰. نحوه به روز رسانی دیتابیس وردپرس در زمان نصب پوسته ۲۱. کار با دیتابیس وردپرس و ایجاد کوئری های دلخواه بوسیله کلاس wpdb
- پیاده سازی بخش Footer
.. اضافه کردن بخش تماس با ما ٢. اضافه کردن منوهای اصلی سایت با استفاده از منوهای وردپرس
- ایجاد پوسته های فرزند
.. معرفی پوسته های فرزند و کاربرد های آن ها ٢. معرفی ساختار پوسته های فرزند ٣. اضافه کردن فایل های style
. css و function .
php برای پوسته فرزند • امنیت و بهینه سازی
۱. امن سازی پوشه های آپلود ٢. اضافه کردن کدهای افزایش سرعت وب سایت ٣. اضافه کردن کدهای کش محتوای وب سایت ۴. انتخاب افزونه های مناسب برای وب سایت
مباحث مطرح شده در این فهرست حداقل آموزش های موجود در این دوره می باشد .
بنا به درخواست کاربران و تصمیم مدرس امکان افزودن محتوای آموزشی وجود دارد.
