آموزش طراحی سایت با وردپرس – ۰ تا ۱۰۰ طراحی قالب وردپرس
4.8 از 69 رای

آموزش طراحی سایت

آموزش طراحی سایت با وردپرس

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

دوره آموزش طراحی سایت

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

در این دوره چه کاری انجام دهیم؟

قرار است سیر تا پیاز طراحی قالب وردپرس را با هم یاد بگیریم. از مفاهیم اولیه هاست و دامنه و سرور و… بگیرید تا یادگیری زبان های شیرین HTML و CSS. گریزی هم به فتوشاپ می زنیم و تمام موارد لازم برای طراحی سایت در فتوشاپ را هم با هم یاد میگیریم. تبدیل کردن قالب HTML ی که خودمان با عشق کد نویسی اش کرده ایم به وردپرس هم جذابیت خاص خودش را دارد! اضافه کردن فروشگاه به سایت هم یکی دیگر از سرفصل های بحث بر انگیز این دوره است! این را هم داشته باشید : قالب را برای نصب افزونه های رایج سازگار میکنیم.

فرآیند آموزش طراحی سایت

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

آموزش طراحی سایت با وردپرس

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

 

مشاهده سایت طراحی شده در این دوره

نظرات دانشجویان دوره آموزش طراحی سایت

نظر آقای میلاد کیهانی ٬ مدیر سایت قاب رنگی

نظر آقای محمد اکبری ٬ مدیر سایت یک حس خوب

 

نمونه کار دانشجویان دوره

برای دیدن در اندازه اصلی روی عکس کلیک کنید

 

من سایت ساخت را بلد نیستم. این دوره به من کمک میکند؟

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

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

آیا با استفاده از این آموزش می توانم سایتم را هر طور که دوست دارم طراحی کنم؟

بله. شما با دیدن این آموزش هر سایتی که دوست داشته باشید و به هر شکلی که مدنظرتان باشد ، می توانید طراحی کنید. اکثر ما زمانی که به اجرا و طراحی سایت فکر می کنیم اولین چیزی که ذهنمان را درگیر می کند شکل ظاهری و رنگ بندی و دیگر موارد آن است. اما اینها کافی نیست. ارائه خدمات و یا حتی محصولات، امنیت، بهینه سازی و… یکی از مهمترین مواردی است که در طراحی سایت باید به آن توجه داشت. ما در این دوره تمامی این موارد را به شما آموزش می دهیم. پس مطمون باشید با شرکت در این دوره می توانید یکی از طراحان حرفه ای سایت شوید.

من میخواهم قالب اماده خودم را ویرایش کنم و تغییرات اساسی در آن ایجاد کنم. این آموش به من کمک میکند؟

بله. بعد از دیدن این دوره و یادگیری HTML و CSS می توانید ظاهر قالب آماده تان را منحصر به فرد کنید! طوری که دیگر مشخص نشود قالبتان آماده است. CSS برای تعیین استایل  صفحات وب ،  از جمله طراحی، طرح بندی تغییر رنگبندی ها و تغییرات در صفحه نمایش برای دستگاه های مختلف و اندازه صفحه نمایش استفاده می شود. در قالب های وردپرس هم امکان این را دارید که شکل ظاهری سایت خود را با استفاده از css تغییر دهید. ممکن است قالبی که برای سایت خود در نظر گرفته این می خواهید تغییر دهید مثلا رنگ یک قسمت خاص و یا اندازه فونت ها و حتی راست چین یا چپ چین بودن مطالب را، تمامی این مورارد را به راحتی با شرکت در این دوره آموزش می بینید.

تعدادی از افراد بعد اینکه هاست و دامنه مورد نظر خود را تهیه کردند، اقدام به نصب و استفاده از پوسته‌ها و قالب‌های آماده می‌کنند و سعی دارند تا سایت را خودشان بدون پرداخت هزینه طراحی، بارگذاری و اجرا کنند. این امر در صورتی که این افراد به تمام نکات اجرا و طراحی سایت مسلط باشند، موفق خواهند بود و سایت خود را بدون هیچ مشکلی راه اندازی می کنند. اما آن دسته از افراد که به طراحی و اجرای یک سایت حرفه ای مسلط نیستند و آموزش های مورد نیاز را ندیده اند، باید توجه داشته باشند که برخی از این قالب‌ها در مدت‌زمان کوتاهی طراحی‌شده‌اند، حجم بالایی دارند و معمولاً دارای مشکلات کد نویسی، امنیتی و هزاران مشکل دیگر که از آن اطلاعی ندارند، هستند که برای وب‌سایت شما بسیار مضر به‌حساب می‌آید. برای رفع تمام این مشکلات کافیست که قبل از آنکه اقدام به اجرای یک سایت حرفه ای داشته باشیم، از آموزش هایی که می تواند ما را در ساخت یک سایت حرفه ای راهنمایی و کمک کند استفاده کنیم.

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

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

آیا طراحی سایت می تواند تاثیری بر روی سئو داشته باشد؟

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

چه کسانی نباید در این دوره شرکت کنند؟

1- کسانی که به کسب درآمد از اینترنت اعتقادی ندارند.

2- کسانی که دوست دارند هزینه های گزافی بابت طراحی قالبشان یا ایجاد یک سفارشی سازی جزئی در قالبشان ، پرداخت کنند.

3- کسانی که دوست ندارند از قالب اختصاصی که مختص سایت خودشان است ، استفاده کنند.

4-کسانی که فکر می کنند نمی توانند خود طراح سایت حرفه ای شوند و سایت خودشان را طراحی کنند.

5- آن دسته از افرادی که خود را در یادگیری باور ندارند.

چه کسانی باید در این دوره شرکت کنند؟

1- کسانی که به کسب درآمد از اینترنت اعتقادی دارند و می خواهند سایت خود حرفه ای بسازند.

2- کسانی که می خواهند ایده های کسب و کار خود را ارزیابی کنند

3- کسانی که ایده‌های لازم برای کسب‌وکار اینترنتی خود را اجرا می کنند

4- آن دسته از افرادی که به دنبال اجرای کسب و کار های خود هستند

طراحی سایت با وردپرس

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

بسیاری از طراحان سایت بر این باورند که تنها در سایت های جذاب و زیبا خلاصه می‌شود. اما در حقیقت طراحی سایت چیزی فراتر از طراحی ظاهر آن است. برای طراحی سایتی مطلوب، عوامل زیادی ازجمله ساختار سایت، کاربردپذیری، خوانایی، عملکرد و… تأثیرگذار هستند. امروزه تمام وب مستران و مدیران سایت های حرفه ای و به روز به دنبال اجرای سایت های با کیفیت و پاسخگو هستند.

از این رو برخی از طراحان قالب های حرفه ای و سایت های به روز جهان تلاش می کنند تا روش های آسانتر و کاربردی تری برای اجرای یک سایت ارائه دهند. مانند قالب های حرفه ای که اکثر سایت های حرفه ای دنیا از آن ها استفاده می کنند. هنگامی‌که کلمه طراحی وب‌ سایت به گوش ما می‌خورد اولین مسئله‌ای که به ذهن ما خطور می‌کند رنگ‌بندی، جذابیت و طراحی زیبای صفحات سایت است. اما این تمام‌کار نیست. برخی از افراد طراحی سایت را به عنوان یک اثر هنری می شناسند.باید توجه داشت که یک سایت،  ارائه محصولات و خدمات به صورت دیجیتالی است، که در آن قالب، کد نویسی و ساختار سایت امری اساسی و مهم به شمار می‌آید. بر همین اساس، طراحی وب‌سایت موضوعی فراتر از طراحی ظاهر آن است زیرا یک طراحی مناسب و ایده آل ساختار، کارایی و قابلیت‌های یک وب‌سایت را رقم می‌زند.

قالب یا همان ساختار کلی یک سایت از عوامل بسیار مهم در طراحی سایت است. انتخاب زبان‌های برنامه‌نویسی مختلف مانند PHP، CSS، HTML و نظیر اینها و قالب‌های آماده هرکدام معایب و مزایای زیادی دارند که بنا بر سلیقه و نظر طراح آن و هدفی که از طراحی سایت دنبال می‌کند می‌تواند متفاوت باشد که البته این موضوع در بهینه سازی سایت نیز بی‌تأثیر نخواهد بود.

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

هنگامی که بخواهید یک سایت تأثیرگذار و کاربردی طراحی کنید، به زبان های برنامه‌نویسی‌ زیادی احتیاج دارید که آموزش ببینید. این زبان برنامه‌نویسی‌ها شامل HTML، CSS، JavaScript و… هستند که ایجاد، به‌روزرسانی و یا تغییرات را امکان‌پذیر می‌کند. به هنگام استفاده از قالب‌های آماده ایجاد تغییرات می‌تواند سخت یا غیرممکن باشد. به همین دلیل داشتن دانش کافی در خصوص مدیریت و ویرایش قالب‌های با کیفیت اهمیت زیادی دارد تا وب سایت‌تان را در مسیری طراحی کنید که به‌راحتی و با سرعت پشتیبانی و مدیریت شود. ما در این دوره آموزشی امکان ویرایش کردن قالب ها را به شما آموزش می دهیم و به راحتی می توانید قالب خود را همان گونه که می خواهید تغییر و یا ویرایش کنید.

نتیجه گیری نهایی

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

مدرس این دوره کیست؟

رضا حسینی رادرضا حسینی راد
  • مدیر و موسس وبسایت میهن وردپرس
  • دارای گواهینامه SEO Expert از SEO MOZ
  • دارای گواهینامه بین المللی PHP , HTML & CSS و Javascript از W3Schools
  • مدرس دوره های طراحی وبسایت با وردپرس

سر فصل های این دوره آموزشی

جلسه مقدماتی
  • روش های کسب در آمد از طریق طراحی سایت
  • آزادکاری یا فریلسنری از طریق سایت های انجام پروژه
  • نحوه طراحی سایت برای افراد و شرکت ها
  • نحوه قیمت گذاری پروژه های طراحی سایت
  • نحوه عقد قرارداد طراحی سایت با مشتری و مواردی که باید رعایت کنید
  • کسب در آمد از طریق پشتیبانی وبسایت مشتریان
  • ساخت محصول و فروش آن در مارکت های آنلاین و شرایط کار با تم فارست
  • کسب در آمد از طریق آموزش به دیگران
جلسه اول
  • موارد مورد نیاز برای راه اندازی یک وبسایت
  • مفاهیم کاکرد وبسایت های اینترنتی
  • دیتاسنتر و سرور چیست؟ تفاوت سرور اختصاصی و مجازی
  • هاست چیست؟
  • دامنه چیست؟
  • سیستم مدیریت محتوا چیست؟
  • طراحی وبسایت استاتیک و داینامیک
  • چرا از وردپرس استفاده می کنیم؟
  • چگونه هاست و دامنه را به هم متصل کنیم؟
  • مفاهیم دیتابیس و کنترل پنل های مدیریت هاست
جلسه دوم
  • چیدمان و طرح بندی استاندارد یک صفحه ی وب در فتوشاپ
  • مفهوم سند و ایجاد یک سند برای طرح گرافیکی یک صفحه وب
  • آشنایی با ابزارهای فتوشاپ برای طراحی یک صفحه وب
  • طرح ریزی قسمت های اصلی سایت (هدر، فوتر، ساید بار) با ابزارهای فتوشاپ
  • مفاهیم ruler و guideline؛ تنظیم و استفاده از آن ها
  • مفهوم رزولوشن و انتخاب آن به درستی برای یک صفحه ی وب
  • معرفی واحد ها ی اندازه گیری و انتخاب اندازه مناسب برای یک سند گرافیکی صفحه وب
 جلسه سوم
  • ایجاد طرح گرافیکی صفحه ی وب در فتوشاپ ( فایل psd طرح وب سایت)
  • ایجاد بخش های footer ،header،content و ... در فایل psd
  • اضافه کردن استایل به بخش های ایجاد شده
  • توضیح میزان شفافیت و شفافیت داخلی یک صفحه ی وب
  • معرفی انواع border و inner shadow متن و تصویر
  • توضیح مفاهیم UX و UI برای طراحی صفحات وب
  • روانشناسی رنگ و انتخاب صحیح ست رنگی در طراحی قالب
 جلسه چهارم
  • استایل دادن به بخش های مختلف سند گرافیکی یک صفحه ی وب در فتوشاپ
  • بهینه سازی و ذخیره تصاویر برای استفاده در وب
  • پسوندهای ذخیره سازی تصویر براساس استفاده در وب
  • ابزارهای برش دهی تصاویر
  • معرفی ابزار lorem ipsum برای ایجاد متن تصادفی مورد نیاز برای یک صفحه وب
  • مفهوم طراحی سایت فلت یا تخت
جلسه پنجم
  • چگونگی تبدیل فایل PSD به فایل HTML
  • توضیح در مورد فایل های HTML و CSS
  • تفاوت فایل های HTML و CSS
  • چگونگی ایجاد فایل ها ی HTML و CSS
  • طرز نمایش، استایل بندی، چیدمان و رنگ بندی صفحه ی وب با CSS
  • توضیح چگونگی نمایش یک صفحه ی وب برای user ها
  • دلیل ایجاد فایل های header، footer،content ،slider و ... به صورت جداگانه برای ایجاد صفحات وب
  • توضیح چگونگی ایجاد قسمت های header، footer،content ، slider و ... برای ایجاد یک صفحه ی وب
  • توضیح ساختار فایل HTML شامل تگ های header و body
  • معرفی تگ های مختلف HTML
جلسه ششم
  • توضیح ساختار کلی فایل HTML و تگ ها ی HTML
  • توضیح چگونگی لینک کردن فایل CSS در فایل HTML
  • توضیح مسیردهی فایل ها در CSS
  • چه کدهایی باید در فایل style.css نوشته شود؟
  • توضیح مفهوم minify و مزیت استفاده از کدهای minify شده ی html و css
  • توضیح ساختارCSS به طور کامل
  • چگونگی ایجاد کلاس و آی دی در فایل CSS و فراخوانی آنها
  • تفاوت آی دی و کلاس در یک فایل CSS
  • معرفی انتخاب کننده های (سلکتورها) CSS
  • توضیح انواع انتخاب های سلکتورهای CSS
جلسه هفتم
  • تبدیل طرح گرافیکی به کد
  • معرفی نرم افزار Dream weaver
  • ایجاد یک سند Html برای یک صفحه ی وب
  • معرفی Css و استفاده از آن برای ایجاد افکت های گرافیکی و ایجاد سند Css
  • لینک کردن صفحه های Html و Css
  • کدنویسی قالب طراحی شده در فتوشاپ
  • استفاده از کدهای css reset
  • شروع کدنویسی بخش های مختلف صفحه ی وب
  • کدنویسی header
  • کدنویسی footer
  • کدنویسی navbar
  • کدنویسی search box
 جلسه هشتم
  • اضافه کردن فونت به یک فایل Html
  • اضافه کردن تصویر پس زمینه ی سایت
  • کدنویسی بخش header شامل کدنویسی لوگو
  • کدنویسی منوی اصلی سایت
  • مفهوم hover و استفاده از آن برای ایجاد منوها
  • طراحی منو و زیرمنو با Css
  • روش های انتخاب رنگ برای طراحی وب
  • ابزارهایی برای انتخاب رنگ های flat
جلسه نهم
  • کدنویسی صفحه داخلی
  • مشخص کردن نوع و اندازه فونت سایت با استفاده از Css
  • استایل دادن به بخش های مختلف با استفاده از دستور nth-child
  • استفاده از کلاس clear در style.css
  • فیکس کردن تصویر زمینه
  • کدنویسی قسمت footer
  • الویت بخشیدن به بخش های مختلف با استفاده از دستور important
  • Hover دادن به بخش های مختلف صفحه ی وب
جلسه دهم
  • کدنویسی content صفحات دیگر سایت
  • مفهوم breadcrumb و ایجاد آن در فایل Css
  • استایل دهی به پست های یک صفحه ی وب
  • کدنویسی سایدبار
  • تبدیل باکس های سایدبار به صورت widget
  • اضافه کردن hover به باکس های سایدبار
  • ایجاد بخش ادامه مطلب برای هر پست
  • معرفی مفهوم material-design
  • اتمام کدنویسی
 جلسه یازدهم
  • آشنایی با دیتاسنترهای محبوب دنیا
  • آموزش نصب وردپرس روی لوکال هاست و هاست اصلی
  • تبدیل قالب طراحی شده به وردپرس
  • آشنایی با پنل مدیریت وردپرس
  • نصب قالب وردپرس
  • توضیح چگونگی نصب و فعال سازی یک افزونه در وردپرس
  • تغییر زبان، ساعت، تاریخ و ... پنل مدیریت وردپرس
  • نصب و راه اندازی افزونه ووکامرس
  • آشنایی با ووکامرس
  • آشنایی با درگاه پرداخت در افزونه ووکامرس
جلسه دوازدهم
  • آشنایی با سیستم مدیریت محتوا
  • چرا سیستم مدیریت محتوای وردپرس؟
  • افزونه های مورد نیاز برای ساخت فروشگاه اینترنتی
  • افزونه های مورد نیاز براس ساخت انجمن های گفتگو
  • افزونه های مورد نیاز برای ساخت شبکه های اجتماعی
  • معرفی افزونه product-addons
  • قالب وردپرس چیست؟ چه کاربردی دارد؟
  • تبدیل قالب طراحی شده به قالب وردپرسی
  • داینامیک کردن بخش های مختلف یک صفحه ی وب
  • آشنایی با فایل های وردپرس
جلسه سیزدهم
  • تفاوت برگه و پست
  • ایجاد صفحات داخلی سایت
  • معرفی افزونه Yoast SEO
  • معرفی ابزارک ها و آموزش نحوه ی کار کردن با آنها
  • اضافه کردن امکان thumbnails به وردپرس
  • استایل دهی به کل text areaها، inputها، button ها و ...
  • توضیح اینکه چرا از سیستم مدیریت محتوا استفاده می کنیم؟
  • اضافه کردن استایل Css به نظرات وردپرس
جلسه چهاردهم
  • استایل، طرح بندی و رنگ بندی برای نمایش آرشیو مطالب سایت
  • آموزش اضافه کردن ادامه مطلب به یک پست سایت
  • اضافه کردن تاریخ انتشار، دسته بندی و نویسنده به هر پست
  • اضافه کردن پنل مدیریت به قالب وردپرس
  • اضافه کردن فایوآیکون به سایت
  • قابلیت تغییر فاوآیکون از طریق پنل مدیریت قالب
  • قابلیت تغییر آیکون سایت از طریق پنل مدیریت قالب
  • اضافه کردن استایل به پنل مدیریت قالب وردپرس
  • معرفی افزونه TablePress برای ساختن جدول
  • معرفی و اجرای افزونه ی ووکامرس
  • چگونه ووکامرس را با قالب سایت سازگار کنیم؟
  • افزودن محصولات به فروشگاه از طریق افزونه ووکامرس
  • اضافه کردن style.css به ووکامرس
 جلسه پانزدهم
  • معرفی مفاهیم ریسپانسیو و سایت های واکنش گرا
  • نحوه ی تست ریسپانسیو بودن سایت ها
  •  تست ریسپانسیو بودن سایت بدون موبایل و تبلت
  •  دستورهای موردنیاز برای ریسپانسیو کردن وب سایت
  •  ریسپانسیو کردن قالب به صورت عملی
  • نمایش یک بخش از وب سایت فقط در موبایل
جلسه شانزدهم
  • معرفی کاربرد عملی خاصیت z-index در طراحی وب
  • ساخت فیلد های سفارشی در پست وردپرس
  • ساخت بخش تنظیمات برای وارد کردن اطلاعات هر پست
  • اضافه کردن باکس دانلود به قالب طراحی شده
  • ثبت دامنه و خرید هاست (راه اندازی سایت بصورت عملی)
  • انتقال قالب طراحی شده از لوکال هاست به سایت اصلی
جلسه تکمیلی اول
  • نوشتن سی اس اس بصورت مستقیم در html
  • اضافه کردن شماره صفحات به بخش مطالب سایت
  • کار با گرادینت ها و ساخت پس زمینه
  • نمایش نام نوشته و برچسب ها در مطلب
  • نمایش اخرین مطالب در صفحه اصلی سایت
جلسه تکمیلی دوم
  • کار با keyframe ها در صفحات وب
  • ساخت پس زمینه دکمه بصورت slide on hover

لیست آپدیت‌های رایگان این دوره

آپدیت شماره ۱ در تاریخ ۳ آبان ۱۳۹۶
  • آموزش نوشتن سی اس اس مستقیم به دوره اضافه شد.
  • آموزش نمایش شماره صفحات در مطالب اضافه شد.
  • آموزش نمایش نام نویسنده و تگ ها به آموزش اضافه شد.
  • نحوه ساخت وب گرادینت ها به آموزش اضافه شد.
  • نحوه نمایش آخرین مطالب سایت در صفحه اصلی به دوره اضافه شد.
آپدیت شماره ۲ در تاریخ ۱۵ آبان ۱۳۹۶
  • راهکار های کسب در آمد از طریق طراحی سایت با وردپرس و نحوه عقد قرار داد با مشتری به آموزش اضافه شد.
آپدیت شماره ۳ در تاریخ ۱۹ دی ۱۳۹۶
  • آموزش کار با keyframe ها و ساخت جلوه های انیمیشن در صفحات وب به دوره اضافه شد.
  • آموزش ساخت پس زمینه دکمه بصورت اسلاید در زمان قرار گرفتن موس روی دکمه اضافه شد.
آپدیت شماره ۴ در تاریخ ۲۹ خرداد ۱۳۹۷
  • آموزش کار با فونت آیکون ها اضافه شد.
  • آموزش افزودن Preloader پیش بارگذار صفحات اضافه شد.
  • آموزش ویرایش و طراحی دکمه افزودن به سبد خرید در ووکامرس اضافه شد.
  • آموزش اضافه کردن تصویر پیش بارگذار زیر تصاویر در حال لود اضافه شد.

تفاوت های این دوره با سایر دوره ها

  1. به شما توضیح خواهیم داد چطور از این راه کسب در آمد کنید.
  2. علاوه بر آموزش طراحی سایت٬ مفاهیم مورد نیاز برای راه اندازی سایت را توضیح خواهیم داد.
  3. در جلسه آخر این دوره راه اندازی یک سایت واقعی بصورت عملی توضیح داده شده
  4. به جای ارائه مفاهیم تئوری٬ سایت را بصورت کاملا عملی طراحی خواهیم کرد.
  5. یادگیری شما در کمترین زمان ممکن صورت می‌گیرد.
  6. می توانید بصورت مستقیم با مدرس دوره طراحی سایت در ارتباط باشید.
مراحل یادگیری دوره
زمان کل دوره: ۲۱ ساعت و ۳۷ دقیقه
  • پس از پرداخت٬ می توانید بلافاصله از پنل کاربری خود، یادگیری را شروع کنید. اطلاعات بیشتر
  • بعد از اتمام دوره و قبولی در آزمون آنلاین، مدرک پایان دوره به شما اهدا خواهد شد.
  • پشتیبانی دوره‌ها میهن وردپرس بصورت مادامالعمر خواهد بود.
  • آپدیت های این دوره، برای همیشه از طریق پنل کاربری شما بصورت رایگان قابل دانلود خواهد بود.
پشتیبانی و خدمات پس از فروش این دوره

آموزش طراحی سایت با وردپرس – ۰ تا ۱۰۰ طراحی قالب وردپرس