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

62 دیدگاه
199,000 تومان

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

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

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

و جلب رضایت بالایی  دانشجویان , تصمیم گرفتیم  که یک قالب شرکتی وردپرس را از صفر تا صد  برگذار کنیم.

طراحی قالب شرکتی وردپرس

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

اختصاص صفحه درباره ما و نمونه کارها برای معرفی شرکت

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

همون طور که می دونید, سایت های شرکتی , بر خلاق سایت های نرمال , ریزه کاری های خاصی دارند و بیشتر نیاز مند تنظیمات مختلف برای سک شن هاشون هستند.

طراحی قالب شرکتی وردپرس برخی امکانات این قالب :

  • نمایش ایمیل پشتی بانی , نمایش تلفن پشتی بانی
  • اسلایدر اختصاصی
  • نمایش خدمات ما به صورت خرفه ای
  • نمایش شمارنده های  حرفه ای
  • نمایش نمونه کارها به صورت حرفه ای
  • نمایش نظرات مشتریان به صورت حرفه ای
  • نمایش لوگو یا برند مشتریان به صورت حرفه ای
  • عضو گیر به صورت حرفه ای
  • نمایش مطالب وبلاک
  • نمایش فرم تماس باما به صورت حرفه ای
  • صفحه اختصاص در باره ما
  • پنل تنظیمات حرفه ای
  • متاباکس های حرفه ای اختصاصی
  •  و خیلی امکانت دیگه در طول دوره خواهید آموخت .

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

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

ما توی این دوره چی می آموزیم ؟

توی این دوره آموزش طراحی قالب شرکتی شما از صفر یعنی یک فایل html خالی را با هم دیگه تبدیل میکنم به قالب حرفه ای شرکتی .

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

در این آموزش، ابتدا رابط کابری رو به صورت ریسپانسیو و واکنشگرا برپایه HTML5 و CSS3 و بوت استرپ 4  پیاده سازی خواهیم کرد.

سرفصل های دوره طراحی قالب شرکتی وردپرس:

  • 1 : معرفی نرم افزار های دوره
  • 2 : دانلود وردپرس و نصب  فعال سازی
  • 3 : طرحی رابط کاربری سایت شرکتی با فریم ورک بوت استراپ 4
  • 4 : پیاده سازی تنظیمات پیشرفته وردپرس با فریم ورک  CMB 2
  • 5: توضیحات کامل در مورد پیاده سازی تنظیمات با فرم ورک CMB2
  • 6 : معرفی پست تایپ و استفاده از کد های آن برای اسلایدر و نمونه کارها
  • 7 : پیاده سازی پست تایپ اسلایدر و نمونه کارها برای قالب شرکتی
  • 8 : توضیحات کامل در مورد متاباکس  و نحوه پیاده سازی
  • 9: پیاده سازی متاباکس پیشرفته صفحه اختصاصی درباره ما
  • 10 : پیاده سازی تکسانومی و صفحه یکتا نمونه کارها برای وردپرس
  • 11: پیاده سازی متاباکس پیشرفته صفحه نمونه کار ها
  • 12 : توضیحات کامل در مورد صفحات دسته بندی و یکتا بلاک
  • 13 : پیاده سازی صفحات دسته بندی
  • 14 : پیاده سازی فرم تماس با ما و توضیحات  تماس با ما
  • 15 : پیاده سازی خبرنامه
  • 16 : پیاده سازی فوتر سایت بخش کپی رایت
  • و خیلی چیز های دیگه …
پیش نیازهای طراحی قالب شرکتی وردپرس :

1 : برای شرکت در دوره طرحی قالب شرکتی حرفه ای وردپرس چه پیش نیازی هایی لازم است .

2 : برای شرکت در این دوره آموزشی , هیچ نیازی نیست که حتما به برنامه نویسی PHP یا کد نویسی با HTML و CSS مسلط باشید .

3 : اما یکم به موارد فوق تسلط داشته باشید , سرعت یاد گیری و پیشرفت شما بسیار بهتر خواهد بود.

1 – علاقه شدید + علاقه شدید  به این معنا که شما باید پشت کاری خوبی دشت باشید .

لیست بروز رسانی های قالب شرکتی وردپرس

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

  • این قالب را طبق دمو نصب نمایید

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

بروز رسانی دوم طراحی قالب شرکتی وردپرس 7 خرداد 1399

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

 

تمام جلسات آموزش طراحی قالب شرکتی وردپرس به صورت کامل.

جلسه 1 دانلود فایل های موردنیاز

  • ساخت شاخه یا همان نام فایل اصلی که یک پوشه بنام company-theme
  • ساخت فایل  css
  • ساخت فایل  js
  • ساخت فایل fonts
  • ساخت فایل  index.html
  • ساخت فایل css

برای کد نویسی از نرم افزار  JetBrains PhpStorm

برای ران کردن فایل های php  از   xampp

دریافت تمام فایلها و نرم افزار های مورد نیاز برای طراحی قالب شرکتی 

 jquery دانلود

phpstorm دانلود

 xampp دانلود

دانلود فونت ساحل

دانلود بوت استراپ 4

fontawesome دانلود

دانلود وردپرس

جلسه 2 ران کردن تمام فایل

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

آدرس دادن برای این به جای localhost بیاد  company.div را بخونه داخل فایل httpd-vhosts.conf آدرس می دیم.

  • ساخت فایل های قالب پوشه های بنام images برای تصویر .
  • ساخت فایل js برای فایل های جاوا اسکریپت
  • ساخت فایل fonts برای فونتها .
  • ساخت فایل css  برای فایل های سی اس اس .
  • خوب تمام فایل css  و جاوا اسکریپت  و فونتها مورد نظر  را قرار می دیم .
  • ساخت فایل های index.html و فایل style.css خوب کار تمام شد .
  • فراخوانی فایل سی اس اس  داخل index.html  و فایلهای جاوا اسکریپت .
  • و غیره ….

جلسه 3 ساخت هدر سایت

  • ساخت کد های هدر سایت .
  • ساخت کد لوگو سایت .
  • ساخت کد های بخش پشتیبانی سایت .
  • ساخت کد های بخش کلید های شبکه های اجتماعی .
  • کار بعدی که میخواهیم انجام می دیم استایل هدر را کامل کنیم .

آموزش طراحی قالب شرکتی جلسه 3

جلسه 4 طراحی منو و تکمیل کردن

  • ساخت ul li برای منو .
  • استایل های منو را کامل کنیم .
  • ایجاد پس زمینه برای منو .
  • وسط چین میکنم ul li  هارا
  • یک باکس  box-shadow برای header-menu تعریف میکنم .
  • ul li  هارا می خوایم به صورت display  شا به صورت inline-block
  • یک باکس box-shadow کلی هم تعریف می کنیم که داخل تمام کد استفاده می کنیم.

آموزش طراحی قالب شرکتی جلسه 4

جلسه 5 تکمیل اسلایدر

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

آموزش طراحی قالب شرکتی جلسه 5

جلسه 6 عنوان کلی

  • یک div  کلاس main_title اینجاد می کنیم .
  • داخل  div  دو span قرار می دیم  که برای استایل دادن
  • استایل دهی عنوان کلی .
  • برای این عنوان یک رنگ  یک سایز مشخص تعریف میکنیم .
  • استفاده از کد های transformtranslateX(-50%);

آموزش طراحی قالب شرکتی جلسه 6

جلسه 7 باکس خدمات ما

  • اینجاد باکس های خدمات ما
  • ایجاد عنوان باکس خدمات ما .
  • اینجاد فونت آیکون برای باکس خدمات ما.
  • انجاد متن برای باکس خدمات ما .
  • اینجاد یک دگمه ادامه مطالب

آموزش طراحی قالب شرکتی جلسه 7

جلسه 8 ساخت شمارنده

  • پیاده سازی عنوان شمارنده
  • پیاده سازی آیکون شمارنده
  • پیاده سازی متن شمارنده .
  • پیاده سازی پس زمینه شمارنده .

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

جلسه 9 تکمیل شمارنده

  • پیاده سازی پس زمینه شمارنده
  • بعد از این که تصویر را به صورت پس زمینه قرار دادیم
  • روی تصویر یک رنگ خیلی صعیف سیاه قرار میدیم  از نوع rgba.
  • استایل عنوان شمارنده
  • استایل آیکون شمارنده .

جلسه 10 دوره طراحی قالب شرکتی به صورت حرفه ای

  • پیاده سازی عنوان نمونه کارها .
  • پیاده سازی باکس های نمونه کارها
  • پیاده سازی تصویر نمونه کارها .
  • پیاده سازی title باکس نمونه کارها
  • و آخر هم پیاده سازی مشاهده .

تصویر طراحی شده در جلسه 10 دوره طراحی قالب شرکتی وردپرس

آموزش طراحی قالب شرکتی پیاده سازی نمونه کارها

جلسه 11 تکمیل نمونه کارها

  • استایل  عنوان نمونه کارها .
  • استایل  باکس های نمونه کارها
  • استایل تصویر نمونه کارها .
  • استایل title باکس نمونه کارها
  • استایل مشاهده .
  • و آخر هم پیاده سازی بارگذاری بیشتر همراه استایل .

جلسه12 پیاده سازی بخش نظرات کاربران

  • میخواهیم نظرات کاربران داخل یک اسلایدر قرار دهیم
  • پیاده سازی توضیحات برای نظرات کاربران وب سایت .
  • پیاده سازی باکس برای نمایش نظرات کاربران
  • پیاده سازی تصویر کاربران داخل باکس
  • پیاده سازی اسم کاربر
  • و آخر هم پیاده سازی شغل کاربر .

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

جلسه13 استایل بخش نظرات کاربران

  • میخواهیم نظرات کاربران داخل یک اسلایدر قرار دهیم
  • استایل  توضیحات برای نظرات کاربران وب سایت .
  • استایل باکس برای نمایش نظرات کاربران
  • استایل تصویر کاربران داخل باکس
  • استایل اسم کاربر
  • و آخر هم استایل شغل کاربر و به صورت کامل تمام .

جلسه 14 پیاده سازی نمایش لوگو مشتریان

  • پیاده سازی عنوان مشتریان .
  • پیاده سازی تصویر .
  • استایل عنوان .
  • استایل تصویر استفاده از  filter .

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

جلسه 15 پیاده سازی خبرنامه

  • پیاده سازی عنوان خبرنامه  .
  • پیاده سازی پس زمینه خبرنامه .
  • پیاده باکس ایمیل input .
  • پیاده سازی دگمه ثبت ایمیل  .
  • استایل پس زمینه خبر نامه  .
  • استایل باکس ایمیل

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

جلسه 16 پیاده سازی مطالب و بلاک

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

آموزش طراحی قالب شرکتی

جلسه 17 استایل مطالب و بلاک

  • استایل   عنوان و بلاک سایت.
  • استایل  تصویر مطالب سایت .
  • استایل  تاریخ انتشار .
  • استایل  مطالب سایت .
  • استایل  دگمه ادامه مطلب .
  • در آخر هم به صورت کامل مطالب و بلاک را تمام می کینم .

جلسه 18 پیاده سازی فرم تماس با ما

  • پیاده سازی عنوان تماس باما
  • پیاده سازی پس زمینه تماس باما .
  • پیاده سازی فرم تماس باما.
  • پیاده سازی input های فرم تماس باما.
  • پیاده سازی بخش توضیحات تماس باما.
  • و غیره .

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

جلسه 19 استایل به صورت کامل فرم تماس با ما

  • استایل عنوان تماس باما
  • استایل  پس زمینه تماس باما .
  • استایل فرم تماس باما.
  • استایل  input های فرم تماس باما.
  • استایلب خش توضیحات تماس باما.
  • و غیره .

جلسه 20 پیاده سازی footer به صورت کامل

  • پیاده سازی پس زمینه footer.
  • پیاده سازی درباره ما داخل footer .
  • پیاده سازی لوگو سایت داخل درباره ما .
  • پیاده سازی متن درباره ما .
  • پیاده سازی مطالب پیشنهادی .
  • پیاده سازی دسترسی سریع
  • و غیره

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

جلسه 21 استایل دهی footer به صورت کامل

  • استایل دهی پس زمینه footer.
  • استایل دهی درباره ما داخل footer .
  • استایل دهی لوگو سایت داخل درباره ما .
  • استایل دهی متن درباره ما .
  • استایل دهی مطالب پیشنهادی .
  • استایل دهی دسترسی سریع
  • و غیره .

جلسه 22 پیاده سازی کپی رایت و شبکه های اجتماعی

  • پیاده سازی بخش کپی رایت و کلید  های شبکه های اجتماعی.
  • پیاده سازی کلید های شبکه اجتماعی.
  • پیاده سازی متن کپی رایت سایت .

آموزش طراحی قالب شرکتی وردپرس جلسه 22 پیاده سازی کپی رایت و شبکه های اجتماعی

جلسه 23 استایل کپی رایت و شبکه های اجتماعی

  • استایل بخش کپی رایت و کلید  های شبکه های اجتماعی.
  • استایل کلید های شبکه اجتماعی.
  • برای هر یکی از کلید های شبکه اجتماعی یک استایل جدا خواهیم داد.+
  • استایل متن کپی رایت سایت .
  • و غیره .

جلسه 24 شروع وردپرس جداسازی

  • ساخت فایلهای index.php و style.css
  • ساخت فایل functions.
  • فراخوانی تمام فایلهای مثل تصویر فایلهای  css  و اسکریپت .
  • ساخت فایل header.php
  • ساخت فایل footer.php
  • جدا سازی تمام فایل به صورت جدا جدا قرار میدیم .

جلسه 25 پیاده سازی تنظیمات قالب با cmb2

  • افزونه cmb۲ را از سایت وردپرس دات اوارجی دانلود می کنیم.
  • به طور کامل فایل مورد نظر  را اکسترک میکنیم.
  • فایل ها بصورت کامل داخل قالب و آپلود می کنیم.
  • بعد از اینکه فایل را داخل قالب بردیم  فایل cmb2 را داخل فایل functions.php فراخانی میکنیم .
  • برای فعال سازی تنظیمات قالب یک کد از این لینک کپی می کنیم .

جلسه 26 پیاده سازی بخش پشتیبانی داخل تنظیمات

  • تعریف آیکون پشتیبانی .
  • تعریف عنوان پشتیبانی .
  • تعریف زیر عنوان پشتیبانی .
  • تنظیمات به صورت تکرار شونده تعریف میکنم .
  • بعد از این که تعریف کردیم باید توی قالب قسمت پشتیبانی نمایش بدیم .
  • برای نمایش پشتیبان سایت از کد های foreach اسفاده میکنیم.

جلسه 27 پیاده سازی بخش لوگو و شبکه های اجتماعی

  • تعریف یک عنوان برای alt برای لوکو .
  • تعریف تصویر لوکو .
  • و نمایش لوگو داخل سایت .
  • تعریف لینک شبکه های اجتماعی .
  • تعریف آیکون برای شبکه های اجتماعی .
  • بعد از این که تعریف کردیم باید توی قالب قسمت شبکه های اجتماعی نمایش بدیم .
  • برای نمایش شبکه های اجتماعی سایت از کد های foreach استفاده میکنیم.
  • وغیزه …

جلسه 28 پیاده سازی بخش خدمات ما

  • تعریف عنوان و زیر عنوان خدمات ما داخل تنظیمات قالب.
  • تعریف یک عنوان  خدمات ما .
  • تعریف  زیر عنوان یعنی توضیحات خدمات ما .
  • نمایش عنوان و توضیحات خدمات ما .
  • تعریف باکس های خدمات ما  .
  • تعریف آیکون باکس خدمات ما .
  • تعریف عنوان باکس خدمات ما  .
  • تعریف لینک باکس خدمات ما .
  • تعریف توضیحات باکس خدمات .
  • باکس های خدمات ما را به صورت تکرار شونده تعریف میکنیم .
  • برای نمایش بخش خدمات ما در سایت از کد های foreach استفاده میکنیم.
  • وغیزه …

جلسه 29 پیاده سازی بخش شمارنده

  • پیاده سازی پس زمینه داخل تنظیمان.
  • پیاده سازی عنوان شمارنده.
  • بعد از این که قسمت پس زمینه و عنوان را داخل تنظیمات قرار دایم باید فرا خوانی کنیم.
  • پیاده سازی عنوان شمارنده
  • پیاده سازی عداد شمارنده.
  • پیاده سازی آیکون شمارنده .

باکس های شمارنده را به صورت تکرار شونده تعریف میکنیم .

برای نمایش بخش شمارنده  در سایت از کد های foreach استفاده میکنیم.

جلسه 30 پیاده سازی نظرات مشتریان

  • پیاده سازی یک عنوان برای قسمت نظرات مشتریان ما.
  • پیاده سازی توضیحات نظرات مشتریان ما.
  • بعد از این عنوان و توضیحات را داخل تنظیمات قرار دادیم حالا باید داخل قالب فراخوانی کنیم.
  • پیاده سازی تصویر مشتری .
  • پیاده سازی نام مشتری .
  • پیاده سازی شغل مشتری .
  • پیاده سازی نظر مشتری .
  • بعد از این که تمام موارد را پیاده سازی کردیم تمام این را داخل قالب فراخوانی می کنیم.
  • باکس های نظرات را به صورت تکرار شونده تعریف میکنیم .
  • برای نمایش بخش نظرات   در سایت از کد های foreach استفاده میکنیم.
  • وغیزه …

جلسه 31 پیاده سازی برخی مشتریان ما

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

جلسه 32 پیاده تماس با ما داخل تنظیمات قالب

  • پیاده سازی عنوان کلی تماس باما .
  • پیاده سازی توضیحات کلی تماس باما.
  • بعد از این عنوان و توضیحات را داخل تنظیمات قرار دادیم حالا باید داخل قالب فراخوانی کنیم.
  • پیاده سازی عنوان پشتیبانی تماس باما
  • پیاده سازی توضیحات پشتیبانی تماس باما
  • بعد از این عنوان و توضیحات را داخل تنظیمات قرار دادیم حالا باید داخل قالب فراخوانی کنیم.
  • پیاده سازی آیکون تماس باما.
  • پیاده سازی عنوان که میخواهیم در تماس با ما قرار بدیم .
  • بعد از این که تمام موارد را پیاده سازی کردیم تمام این را داخل قالب فراخوانی می کنیم.
  • آیکون و عنوان  را به صورت تکرار شونده تعریف میکنیم .
  • برای نمایش بخش نظرات   در سایت از کد های foreach استفاده میکنیم.
  • وغیزه …

جلسه 33 پیاده سازی درباره ما داخل تنظیمات قالب

  • پیاده سازی لوگو درباره ما.
  • پیاده سازی متن جایگزین  لوگو
  • پیاده سازی توضیحات درباره ما.

جلسه 34 پیاده سازی گالری تصویر داخل تنظیمات قالب

  • پیاده سازی تصویر گالری .
  • پیاده سازی متن جایگزین تصویر
  • بعد از این لوکو و توضیحات را داخل تنظیمات قرار دادیم حالا باید داخل قالب فراخوانی کنیم.
  • برای نمایش تصویر گالری  در سایت از کد های foreach استفاده میکنیم.
  • وغیزه …

جلسه 35 پیاده سازی کلید شبکه اجتماعی و کپی رایت

  • پیاده سازی آیکون کلید شبکه اجتماعی.
  • پیاده سازی لینک کلید شبکه اجتماعی
  • پیاده سازی یک جایگاه یک کلاس پیش فرض
  • بعد از این لوکو و توضیحات را داخل تنظیمات قرار دادیم حالا باید داخل قالب فراخوانی کنیم.
  • برای نمایش تصویر گالری  در سایت از کد های foreach استفاده میکنیم.
  • پیاده سازی متن کپی رایت
  • وغیزه …

جلسه 36 پیاده سازی تمام عنوان ها

  • پیاده سازی عنوان خبرنامه .
  • پیاده سازی توضیحات خبرنامه.
  • بعد از این که عنوان و توضیحات را داخل کد تعریف کردیم باید الان داخل قالب فراخوانی کنم .
  • پیاده سازی عنوان و بلاک
  • پیاده سازی توضیحات و بلاک
  • بعد از این که عنوان و توضیحات را داخل کد تعریف کردیم باید الان داخل قالب فراخوانی کنم .
  • پیاده سازی عنوان نمونه کار ها .
  • پیاده سازی توضیحات نمونه کار ها.
  • بعد از این که عنوان و توضیحات را داخل کد تعریف کردیم باید الان داخل قالب فراخوانی کنم .
  • وغیزه …

جلسه 37 پیاده سازی منوها

  • بعد از این که منو را داخل فایل functions  فراخانی کردیم  .
  • ساخت منو از قسمت فهرست ها .
  • نمایش منو داخل قالب .
  • تعریف کد منو داخل قالب .
  • باید الان داخل فایل header.php کنیم .

جلسه 38 پیاده سازی منو فوتر و مطالب پیشنهادی

  • پیاده سازی عنوان .
  • پیاده سازی تاریخ .
  • پیاده سازی تصویر .
  • وغیزه …

جلسه 39 پیاده سازی مطالب وبلاک

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

جلسه 40 پیاده سازی اسلایدر داخل post_type

بعدی از تعریف اسلایدر داخل قایل functions  بریم داخل قالب پیاده سازی کنیم .

  • پیاده سازی تصویر  اسلایدر  .
  • پیاده سازی مطالب چکیده اسلایدر  .
  • پیاده سازی عنوان اسلایدر .
  • پیاده سازی  ادامه مطالب  .
  • وغیزه …

جلسه 41 پیاده سازی نمونه کارها داخل post_type

نمونه کد برای تعریف نمونه کار ها

  • بعدی از تعریف نمونه کارها را داخل قایل functions  بریم داخل قالب پیاده سازی کنیم .
  • پیاده سازی تصویر  نمونه کارها .
  • پیاده سازی عنوان نمونه کارها  .
  • پیاده سازی  ادامه مطالب  .

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

جلسه 42 مرتب سازی صفحه اصلی

  • قسمت خدمات مار میزاریم تو شرط اگه مطالب داخل نبود دیده نشه.
  • قسمت شمارنده را میزاریم داخل شرط.
  • قسمت نظرات کاربران را میزاریم داخل شرظ .
  • قسمت برخی از مشتریان را میزاریم داخل شرط.
  • قسمت خبرنامه را میزاریم داخل شرط.
  • قسمت تماس با ما را میرازیم داخل شرط.
  • قسمت گالری تصویر را میزاریم داخل تنظیمات .

جلسه 43 تعریف ابزارک و دانلود انیمیشن المان ها

  • بعد از فراخانی کد ابزارک داخل قالب باید افزونه MailPoet 2.
  • بعد از این که افزونه را فعال کردم توی قسمت > نمایش > ابزارک > ابزارک خبرنامه میزاریم و تمام
  • دانلود انیمیشن animate.cs.
  • دانلود کتاب خانه wow.
  • ویکم توضیحات درباره المان ها

جلسه 44 ساختار انیمیشن المان ها

  • توضیحات مختصری در مورد اننمیشن .
  • اضافه کردن انیمشن به خدمات ما .
  • اضافه کردن انیمیشن به برخی از مشترینان ما.
  • اضافه کردن انیمیشن به مطالب و بلاک سایت .
  • اضافه کردن انیمیشن به خبرنامه سایت .
  • و چطور انیمیشن از طریق php  به المان ها بدیم را به صورت کام آموزش داده شده است .

جلسه 45 پیاده سازی شمارنده سایت

  • توضیحات مختصری در مورد شمارنده  .
  • اضافه کردنشمارنده به المان ها  .
  • پیاده سازی تصویر گالری
  • دانلود کتاب خانه jquery.fancybox
  • دانلود کتاب خانه های لازم برای شمارنده .

جلسه 46 انتقال تمام فایل داخل فاینشن

  • انتقال تمام فایل داخل قاینشن .
  • انتفال فایلهای css
  • حذف فایل های css  از فایل header  و قرار دادن کد wp_head
  • انتفال فایل های جاوااسکریپت
  • حذف تمام فایل از فوتر .
  • قرار دادن کد wo_footer

جلسه 47 شروع single

  • ساخت فایل single.php
  • فراخوانی get_header
  • فراخوانی ge_footer
  • ایجاد کد html  مورنیاز
  • ایجاد حلقه php برای نمایش مطالب
  • استفاده از کد the_title برای عنوان
  • استفاده از کد get_the_post_thumbnail_ur برای نمایش تصویر
  • استفاده از کد get_the_date برای تاریخ انتشار مطالب
  • استفاده از کد comments_popup_link برای نمایش نظرات ارسال شده
  • استفاده از کد the_author برای نمایش نویسنده مطالب انتشار داده شده

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

جلسه 48 شروع single استایل

  • استایل بخش  single.php
  • استایل   کد html
  • استایل  مطالب
  • استایل بخش  the_title برای عنوان
  • استایل بخش  get_the_post_thumbnail_ur
  • استایل بخش  get_the_date ب
  • استایل بخش  comments_popup_link
  • استایل بخش  the_author

جلسه 49 استایل کامنت های وردپرس

استفاده از کد php برای فراخوانی کامنت های وردپرس

<?php if ( comments_open() || get_comments_number() ) :comments_template();endif;?>
  • استایل بخش کامنت لیست ها
  • استایل کامنت های تو در تو
  • استایل قسمت input ها
  • استایل بخش  عنوان کامنت های
  • استایل دگمه ارسال
  • و تمام موارد که مربوط به کامنت ها میشه

قالب شرکتی حرفه ای وردپرس

جلسه 50 ساید بار به صورت کامل

استفاده از کد php برای ساید بار وبلاک

  • استایل بخش جستجوی ساید بار
  • استایل ساید بار به صورت کلی
  • استایل قسمت input ها
  • استایل دگمه ارسال
  • استایل بخش  عنوان ساید بار
  • و تمام موارد که مربوط به کامنت ها میشه

جلسه 51 ساخت page به صورت کامل

طراحی قالب شرکتی وردپرس

جلسه 52 ساخت صفحه درباره ما اختصاصی

  • پیاده سازی متاباکس cmb2
  • پیاده سازی صفحه اختصاصی درباره ما
  • پیاده سازی تصویر هدر برای صفحه درباره ما
  • استفاده از کد برای فراخوانی تصویر درباره
  • پیاده سازی هدر
  • پیاده سازی فوتر

ساخت صفحه اختصاصی وردپرس

جلسه 53 ساخت صفحه درباره ما اختصاصی(بخش 2)

  • پیاده سازی مطالب درباره ما
  • پیاده سازی تصویر شاخص درباره ما
  • استایل تمام بخش مطالب درباره ما
  • استایل تصویر شاخص
  • استایل مطالب
  • استایل عنوان

قالب شرکتی وردپرس

جلسه 54 ساخت صفحه درباره ما اختصاصی(بخش 3)

  • بعد از این که اسلایدر را داخل صفحه درباره ما پیاده سازی کردیم میرم سراغ متاباکس ها
  • پیاده استلایدر پروژه های اخیر داخل متاباکس
  • پیاده سازی تصویر
  • پیاده سازی عنوان پروژه
  • پیاده سازی لینک پروزه
  • و در آخر هم به پیاده سازی به صورت داینامک
  • استایل تمام قسمت های اسلایدر

آموزش قالب شرکتی وردپرس

جلسه 55 ساخت صفحه درباره ما اختصاصی(بخش 4)

  • پیاده سازی تیم ما داخل متاباکس به صورت حرفه ای و تکرار شونده
  • پیاده سازی نام تیم ما
  • پیاده سازی توضیحات تیم ما
  • پیاده سازی باکس های تیم ما
  • پیاده سازی جایگاه تصویر
  • پیاده سازی نام مدیر
  • پیاده سازی شماره موبایل مدیر
  • پیاده سازی شغل یا حرفه مدیر
  • پیاده سازی توضیحات مدیر

طراحی قالب شرکتی وردپرس

جلسه 56 ساخت صفحه درباره ما اختصاصی(بخش آخر)

  • استایل دهی نام تیم ما
  • استایل دهی توضیحات تیم ما
  • استایل دهی باکس های تیم ما
  • استایل دهی جایگاه تصویر
  • استایل دهی نام مدیر
  • استایل دهی شماره موبایل مدیر
  • استایل دهی شغل یا حرفه مدیر
  • استایل دهی توضیحات مدیر

جلسه 57 پیاده سازی صفحه دسته بندیها

  • پیاده سازی مطالب مورد نظر به صورت لیستی
  • پیاده سازی تصویر
  • پیاده سازی عنوان
  • پیاده سازی توضیحات
  • پیاده سازی دگمه ادامه مطالب

قالب وردپرس

جلسه 58 صفحه دسته بندی نمونه کارها (جلسه آخر دوره)

  • پیاده سازی مطالب مورد نظر به صورت لیستی
  • پیاده سازی تصویر
  • پیاده سازی عنوان
  • پیاده سازی توضیحات
  • پیاده سازی دگمه ادامه مطالب

قالب شرکتی وردپرس

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

مطالب مرتبط برای شما