no-img
طراحی از جنس وردپرس

آموزش گام به گام طراحی قالب EDD | آردیزاین وب آموزش طراحی سایت


طراحی از جنس وردپرس

ادامه مطلب

ZIP
آموزش گام به گام طراحی قالب EDD
zip
خرداد ۱۶, ۱۳۹۷

آموزش گام به گام طراحی قالب EDD


آموزش گام به گام طراحی قالب EDD

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

پیش نیاز :

  • داشتن یک سایت وردپرسی بر روی هاست و یا لوکال .
  • دانش کافی در طراحی قالب وردپرس ، html , css .
  • آشنایی با ابزار inspect elemnt  کروم .

گام اول | نصب افزونه edd

برای نصب افزونه ابتدا آن را از مسیر پیشخوان -> افزونه ها > افزودن ، نام Easy Digital Download را جستجو و سپس نصب کنید .

گام دوم | برگه های پیش فرض EDD

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

برگه های ایجاد شده در سایت پس از نصب افزونه :
  • برگه Checkout: صفحه سبد خرید کاربر
  • برگه Purchase Confirmation: صفحه خرید موفق کاربر
  • برگه Purchase History: صفحه تاریخچه خریدها و تراکنش های کاربر
  • برگه Transaction Failed: صفحه خرید ناموفق

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

گام سوم | ابزارک های افزونه edd

با مراجعه به مسیر پیشخوان -> نمایش -> ابزارک ها شما می توانید علاوه بر ابزارک های پیش فرض وردپرس ، ابزارک های افزونه edd را ملاحظه کنید . اگر قالب شما فاقد بخش ابزارک می باشد ابتدا باید کد زیرا را به فایل function.php اضافه کنید :

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

برای نمایش این ابزارک ها کافی است از کد زیر استفاده کنید .(از بحث اصلی دور نشیم)

گام چهارم | فعال بودن جی کوئری و ایجاد کلاس body وردپرس

برای اینکه بخواهید تمامی ajaxهای به کار رفته در افزونه edd به درستی کار کند باید جداً از لود کردن سایر کتابخانه های جی کوئری در قالب وردپرستان خودداری نمائید . و تا جای ممکن از جی کوئیری فعال در خود وردپرس استفاده کنید . برای اینکار می توانید از تیکه کد زیر برای بارگذاری جی کوئری وردپرس استفاده کنید :

اما برای استفاده از کلاس مخصوص تگ body در وردپرس از کد زیر استفاده شود :

گام پنجم|ساخت فایل single.php مخصوص افزونه edd در قالب 

برای اینکار اگر فایل single.php در قالب شما موجود می باشد

  1. ابتدا یک کپی از آن ایجاد کنید و نام آن را single-download.php قرار دهید .
  2. این کار باعث می شود تا برای محصولات صفحه ای با post_type دانلود به نمایش دربیاید .
  3. سپس برای استفاده از دکمه لینک خرید محصول از کد کوتاه زیر استفاده نمائید :

گام ششم|ساخت فایل archive.php مخصوص افزونه edd در قالب 

برچشب taxonomy دسته بندی محصولات در این افزونه download_category می باشد . پس برای اینکه صفحه آرشیو نوشته را با صفحه آرشیو محصولاتتان جدا کنید لازم است از فایل archive.php یک کپی ایجاد کرده نام آن را برابر با archive-download_category.php قرار دهید .

گام هفتم|نمایش جدیدترین محصولات دانلودی

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

 

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

برای نمایش دسته بندی های محصول :

برای اضافه کردن محصولات edd در جستجوی وردپرس که بصورت پیش فرض فقط بر روی (برگه ها و نوشته ها)تنظیم شده است از کد زیر بهره ببرید :

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

از توجه شما بی نهایت متشکریم – آردیزاین وب


موضوعات :
EDD , آموزش , وردپرس

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

rdesigns 10 نوشته در طراحی از جنس وردپرس دارد . مشاهده تمام نوشته های

دیدگاه ها


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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *