مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

آموزش طراحی قالب وردپرس با فتوشاپ به همراه پروژه و مثال

( فیلم آموزشی ) ،توسط مهندس حمید سهرابی

معرفی سرفصل های این دوره:

آموزش صفر تا صد طراحی وبسایت خبری و فروشگاهی با وردپرس و ووکامرس

 

  • سرفصل های مجموعه طراحی سایت

۱. فصل اول ( طراحی UI/UX در فتوشاپ )

  • درباره وردپرس
  • UI/UX چیست؟
  • آشنایی با سندها در فتوشاپ
  • آشنایی و کار با اشکال در فتوشاپ
  • طراحی سایت در فتوشاپ
  • طراحی هدر
  • طراحی منو
  • طراحی زیرمنو
  • آشنایی با متریال ها
  • آشنایی با آیکون ها
  • طراحی اسلایدر
  • طراحی پست های محصولات
  • طراحی آخرین مقالات
  • طراحی پست های مقالات
  • طراحی فوتر
  • طراحی صفحه دسته بندی محصولات
  • طراحی صفحه دسته بندی مقالات
  • طراحی صفحه مقاله
  • طراحی صفحه محصول
  • طراحی صفحه ۴۰۴

 

۲. فصل دوم ( کدنویسی css / html / jquery )

  • آشنایی با انواع Text editor
  • آموزش ایجاد سند
  • آشنایی با انواع تگ های html
  • آشنایی با صفات یا Attribute ها در تگ های html
  • آشنایی با کلاس و آی دی در html و css
  • آشنایی با انواع استایل ها در css
  • آشنایی با Element انواع مرورگرها جهت ویرایش زنده صفحات
  • آشنایی و کار با پلاگین Emmet
  • آشنایی و کار با پلاگین Beautify
  • آشنایی و کار با فریم ورک Bootstrap
  • آموزش نصب Bootstrap
  • آشنایی با ستون بندی و Grid
  • آشنایی و فراخوانی فونت در صفحات وب
  • تفاوت Margin و Padding
  • آشنایی و فراخوانی فونت آیکون در صفحات وب
  • آشنای با رویداد Hover
  • طراحی زیرمنو
  • آشنایی و کار با ul / li های تو در تو
  • آشنایی و کار با Jquery
  • آشنایی و کار با پلاگین های jquery
  • آشنایی با تگ Section
  • آشنایی با تگ Figure
  • کدنویسی بخش آخرین محصولات
  • کدنویسی بخش آخرین مقالات
  • کدنویسی بخش فوتر
  • آشنایی با Figure
  • آشنایی با مبانی Responsive
  • آشناییو کار با پلاگین Sidr
  • ساخت زیرمنو برای موبایل
  • کدنویسی صفحات دسته بندی
  • آشنایی و کار با تگ Nav
  • کدنویسی صفحه Error 404
  • کدنویسی صفحه فروشگاه و محصولات
  • آشنایی با پلاگین Navs

 

۳. فصل سوم ( آموزش php و داینامیک کردن صفحات وب / اتصال قالب به وردپرس و ووکامرس )

  • آموزش و آشنایی با سیستم وردپرس
  • آموزش نصب وردپرس در شبکه محلی
  • آموزش ساخت پایگاه داده
  • آموزش ساخت user در پایگاه داده
  • آموزش نصب قالب بر روی وردرس
  • آموزش مقدماتی php
  • آشنایی با دستور echo
  • آموزش و آشنایی بامتغییرها در php
  • آشنایی با دستور and
  • آشنایی با دستور or
  • آشنایی با دستور if و elseif در php
  • فعال کردن قالب نصب شده بر روی وردپرس
  • آشنایی کار با دستورات functions
  • فراخوانی فایل ها برای وردپرس
  • پویا کردن منو در وردپرس
  • پویا و فعال کردن بخش جستوجو یا search
  • آشنایی با ابزارک ها
  • پویا و فعال کردن مقالات قالب در وردپرس
  • برسی و برش تصاویر برای مقالات
  • کدنویسی صفحه مقالات
  • کدنویسی نقشه وبسایت
  • پویا و فعال کردن بخش مقالات
  • کدنویسی بخش نویسنده
  • کدنویسی مشخصات مقالات ( تاریخ، بازدید، برچسب ها ... )
  • آموزش نصب افزونه در وردپرس
  • کدنویسی دسته بندی مقالات
  • کدنویسی بخش پرسش و پاسخ یا دیدگاه ها
  • کدنویسی صفحه ۴۰۴
  • کدنویسی صفحه جستوجو
  • کدنویسی صفحه آرشیو مقالات
  • کدنویسی صفحه برچسب ها
  • نصب و آشنایی با ووکامرس
  • آموزش ایجاد محصول در ووکامرس
  • کدنویسی صفحات فروشگاه
  • ویرایش و رفع اشکال صفحات فروشگاه

 

۴. فصل چهارم ( آموزش Theme Option فعال کردن اسلایدر و پویا کردن تمامی بخش های قالب )

  • آموزش و آشنایی با پلاگین OptionTree
  • مدیریت و فعال کردن اسلایدر وبسایت
  • پویا و مدیریت کردن شماره تماس و ایمیل مدیر
  • آشنایی با دستور Foreach

 

۵. فصل پنجم ( آموزش ایجاد Child Theme برای قالب و ترجمه قالب )

  • آموزش و آشنایی با Child Theme
  • ترجمه و راست چین کردن قالب های وردپرسی

 

    بخش های رایگان این مجموعه آموزشی:

    آشنایی با مباحث ( بخش 1 ) دانلود مستقیم طراحی هدر در فتوشاپ ( بخش 2 ) دانلود مستقیم آشنایی با Text Editor ( بخش 11 ) دانلود مستقیم آشنایی با Bootstrap ( بخش 12 ) دانلود مستقیم نصب وردپرس ( بخش 33 ) دانلود مستقیم آموزش php ( بخش 34 ) دانلود مستقیم
    در فصل اول پرداخته ایم به طراحی تمامی صفحات وبسایت در فتوشاپ
    بخش 1 :
    ( آشنایی با مباحث )
    توضیحات اولیه
    دانلود مستقیم افزودن به سبد
    قیمت: رایگان

    بخش 2 :
    ( طراحی هدر در فتوشاپ )
    آشنایی با سندها در فتوشاپ
    دانلود مستقیم افزودن به سبد
    قیمت: رایگان

    بخش 3 :
    ( طراحی محصولات در فتوشاپ )
    آشنایی و کار با اشکال در فتوشاپ
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 4 :
    ( طراحی مقالات در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 5 :
    ( ادامه طراحی مقالات در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 6 :
    ( طراحی فوتر در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 7 :
    ( طراحی صفحات دسته بندی در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 8 :
    ( طراحی صفحه پست مقاله در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 9 :
    ( طراحی صفحه پست محصول در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    بخش 10 :
    ( طراحی صفحه ۴۰۴ در فتوشاپ )
    طراحی
    افزودن به سبد
    قیمت: 28,883 تومان

    50

    تخفیف تا تاریخ 1399/1/31 (تخفیف فوق،صرفا به خرید کل پکیج،و یا خرید فصل ها تعلق می گیرد و به خرید تک بخش ها،اعمال نمی گردد)



    وضعیت دوره: تکمیل شده


    تعداد قسمت ها : 47 قسمت


    سطح آموزش: صفر تا صد


    به همراه کدها و فایل های آموزش


    پشتیبانی فنی: دارد

    می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس حمید سهرابی ) در میان گذاشته و برطرف نمایید.


    تعداد فصل ها: 5 فصل


    مدت زمان: 33 ساعت و 22 دقیقه


    افزودن پکیج به سبد خرید

    جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:


    نظرات/پرسش ها/پیشنهادات


    jr میگه:

    سلام
    تفاوت طراحی قالب بافتوشاپ وطراحی قالب باکدنویسی چی هست؟آیا طراحی قالب بافتوشاپ سرعت لودسایت روکندنمی کنه؟ کدوم بهتره؟لطفاراهنمایی بفرمایید./..

    پاسخ:

    درود بر شما.
    عزیزدل منظور از طراحی قالب با فتوشاپ صرفا الگوی قالب هست وگرنه نهایتا کدنویسی انجام می‌شه.

    علی میگه:

    چطور میشه یک فصل رو یکجا خرید؟

    پاسخ:

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

    jr میگه:

    سلام استاد
    مجموعه php mvc آقای مهندس بلاغی ودوره ریسپانسیوآقای محمدی روتهیه کردم ، آیانیازهست که این دوره روهم خریداری کنم؟

    پاسخ:

    درود بر شما.
    این دوره طراحی قالب برای وردپرس هست ضمن اینکه حین طراحی از bootstrap استفاده شده و بسادگی قالب پیاده سازی و ریسپانسیو می‌شود.
    خالی از لطف نیست.
    دمو مجموعه را حتما تماشا کن عزیزدلم.

    علیرضا رحمتی میگه:

    سلام من فصل اول رو دیدم
    یک سوال در مورد فصل سوم داشتم
    میخواستم بدونم شما آموزش رو جوری دادید که بشه قالبی که ساخت برای فروش قرار داد
    مثلا تو این قالب از ووکامرس استفاده شده
    آیا این رو هم اموزش دادید که کاری کنیم که وقتی قالب رو روی وردپرس نصب میکنیم به صورت خودکار افزونه ووکامرس هم به صورت خودکار روی وردپرس نصب بشه؟

    پاسخ:

    درود بر شما.
    برای فعال کردن چنین قابلیتی باید قالب رو بصورت داپلیکیتور نصب بفرمایید که تدریس نشده چنین مبحثی.

    سمانه گلشادی میگه:

    سلام اقای سهرابی
    من این دوره ی وردپرس روتوی اموزشگاه گذروندم فقط دوره ی طراحی بافوتوشاپش رومیخام ودوره ی ووکامرس میشه راهنماییم کنید واقعا نمی دونم چیکارکنم

    پاسخ:

    درود بر شما.
    پکیج ووکامرس در وبسایت موجود است.
    می توانید فصل مربوط به UI/UX فتوشاپ را نیز خریداری بفرمایید.

    سمانه گلشادی میگه:

    سلام وعرض ادب دمورودیدم میخام ببینم واقعا پایان دوره میتونم یه سایت وردپرس روبیارم بالا وهیچ مشکلی نیست واینکه یه جاهایی توی وردپرس بایدکدنویسی کنیم اونهارواموزش نمیدین توی این دوره؟

    پاسخ:

    درود بر شما.
    می توانید یه سایت کامل وردپرسی را بالا آورده ضمن اینکه قالب های خارجی هم ترجمه بفرمایید.

    محمدحسین میگه:

    سلام استاد
    خسته نباشید
    استاد طراحی قالب سخت تره یا ترجمه قالب؟

    پاسخ:

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

    محمد پارسا میگه:

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

    پاسخ:

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

    هادی میگه:

    سلام
    هزینه ی دوره واقعا بالاست دوره ی php با 150 ساعت آموزش نباید هزینش با این آموزش با 33 ساعت آموزش تقریبا یکسان باشه !!!
    ممنون میشم در قیمت محصول تجدید نظر کنید ضمن اینکه بنده چندین آموزش تا به حال از سایت خوب کلیک سایت تهیه کردم.
    با تشکر از توجه شما

    پاسخ:

    درود بر شما.
    علت بالا بودن قیمت ساعات دوره نمی باشد بلکه نسبت به سادگی و تکنیک های تدریس شده است.

    alireza میگه:

    سلام من فصل اول کامل دیدم عالی بود
    فصل دوم قسمت دوم نامفهوم بود
    آیا ادامه فصل دو هم تقریبا همینجوریه ؟

    پاسخ:

    درود بر شما.
    به واقع نباید نامفهوم تلقی بشود علت سختی مبحث بخاطر تازگی اش می باشد.
    رفته رقته مطالب برایتان جا خواهد افتاد.

    علیرضا رحمتی میگه:

    سلام .
    برخی از قالب هارو که نصب میکنیم تو وردپرس که بریم
    یک بخش برای مدیریت قالب درست کردن
    آیا این بخش هم تو این دوره ساخته میشه ؟

    پاسخ:

    درود بر شما.
    وردپرس بصورت خودکار سیستم مدیریت محتوا دارد.

    علیرضا رحمتی میگه:

    سلام
    چند تا سوال داشتم
    اول اینکه این قالب هایی که میسازیم قابلیت فروش رو دارن؟
    و سوال دوم : آیا یک پنل مدیریت هم برای قالب تو وردپرس میسازیم؟

    تو سرفصل ها که خوندم . مثلا بخش مقالات رو با فتوشاپ طراحی میکنید
    حالا سوالم اینه که اگه قالب رو به یک شخصی بفروشیم و اون بخواد چندین و چند صفحه درست کنه و اون صفحه ها رو به عنوان فهرست اون بالای سایت قرار بده !
    آیا این امکان هست ؟
    چون قسمت دوم رو که دیدم اون فهرست های بالا رو دونه دونه خودمون نوشتیم تو فتوشاپ ( اینا توسط کاربر به راحتی قابل تغییر است؟)
    چون قالب های دیگه رو که خریداری کردم و روی وردپرس نصب کردم به راحتی میشه یک برگه ساخت و اون برگه رو از طریق فهرست ها اضافه کرد به منوی بالای صفحه و حتی ترتیب نمایش رو هم تغییر داد
    آیا این امکان توسط پنل خود مدیریت وردپرس وجود داره تو قالب شما ؟ یا اون فردی که قالب رو میخره باید بره تو کد ها و فتوشاپ اونارو تغییر بده؟

    پاسخ:

    درود بر شما.
    ۱. بله سایت های زیادی هست که می توانید قالب ها را برای فروش بگذارید.
    ۲. خیر سیستم مدیریت محتوا طراحی نمی گردد و از وردپرس استفاده می کنیم.
    ۳. بله در نهایت توسط وردپرس می توانیم تغییرشان بدهیم و باصطلاح داینامیک یا پویا کنیم.

    علیرضا رحمتی میگه:

    سلام خسته نباشید جناب سهرابی عزیز
    هنوز آموزش رو تهیه نکردم ولی خیلی خوشم اومد واقعا نحوه تدریستون دوست داشتنیه
    چون شما قالب رو به صورت کامل با فتوشاپ طراحی میکنید قالب سنگین نمیشه ؟ چون سنگینی قالب باعث دیر لود شدن وبسایت و در نهایت نمره منفی در سئو میشود
    حجم این قالبی که طراحی کردید و در دمو نشون دادید چقدر هست ؟

    پاسخ:

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

    مجتبی حسین پور میگه:

    با سلام می خواستم بدانم تخفیف خرید فصل به فصل اعتبارش تمام شده ؟ قبلا خرید کردم بود الان نیست

    پاسخ:

    درود بر شما.
    تخفیف تنها زمانی اعمال می شود که شما مجموعه هارا بصورت کامل یا فصل به فصل تهیه بفرمایید.
    ضمن اینکه تخفیف ۵۰٪ در بسیاری از موارد بر روی مجموعه ها اعمال شده است.

    سید وسام میگه:

    خو برای پلاگین نویسی چه دوره ای رو پیشنهاد میدید php بلدم

    پاسخ:

    متاسفانه بنده دوره ای در رابطه با پلاگین نویسی تدریس نکرده ام.
    می توانید گوگل کنید...

    سید وسام میگه:

    سلام و خسته نباشید من میخوام این دوره رو خرید کنم نیاز مبرم هم بهش دارم میخواستم بدونم بعد از گذروندن این دوره میتونم پلاگین به صورت حرفه ای طراحی ‌کنم یا نه کلا میخواستم بدونم میتونم هر چیزی که بخوام برای وردپرس طراحی کنم یا نه؟

    پاسخ:

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

    محمد صادقی میگه:

    با سلام یا خرید این پکیج میتونم سایتی شبیه ژاکت طراحی کنم؟؟؟؟؟

    پاسخ:

    درود بر شما.
    با خرید این مجموعه هر قالبی با هرساختاری را قطعا می توانید طراحی بکنید اما برخی قابلیت ها نیازمند دانستن زبان php می باشد.

    مهرانی میگه:

    با این دوره میشه قالب های غیر وردپرسی هم طراحی کرد؟

    پاسخ:

    درود بر شما.
    البته که می شود اما تنها به صورت ایستا.
    اما CMS کدنویسی نمی شود.

    مهرانی میگه:

    سلام. ببخشید این دوره یک پروژه ی مشخص داره و نتیجه کارنهایی داره؟ یا مثال هست فقط

    پاسخ:

    درود بر شما.
    پروژه نهایی مشخص گردیده.
    دمو را حتما تماشا کنید.

    ابوالفضل میگه:

    استاد ببخشید ، با تموم کردن این دوره میتونم هر قالبی که طراحی شده رو بسازم و سوال دوم اینکه در این دوره نیاز هست دوره HTML و یا CSS رو گذرونده باشم ، اطلاعاتم برای این دو زبان متوسط به پایین هست

    پاسخ:

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

    حسین میگه:

    سلام استاد عزیز ووکامرس هم تدریس میشه ؟؟ انگار قالب فروشگاهی درسته ؟؟

    پاسخ:

    درود بر شما.
    بله ووکامرس هم تدریس می شود.

    حمید میگه:

    سلام
    استاد بعد این دوره قادر به طراحی هر قالبی می باشیم یا دوره ی تکمیلی هم دارد؟

    پاسخ:

    درود بر شما.
    بله هر قالبی با هرساختاری.

    مسعودمرادی میگه:

    سلام. قیمت رو میشه ارزونتر بزنید ؟ مقداری برام سنگینه ولی اموزش واقعا خوبه

    پاسخ:

    درود بر شما.
    با توجه به تکنیک های تدریس شده این مجموعه در قیمت مناسبی ارائه می شود و حتی می توانید فصل به فصل هم خریداری بکنید.

    امیرحسین میگه:

    سلام استاد خسته نباشید
    میخواستم بدونم این دوره چه تفاوتی با دوره فتوشاپ که ui ux رو گفتید داره ؟ فقط کد نویسی بهش اضافه شده؟؟

    پاسخ:

    درود بر شما.
    در دوره فتوشاپ صرفا تمرکز بر یادگیری انواع تکنیک ها ی فتوشاپ است.
    اما در این دوره ما بر اساس استانداردهای ui / ux وبسایت را داخل فتوشاپ طراحی و سپس توسط html / css / jquery برنامه نویسی خواهیم کرد و در نهایت متصلش می کنیم به وردپرس.

    حمید میگه:

    سلام و درود بر مهندس گرانقدر
    این مجموعه در چند فصل خواهد بود؟
    کی به اتمام می رسد؟
    آموزش بعدیتان در چ زمینه ای خواهد بود؟

    پاسخ:

    درود بر شما.
    این مجموعه بالغ بر ۵ فصل خواهد بود.
    تا انتهای خرداد ماه تکمیل می گردد.
    و آموزش های بعدی در حیطه گرافیک است. منجمله ایلاستریتور و طراحی نشان و وکتور. افتر افکت و موشن گرافی. ایندیزاین و صفحه آرایی.

    فرهاد میگه:

    سلام استاد عزیز امیدوارم حالتون خوب باشه استاد این دوره پیشنیازش چیه؟ وردپرس رو هم آموزش دادید؟استادآیا بعد دیدن این دوره می تونیم هرقالبی برای هر سایتی بسازیم هر گونه با هرسطحی؟

    پاسخ:

    درود بر شما. پیش نیاز این دوره آشنایی مقدماتی با فتوشاپ است.
    ابتدا قالب با فتوشاپ طراحی، سپس کد نویسی، سپس تبدیل به قالب وردپرس می شود.
    پس از گذراندن این دوره می توانید هر وبسایت خبری و فروشگاهی با هر امکاناتی راه اندازی بکنید.



    نظر/پرسش/پیشنهاد شما


    در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.

    نام و نام خانوادگی:
    شماره همراه:
    ایمیل:
    * پرسش/نظر/پیشنهاد/درخواست:

    تولید شده توسط کلیک سایت

    پشتیبانی آنلاین
    آماده پاسخگویی هستیم
    انتخاب تصویر جهت ارسال:
    در حال ضبط صدا

    (جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

    توقف و ارسال :
    لغو ضبط
    در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09337316634 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به تلگرام کلیک کنید
    0 پیام جدید
    پشتیبان در حال تایپ ...
    ارسال تصویر ضبط صدا
    0 کارشناسان آنلاین می باشند
    این گفت و گو توسط پشتیبان به اتمام رسید