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

سرفصل ها و درس ها

معرفی Introduction

• پروژه برای این دوره Project for this Course

• مواد درسی که در این دوره گنجانده شده است The Course Materials Included in this course

برخی از بینش ها و چیزهایی که باید هنگام توسعه یک فروشگاه آنلاین در نظر داشته باشید Some Insights and things to keep in mind when developing an online store

• مبانی تجارت الکترونیک The Basics of E-Commerce

• مخاطب را تعریف کنید Define an Audience

• امنیت در فروشگاه شما Security in your store

• وردپرس برای تجارت الکترونیک WordPress for e-commerce

• WooCommerce چیست؟ What's WooCommerce

• WooCommerce & Shopify WooCommerce & Shopify

نصب وردپرس و ووکامرس Installing WordPress & WooCommerce

• نصب وردپرس Installing WordPress

• نصب ووکامرس Installing WooCommerce

کار با محصولات Working with Products

• اضافه کردن اولین محصول ما Adding our first product

• افزودن توضیحات Adding a Description

• ایجاد گالری در محصولات Creating a Gallery in products

• مدیریت موجودی محصولات Managing Inventory on Products

• اضافه کردن وزن و اندازه برای محصولات Adding Weights and Sizes for Products

• افزودن محصولات پرفروش و متقابل Adding Up-sell and Cross-sell products

• ایجاد تنوع محصول Creating a Product Variation

• افزودن اطلاعات بیشتر برای محصولات تنوع ما Adding more information for our variation products

• افزودن ویژگی های جهانی Adding Global Attributes

• ایجاد یک محصول قابل دانلود Creating a Downloadable product

• فروش محصولات گروه بندی شده Selling Grouped Products

کار با Storefront Working with Storefront

• نصب Storefront & Customizr Installing Storefront & the Customizr

• اضافه کردن دسته‌های تصویر اصلی Adding the Main Image Categories

روش های حمل و نقل Shipping Methods

• افزودن مناطق حمل و نقل ما Adding our Shipping Zones

• اضافه کردن یک نرخ ثابت Adding a Flat Rate

• فعال کردن حمل و نقل رایگان Enabling Free Shipping

• سفارشی کردن برچسب های حمل و نقل Customizing the shipping labels

• اضافه کردن نرخ ثابت به حمل و نقل در کشورهای دیگر Adding a Flat rate to shipping in other countries

• مدیریت کشورهای خارج از مناطق حمل و نقل Managing Countries outside of the Shipping Zones

• اضافه کردن کلاس حمل و نقل Adding a Shipping Class

برگه تنظیمات WooCommerce The WooCommerce Settings Tab

• برگه عمومی The General Tab

• برگه محصولات The Products Tab

• برگه مالیات The Tax Tab

• برگه حمل و نقل The Shipping Tab

• برگه پرداخت The Checkout Tab

• حساب‌ها، ایمیل‌ها و برگه‌های API The Accounts, Emails and API Tabs

درگاه های پرداخت و تخفیف Payment Gateways and Discounts

• دریافت پرداخت ها Receiving Payments

• پیکربندی PayPal Express Configuring PayPal Express

• پلاگین های درگاه پرداخت موجود است Payment Gateways plugins available

• نحوه ایجاد کوپن How to create coupons

ایجاد یک تم کودک برای ویترین فروشگاه و نحوه سفارشی کردن فروشگاه خود Creating a Child Theme of Storefront and How to Customize your Store

• ایجاد صفحات درباره ما و تماس با ما Creating the About Us & Contact Us Pages

• تم کودک چیست What's a Child Theme

• ایجاد و فعال سازی تم کودک Creating and Activating a Child Theme

• چگونه ظاهر فروشگاه اینترنتی خود را تغییر دهیم How to Modify the appearance of your online store

• با استفاده از CSS Using CSS

• استفاده و نادیده گرفتن الگوها Using and overriding Templates

• استفاده از قلاب Using Hooks

• با استفاده از Customizr Using the Customizr

کار با منوها در فروشگاه Working with Menus in Storefront

• ایجاد منوی اصلی Creating the Main Menu

• ایجاد منوی اجتماعی Creating the Social Menu

• ایجاد منوی موبایل Creating the Mobile Menu

• حالت دادن به منوی اصلی Styling the Main Menu

• حالت دادن به منوی موبایل Styling the Mobile Menu

سفارشی کردن صفحه اول Customizing the Front Page

• افزودن فونت گوگل و استایل دادن به سرفصل ها Adding a Google Font and Styling the headings

• نمایش تصویر برجسته در صفحه اول Displaying the featured image on the front page

• سبک دادن به تصاویر دسته اصلی Styling the Main Category Images

FRONT PAGE: افزودن بخش جدیدی از یک دسته بندی خاص FRONT PAGE: Adding a new section from a specific category

• ایجاد یک بخش جدید برای نمایش محصولات از دسته خاص Creating a new Section for displaying products from specific category

• استفاده از کدهای کوتاه ووکامرس Using WooCommerce Shortcodes

• افزودن محصولات بیشتر به این دسته Adding more products to this category

• انتقال مقادیر به کد کوتاه Passing values to shortcode

• طراحی بخش جدید ما Styling our new section

• در حال اتمام بخش جدید ما Finishing our new section

FRONT PAGE: افزودن بخش بنر جدید FRONT PAGE: Adding a new banner section

• افزودن بخش بنر جدید Adding a new Banner Section

• سبک دادن به بخش بنر جدید Styling the new Banner section

• استفاده از فیلدهای سفارشی پیشرفته برای محتوای پویا Using Advanced Custom Fields for dynamic content

صفحه اول: اضافه کردن نمادهای اصلی با ویژگی‌ها FRONT PAGE: Adding the Main Icons with features

• افزودن فیلدها با فیلدهای سفارشی پیشرفته Adding the fields with Advanced Custom fields

• افزودن محتوا به فیلدها Adding the Content to fields

• نوشتن تابعی که نمادها در آن چاپ خواهند شد Writing the function where the Icons will be printed

• چاپ فیلدها Printing the fields

• یک ظاهر طراحی شده به فیلدها Styling the Fields

FRONT PAGE: نمایش آخرین 3 ورودی FRONT PAGE: Displaying the latest 3 entries

• ایجاد 3 پست وبلاگ Creating the 3 blog posts

• پرس و جو از پایگاه داده برای نمایش 3 پست Querying the Database to display the 3 posts

• چاپ تمام مطالب Printing all the content

• سبک دادن به مدخل های وبلاگ Styling the blog entries

صفحه اول: اضافه کردن MailChimp FRONT PAGE: Adding MailChimp

• ایجاد و چاپ فرم MailChimp Creating and Printing the MailChimp form

• شکل دادن به فرم (امتیاز 1 از 2) Styling the form (Pt 1 of 2)

• شکل دادن به فرم (نقطه 2 از 2) Styling the form (Pt 2 of 2)

کار با فوتر Working with the footer

• افزودن ابزارک به پاورقی Adding Widgets into the footer

• تغییر متن و اطلاعات فوتر Changing the footer text and information

• سبک دادن به پاورقی Styling the Footer

سفارشی کردن صفحه فروشگاه Customizing the Shop Page

• نمایش قیمت ها با کد عددی 3 رقمی Displaying prices with 3 digit numeric code

• تغییر تعداد ستون ها در صفحه فروشگاه Changing the number of columns in the shop page

• تغییر تعداد محصولات در هر صفحه Changing the number of products per page

• تغییر نام فیلترهای مرتب سازی Changing the name of the sorting filters

• چاپ یک تصویر سفارشی زمانی که هیچ تصویر ویژه ای به محصول اضافه نشده است Printing a Custom Image when no featured image is added to product

• افزودن ویجت های WooCommerce Adding the WooCommerce widgets

کار با صفحه محصول واحد Working with the Single Product Page

• نحوه حذف یک Tab How to remove a Tab

• تغییر متن یک برگه Changing the text of a Tab

• نمایش نام محصول در برگه Displaying the Product Name in the Tab

• افزودن یک فیلد با فیلدهای سفارشی پیشرفته و چاپ مقادیر Adding a Field with Advanced Custom Fields and printing the values

• افزودن یک برگه جدید برای ویدیوها Adding a new tab for videos

• قانون 100 The Rule of 100

• چاپ پس انداز به صورت دلار Printing Savings as Dollars

• حالت دادن به Savings با CSS Styling the Savings with CSS

• چاپ پس انداز به صورت درصد Printing Savings as Percentage

• درصد یا دلار چاپ بر اساس قیمت محصول Printing Percentage or Dollars based on the Price Product

• افزودن AddThis! به محصولات Adding AddThis! into the products

سفارشی کردن صفحه سبد خرید Customizing the Cart Page

• افزودن فیلد برای کوپن Adding a Field for coupons

• چاپ کوپن در صفحه سبد خرید در صورت وجود Printing the Coupon in the cart page if available

• اضافه کردن دکمه برای پاک کردن محتوای سبد خرید Adding a button to clear the cart content

سفارشی کردن صفحه پرداخت Customizing the Checkout Page

• حذف محتویات اضافی از صندوق پرداخت Removing the extra contents from the checkout

• نحوه حذف یک فیلد از فرم پرداخت How to remove a Field from the checkout form

• نحوه اضافه کردن فیلد در فرم پرداخت How to add a field in the checkout form

نمایش محصولات مرتبط در مطالب وبلاگ Displaying Related Products in the Blog Entries

• افزودن فیلد محتوای مرتبط با فیلدهای سفارشی پیشرفته Adding the related content field with Advanced Custom Fields

• چاپ محصولات با کد کوتاه Printing the Products with a Shortcode

نکات ووکامرس WooCommerce Tips

• نحوه پیدا کردن قالب مناسب برای ویرایش How to find the right template to edit

• نادیده گرفتن ورودی جستجو در Woo Overriding the Search Input in Woo

• چگونه با Query Monitor قلاب مناسب را پیدا کنیم How to find the right hook with Query Monitor

• نحوه تغییر متن افزودن به سبد خرید How to change the Add To Cart Text

توسعه یک افزونه ووکامرس Developing a WooCommerce Plugin

• ایجاد پوشه و فایل اصلی افزونه Creating the main plugin folder and file

• افزودن فایل های CSS و JS از bxSlider Adding the CSS and JS files from bxSlider

• نوشتن تابعی برای نمایش محتوای کد کوتاه Writing a function to display a shortcode content

• پرس و جو از پایگاه داده در کد کوتاه Querying the Database in the Shortcode

• اضافه کردن روش جاوا اسکریپت Adding the JavaScript Method

• چاپ محصولات ویژه Printing Featured Products

• اتمام استایلینگ Finishing the Styling

سفارشی کردن صفحه ورود Customizing the Login Screen

• پیش نمایش پروژه نهایی Preview of the final project

• قرار دادن یک فایل CSS فقط در صفحه ورود به سیستم Enqueuing a CSS File in the login screen only

• اضافه کردن تصویر پس زمینه و لوگو Adding the Background Image and Logo

• حالت دادن به دکمه ورود به سیستم Styling the Log In Button

• افزودن Box Shadow به فرم Adding a Box Shadow to the form

• هنگامی که کاربر روی لوگو کلیک می کند به صفحه اصلی خود هدایت شوید Redirect to your home page when the user clicks on the logo