دوره آموزشی سفارشی کردن تم وردپرس از نمونه اولیه Adobe XD

دوره آموزشی سفارشی کردن تم وردپرس از نمونه اولیه Adobe XD

⏱️ 3 ساعت 3 دقیقه📈 متوسط📅 2019-10-17

مدرسین

Emily Kay

Emily Kay

Web Developer and Graphic Designer

جزئیات دوره

نحوه گرفتن نمونه اولیه وب سایت استاتیک ایجاد شده در Adobe XD و تبدیل آن به یک وب سایت کاملاً کارآمد با استفاده از قالب و افزونه های وردپرس را بررسی کنید. مربی امیلی کی با مروری بر تنظیم وردپرس برای سفارشی‌سازی تم شروع می‌کند، سپس به نشان دادن پلاگین‌های مورد نیاز برای پروژه ادامه می‌دهد. امیلی نحوه ایجاد محتوای موجود در سایت وردپرس خود را با نمونه اولیه XD شما، از جمله پست ها، منوها و تصاویر، پوشش می دهد. با استفاده از ویجت‌ها برای گسترش تم خود، راه‌های تبلیغ وب‌سایت خود را مشاهده کنید و در مورد نحوه راه‌اندازی صفحات برای بهترین نتایج با موتورهای جستجو بیاموزید.
اهداف یادگیری راه اندازی افزونه ها واردات دارایی سفارشی کردن تنظیمات ایجاد تغییرات جهانی ایجاد محتوا مدیریت یک وبلاگ ایجاد صفحه تماس ایجاد منوهای سفارشی افزودن افکت چرخ فلک و اختلاف منظر تغییر یک تم با استفاده از CSS

مهارت ها

Adobe XDWordPressContent Management Systems (CMS)ProjectAdobeWeb DevelopmentOpen Source

سرفصل ها

0. مقدمه

  • 01 - نمونه اولیه خود را به یک وب سایت وردپرس تبدیل کنید
  • 02 - آنچه باید بدانید
  • 03 - مروری بر فایل های تمرین

1. شروع به کار در وردپرس

  • 04 - محیط محلی خود را تنظیم کنید
  • 05 - نصب وردپرس
  • 06 - تم خود را نصب کنید

2. پلاگین ها

  • 07 - انتخاب پلاگین های خود
  • 08 - نصب پلاگین

3. سفارشی کردن تنظیمات

  • 09 - حذف محتوای پیش فرض غیر ضروری
  • 10 - تغییر تنظیمات
  • 11 - تنظیم حساب های کاربری
  • 12 - استفاده از Customizer - Layout
  • 13 - استفاده از Customizer - Colors and Type
  • 14 - استفاده از سفارشی ساز - دکمه ها و صفحه اصلی

4. ایجاد منوها

  • 15 - ایجاد منوی اولیه
  • 16 - ایجاد منوی ثانویه

5. واردات دارایی

  • 17 - واردات دارایی های آرم فردی
  • 18 - دارایی های واردات دسته ای

6. ساخت صفحات با المنتور

  • 19 - بررسی اجمالی المنتور
  • 20 - ایجاد پاورقی قالب
  • 21 - افزودن آیکون های شبکه های اجتماعی به فوتر
  • 22 - افزودن منو به فوتر
  • 23 - افزودن آیکون به فوتر
  • 24 - ایجاد قسمت قهرمان قالب
  • 25 - اضافه کردن الگوها

7. ایجاد محتوای صفحه

  • 26 - طراحی صفحه اصلی - هدر برای دسکتاپ
  • 27 - طراحی صفحه اصلی - هدر برای موبایل
  • 28 - ساخت بخش های صفحه اصلی
  • 29 - سایر بخش های صفحه اصلی را مرور کنید
  • 30 - طراحی صفحه about
  • 31 - یک نقشه به صفحه تماس اضافه کنید
  • 32 - یک فرم به صفحه تماس اضافه کنید

8. ایجاد پست

  • 33 - نمای کلی پست
  • 34 - ویرایش پست ها
  • 35 - راه اندازی صفحه وبلاگ
  • 36 - ویجت نوع پست وبلاگ
  • 37 - قالب بندی صفحات وبلاگ
  • 38 - سفارشی کردن نوار کناری

9. اضافه کردن یک سبد خرید با WooCommerce

  • 39 - فعال سازی ووکامرس
  • 40 - افزودن محصول
  • 41 - افزودن محصول با تغییرات
  • 42 - یکپارچه سازی صفحه فروشگاه

10. سفارشی سازی بیشتر

  • 43 - قالب بندی اسلاید برای چرخ فلک
  • 44 - تکثیر اسلایدهای چرخ فلک
  • 45 - اضافه کردن چرخ فلک به صفحه اصلی
  • 46 - تغییر تم با استفاده از CSS
  • 47 - سئو با افزونه Yoast

نتیجه

  • 48 - جمع بندی وب سایت تمام شده
  • 49 - مراحل بعدی

مشاهده دوره کامل

رفتن به دوره