وبیاکو
0
0

وبلاگ

دوره آموزش قالب woodmart
آموزش کامل و رایگان قالب وودمارت | Woodmart

آموزش قالب Woodmart

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

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

عناوین محتوا

جلسه 1

نصب کامل قالب وودمارت همراه افزونه های مورد نیاز

جلسه 2

ایمپورت دموهای اصلی قالب

جلسه 3

آموزش کامل کار با سربرگ ساز اختصاصی Woodmart

جلسه 4

آموزش کامل کار با بلوک های HTML

جلسه 5

آموزش کامل تنظیمات قالب وودمارت

جلسه 6

آموزش کامل بخش منو و مگامنو در قالب Woodmart

جلسه 7

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

جلسه 8

آموزش کار با ویجت های اختصاصی المنتور

جلسه 1 :

نصب کامل قالب وودمارت همراه افزونه های مورد نیاز

نصب کامل قالب وودمارت همراه افزونه های مورد نیاز

آموزش نصب قالب وودمارت + افزونه ها

قالب وودمارت نیاز به توضیح نداره چون یکی از بهترین قالب های فروشگاهی سازگار با المنتور در جهان محسوب می شود که به راحت می توان با این قالب در چند دقیقه یک سایت فروشگاهی و یا هر سایت دیگری را بدون کدنویسی طراحی کنید. 

در این بین ما قالب Woodmart را به صورت کامل و اورجینال از سایت رسمی خریداری کرده ایم و بعد از فارسی سازی در سایت قرار داده ایم و همچنین می تواند از لینک زیر توضیحات و پیشنمایش افزونه را مشاهده کنید ودر صورت نیاز خریداری کنید.

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

پس در مرحله اول می توانید به توضیحات قالب رجوع کنید و با این قالب حرفه ای آشنا شوید و سپس برای کار با قالب Woodmart باید در ادمه مقاله آموزشی همراه ما باشید.

نصب قالب وودمارت

در ابتدا قالب تکی را می خواهیم نصب کنیم. برای این منظور باید مسیر زیر را دنبال کنید : 

پیشخوان وردپرس > نمایش > پوسته ها

مسیر نصب قالب در وردپرس

در بالای صفحه بر روی دکمه “افزودن” کلیک کنید.

آپلود قالب وودمارت
آپلود قالب وودمارت

سپس همانند تصویر بالا بر روی دکمه “بارگذاری” کلیک کنید.

سپس در بخش باز شده بر روی دکمه “Choose File” کلیک کنید و فایل قالب را انتخاب کنید و در آخر بر روی دکمه “نصب” کلیک کنید تا قالب انتخاب و آپلود شود.

فعال سازی قالب woodmart
فعال سازی قالب woodmart

سپس در صفحه بار شده بر روی دکمه “فعال نمایید” کلیک کنید تا قالب فعال شود.

نصب افزونه های ضروری

در این بخش باید همه افزونه های مورد نیاز برای اجرای صحیح قالب را نصب کنیم. همه این افزونه های به صورت خودکار نصب می شوند.

نصب افزونه های وودمارت
نصب افزونه های وودمارت

سپس در بالای صفحه هشداری نمایش داده می شود و باید همانند تصویر بالا بر روی دکمه “شروع نصب افزونه ها” کلیک کنید تا وارد بخش نصب افزونه های قالب شویم.

نصب همه افزونه های مورد نیاز
نصب همه افزونه های مورد نیاز

در صفحه باز شده تیک همه افزونه ها را قرار دهید و سپس حالت “نصب” را انتخاب کنید و در آخر بر روی دکمه “اجرا” کلیک کنید. (همانند تصویر بالا اقدام کنید).

سپس بعد از نصب همه افزونه ها باید با بخش همانند توصیر زیر مواجه شوید و همه افزونه ها به درستی و با موفقیت نصب شدند.

فعال کردن افزونه های مورد نیاز
فعال کردن افزونه های مورد نیاز

سپس در پایین صفحه بر روی لینک “بازگشت به نصب افزونه های ضروری” کلیک کنید.

غیرفعال سازی افزونه ویژال کامپوزر
غیرفعال سازی افزونه ویژال کامپوزر

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

جلسه 2 :

ایمپورت دموهای اصلی قالب

ایمپورت دموهای اصلی قالب

درون ریزی و ایمپورت دموهای اصلی قالب

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

در ابتدا باید یه نکته بسیار مهم را برای شما بگیم، برای استفاده از صفحه ساز المنتور در ابتدا باید افزونه “ویژوال کامپوزر” را غیرفعال کنید.

هشدار نصب همه افزونه های وودمارت
هشدار نصب همه افزونه های وودمارت

سپس به مسیر زیر بروید:

پیشخوان وردپرس > وودمارت > Basic Import

وارد درون ریز قالب وودمارت می شویم.

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

ایمپورت دموی اصلی قالب woodmart
ایمپورت دموی اصلی قالب woodmart

سپس در زیر بخش باز می شود که یک نوار پیشرفت هست و نمایش می دهد که چقدر از دموها ایمپورت شده اند و باید منتظر باشید تا این درجه به 100% برسد. (شاید تا 10 دقیقه طول بکشد).

ایمپورت موفقیت آمیز دموها
ایمپورت موفقیت آمیز دموها

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

ایمپورت دموهای دیگر

برای ایمپورت دموهای دیگر در سمت چپ می توانید همانند تصویر زیر از لیست کشویی دموی مورد نظر را انتخاب کنید و در آخر بر روی دکمه “نصب ورژن های دیگر دمو” کلیک کنید.

ایمپورت دیگر دموهای وودمارت
ایمپورت دیگر دموهای وودمارت

حالا هر دمویی مه خواستید را می توانید انتخاب و ایمچورت کنید و در بخش برگه ها همه این دمو ها در برگه ای جدا با همان نام ذخیره می شوند و می توانید همه این دموها را ویرایش کنید.

نصب دموها همانند آی آر المنتور

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

برای آموزش نصب دموها و بسته نصبی قالب وودمارت ویدئوی زیر را مشاهده کنید. (بر روی هر ویدئو کلیک کنید.)

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

حالا می توانید از دموهای فارسی لذت ببرید. و هر بخش را خواستید به راحتی با المنتور ویرایش و سفارشی کنید.

جلسه 3 :

آموزش کامل کار با سربرگ ساز اختصاصی Woodmart

آموزش کامل کار با سربرگ ساز اختصاصی Woodmart

چطور با سربرگ ساز قالب Woodmart کار کنیم؟

یکی از بهترین امکانات و ویژگی های وودمارت همین سربرگ ساز یا همان Header Builder هست که با این ویژگی می توانید سربرگ های بسیار پیشرفته و سفارشی فقط با کشیدن و رها کردن موس ایجاد کنید و در انواع صفحات استفاده کنید.

در ابتدا به مسیر زیر بروید : 

پیشخوان وردپرس > وودمارت > Header Builder

ورود به سربرگ ساز اختصاصی المنتور

سپس همانند تصویر زیر بر روی دکمه “ایجاد سربرگ جدید” کلیک کنید.

سربرگ ساز وودمارت
سربرگ ساز وودمارت

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

دموهای آماده برای سربرگ
دموهای آماده برای سربرگ

ولی چون می خواهیم تا یک سربرگ جدید ایجاد کنیم بر روی اولین گزینه یعنی “Empty Header” کلیک می کنیم.

ساخت هدر خالی در woodmart
ساخت هدر خالی در woodmart

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

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

سپس برای اضافه کردن ویجت ها و المان های برای ساخت سربرگ ابتدا باید بر روی یکی از بخش ها بروید و بر روی دکمه و یا آیکون “+” کلیک کنید. با این کار با صفحه ای همانند تصویر زیر مواجه می شود که باید از المان ها استفاده کنید.

ابزارک های موجود برای ساخت هدر
ابزارک های موجود برای ساخت هدر

در زیر می خواهیم تا توضیحاتی درباره این ویجت ها ارائه دهیم.

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

بعد از اینکه هدر و یا سربرگ خود را طراحی کردید می توانید بر روی دکمه “ذخیره سربرگ” کلیک کنید تا سربرگ طراحی شده خود را ذخیره کنید.

جلسه 4 :

آموزش کامل کار با بلوک های HTML

آموزش کامل کار با بلوک های HTML

آموزش کار با بخش بلوک های HTML قالب وودمارت

یکی از ویژگی ها و امکانات خوب این قالب بلوک های HTML هست و یک امکان جالب هست که می توانید بلوک هایی از قبل با افزونه المنتور در این بخش طراحی کنید و در کل سایت استفاده کنید و حتی در سربرگ ساز هم می توانید از این بلوک ها استفاده کنید.

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

برای ایجاد و ساخت یک بلوک html به مسیر زیر مراجعه کنید :

پیشخوان وردپرس > بلوک های HTML > افزودن جدید

می خواهیم تا یک بلوک ایجاد کنیم.

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

اضافه کردن بلوک های html
اضافه کردن بلوک های html

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

 

کتابخانه بلوک های آماده

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

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

حالا در صفحه باز شده می توانید همه این دموها را مشاهده کنید و در صورت ایمپورت می توانید روی هر تصویر موس را ببرید و بر روی “Insert” کلیک کنید.

درون ریزی دموهای بلوک های html
درون ریزی دموهای بلوک های html

بعد از طراحی بلوک مورد نظر در انتخاب بر روی دکمه “انتشار” کلیک کنید تا صفحه مورد نظر به صورت کامل منتشر شود تا بتوانید از این بلوک استفاده کنید. فقط دقت داشته باشید که برای نمایش و ویرایش این بلوک ها به بخش همه بلوک های HTML می توانید مراجعه کنید.

جلسه 5 :

آموزش کامل تنظیمات قالب وودمارت

آموزش کامل تنظیمات قالب وودمارت

پنل تنظیمات قالب وودمارت

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

در این بخش با همه این گزینه ها آشنا می شویم و تک تک گزینه ها را توضیح خواهیم داد پس حتما در ادامه همراه ما باشید. برای این مورد ابتدا به مسیر زیر بروید : 

پیشخوان وردپرس > تنظیمات قالب

وارد تنظیمات قالب می شویم

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

گزینه General : 

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

تنظیمات کلی
تنظیمات کلی

گزینه های این بخش شامل تنظیمات زیر هست : 

  • Header : هدر پیش فرض خود را برای همه صفحات موجود در لیست تمام هدرهای ایجاد شده با Header Builder تنظیم کنید.
  • Page builder : می توانید در این بخش نوع صفحه ساز را انتخاب کنید که ما از المنتور استفاده می کنیم و باید المنتور را انتخاب کنیم.
  • Favicon image (deprecated) : شما باید با استفاده از گزینه اصلی وردپرس ، نمایش -> سفارشی سازی  -> هویت سایت -> نماد سایت بارگذاری کنید. (در این بخش هم می توانید بارگذاری کنید.)
  • Favicon retina image (deprecated) : می توانید با این گزینه فاویکون یا نمادک سایت را برای گوشی های آیفون انتخاب کنید.
  • نمایش دیدگاه ها در برگه : اگر می خواهید بخش دیدگاه ها در برگه فعال باشد این گزینه را فعال کنید.
  • برگه خطای 404 دلخواه : با این گزینه می توانید یک برگه دلخواه برای صفحه 404 انتخاب کنید.
  • کلید Google map API : می توانید در این بخش برای نمایش صحیح نقشه گوگل کلیک API گوگل را وارد کنید.
  • Sticky notifications (deprecated) : می توانید اطلاعیه چسبان را فعال کنید. (این گزینه منسوخ شده است)
  • Elementor sections negative margin : به یک بخش Elementor حاشیه منفی اضافه کنید تا محتوا با محتوای وب سایت شما همسو شود. 
  • نمایش نتایج از از بلاگ : اگر می خواهید در نتایج جستجو وبلاگ و نوشته ها هم ظاهر شوند می توانید این گزینه را فعال کنید.

نوار پیشمایش موبایل

در این بخش تنظیمات مربوط به نوار پیمایش در موبایل را می توانید انجام دهید.

تنظیمات اسکرول موبایل
تنظیمات اسکرول موبایل

در زیر همه گزینه ها را توضیح می دهیم : 

  • فعالسازی نوار پیمایش چسبان : نوار ابزارک چسبان ناوبری در پایین دستگاه های موبایل نمایش داده خواهد شد.
  • لیبل های نوار پیمایش : نمایش / مخفی کردن برچسب های زیر آیکون ها در نوار پیمایش موبایل.
  • انتخاب دکمه ها : انتخاب کنید که کدام دکمه ها برای نوار چسبان استفاده شوند.
  • دکمه سفارشی 1 : اطلاعات دکمه سفارشی اول
  • دکمه سفارشی 2 : اطلاعات دکمه سفارشی دوم
  • دکمه سفارشی 3 : اطلاعات دکمه سفارشی سوم

API اینستاگرام 

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

پاپ آپ تایید سن کاربر

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

تنظیمات پنجره پاپ آپ
تنظیمات پنجره پاپ آپ

گزینه های این بخش را در زیر توضیح می دهیم : 

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

گزینه چیدمان عمومی

در این بخش می توانید تنظیمات مربوط به چیدمان سایت را انجام دهید و دارای گزینه های جذاب و زیبایی هست.

تنظیمات طرح بندی
تنظیمات طرح بندی

در زیر این گزینه ها رو توضیح می دهیم : 

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

عنوان برگه

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

تنظیمات عنوان صفحات
تنظیمات عنوان صفحات

در زیر همه این گزینه ها را توضیح می دهیم : 

  • طراحی عنوان برگه  : طرح بخش عنوان برگه را در همه برگه ها کاملا غیر فعال کنید. 
  • پس زمینه صفحات :تنظیم رنگ یا تصویر پس زمینه، که برای همه برگه ها به صورت پیشفرض استفاده می شود.
  • رنگ متن برای عنوان برگه : شما می توانید رنگ های مختلف وابسته به پس زمینه تنظیم کنید. تیره یا روشن.
  • Page title size : شما می توانید اندازه های مختلف برای عنوان های برگه ها تنظیم کنید
  • عنوان تگ : برای نگه داشتن متن عنوان صفحه ، از کدام برچسب HTML استفاده کنید.
  • نمایش نوار آدرس : نمایش یک زنجیره از لینک ها در برگه فعلی.
  • نوار آدرس یواست برای فروشگاه : لازم است افزونه یواست سئو نصب شده باشد.
  • نوار ادرس یواست برای برگه ها : نیاز به نصب پلاگین Yoast SEO دارد. مسیر پیمایش استاندارد را با سفارشی که همراه پلاگین است جایگزین می کند. شما باید آن را در داشبورد فعال کنید و پیکربندی کنید.

فوتر

در این قسمت همه تنظیمات برای بخش فوتر سایت هست و دارای گزینه های زیادی هم هست  که می توانید با موس به راحتی این گزینه ها را تنظیم کنید.

تنظیمات فوتر قالب وودمارت
تنظیمات فوتر قالب وودمارت

البته در زیر همه این گزینه ها را یکی به یکی توضیح می دهیم : 

  • فوتر : در این گزینه می توانید کلا فوتر سایت را فعال و یا غیرفعال کنید.
  • چیدمان فوتر : چیدمان فوتر خود را انتخاب کنید. وابسته به تعداد ستون ها شما تعداد متفاوتی از ناحیه های ابزارک برای فوتر در ابزارک ها خواهید داشت. (دقیقا هر تصویری را که انتخاب کنید فوتر بنا به ستون های تصویر ستون بندی خواهد شد)
  • دکمه اسکرول به بالا : این دکمه شما را به بالای برگه انتقال می دهد.
  • فوتر چسبان : فوتر پشت بخش محتوای برگه مخفی می شود و با اسکرول کردن برگه توسط کاربر ظاهر می شود.
  • پایین رفتن ابزارک ها در دستگاه موبایل : بزارک های اضافه شده در فوتر فروخواهند افتاد به صورت پیشفرض و همگامی که شما روی عنوان آنها کلیک کنید باز خواهند شد.
  • رنگ متن پاورقی : رنگبندی فوتر خود را انتخاب کنید. دارای 2 حالت تیره و روشن هست که باید هر کدام را خواستید انتخاب کنید.
  • پس زمینه پاورقی : شما می توانید رنگ پس زمینه فوتر خود را از این قسمت تنظیم کنید یا فایل تصویری برای آن آپلود کنید.
  • کپی رایت : خاموش و روشن کردن یک بخش با کپی رایت شما زیر فوتر.
  • چیدمان کپی رایت : چیدمان متفاوت برای بخش کپی رایت تنظیم کنید.
  • متن کپی رایت : شما می توانید از کدهای کوتاه استفاده کنید. مثلا: [social_buttons] یا کد بلوک HTML مورد نظر خود را وارد کنید. مثلا: [html_block id=”258″]
  • متن کنار کپی رایت : شما می توانید از کدهای کوتاه استفاده کنید. مثلا: [social_buttons] یا کد بلوک HTML مورد نظر خود را وارد کنید. مثلا: [html_block id=”258″]
  • ناحیه بالای فوتر : این متن قبل از فوتر است، مجدد برای اطلاعات اضافی مناسب می باشد. شما می توانید هر کدی اینجا قرار دهید. مثلا: [html_block id=””]

تایپوگرافی

در این بخش تنظیمات برای تایپوگرافی متون هست و دارای 3 گزینه و یا زیر شاخه هم هست. 

استایل و رنگ ها

کل تنظیمات این بخش برای رنگ بندی و همچنین استایل بندی های قالب تعبیه شده است و فقط می توانید رنگ ها و استایل ها را با موس انتخاب کنید و نتایج را مشاهده کنید.

تنظیمات رنگ ها
تنظیمات رنگ ها

در زیر همه این گزینه ها را توضیح می دهیم تا مشکلی در آموزش ها نداشته باشید : 

  • رنگ‌ اصلی : یک رنگ پس زمینه برای دکمه ها و دیگر عناصر رنگی قالب انتخاب کنید.
  • رنگ ثانویه : رنگ حاشیه عناصر را می توانید انتخاب و تنظیم کنید.
  • رنگ نوار : رنگ مرورگر را برای مرورگرها در دستگاه های اندروید مشخص کنید.
  • رنگ لینک ها : رنگ لینک ها در محتوای وب سایت را تنظیم کنید.
  • Dark theme : رنگ وب سایت خود را به طرح تیره تبدیل کنید.

پس زمینه صفحات

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

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

دکمه ها

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

تنظیمات دکمه ها
تنظیمات دکمه ها
  • استایل دکمه های پیشفرض : بیشتر دکمه های استاندارد در سایت را می توانید انتخاب کنید.
  • استایل دکمه های ووکامرس : دکمه هایی مثل افزوندن به سبد خرید، صورتحساب، ورود، عضویت و غیره.
  • استایل اصلی دکمه ها : دکمه های فراخوانی و یا دکمه های اصلی که در سطح وب سایت استفاده می شود.
  • رنگ پیشفرض دکمه ها : رنگ های پیشفرض دکمه ها را می توانید تنظیم کنید.
  • رنگ دکمه های فروشگاه : رنگ دکمه های فروشگاه را می توانید سفارشی کنید.
  • رنگ دکمه های اصلی : رنگ دکمه های اصلی سایت را می توانید شخصی سازی کنید.

استایل فرم ها

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

تنظیمات استایل فرم ها
تنظیمات استایل فرم ها
  • استایل فیلدهای فرم : در این بخش می توانید استایل فیلد های فرم را انتخاب کنید.
  • پهنای حاشیه فرم : در این بخش می توانید پهنای حاشیه فرم خود را انتخاب کنید.

اعلان ها

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

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

وبلاگ

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

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

نمونه کار

در این قسمت می توانید تنظیمات بخش نمونه کارهای سایت را تنظیم کنید. در زیر به شرح همه این گزینه ها پرداخته ایم.

تنظیمات نمونه کارها
تنظیمات نمونه کارها
  • غیر فعال کردن نمونه کار : شما می توانید نوع نوشته نمونه کار را به صورت کامل غیر فعال کنید.
  • Portfolio project URL slug : مهم: شما باید به تنظیمات > پیوندهای یکتا بروید و آنها را مجددا ذخیره کنید تا این تنظیمات اعمال شود.
  • Portfolio category URL slug : مهم: شما باید به تنظیمات > پیوندهای یکتا بروید و آنها را مجددا ذخیره کنید تا این تنظیمات اعمال شود.
  • استایل نمونه کار : شما می توانید از استایل های مختلف برای پروژه های خود استفاده کنید.
  • اندازه تصویر : اندازه تصویر را وارد کنید. مثال: “thumbnail” ، “medium” ، “large” ، “full” یا سایر اندازه های تعریف شده توسط قالب فعلی.
  • نمایش فیلترهای دسته بندی ها : نمایش لیست دسته بندی های که به شما اجازه فیلتر نمونه کار ها را می دهد.
  • Categories filters : فقط در یک صفحه می توانید بین پیوندهایی که منجر به دسته بندی پروژه ها و فیلترهای سنگ تراشی می شوند جابجا شوید. یا فیلترها را کاملاً خاموش کنید.
  • AJAX portfolio :از قابلیت AJAX برای پیوندهای دسته های نمونه کارها استفاده کنید.
  • نمونه کار تمام عرض :پهنای 100% شامل شونده محتوای این برگه 
  • ستون های نمونه کارها : چه تعداد نمونه کار می خواهید در هر ردیف
  • فاصله بین نمونه کارها : شما می توانید فاصله های مختلفی بین بلوک های نمونه کار تنظیم کنید
  • تعداد آیتم ها در صفحه : تعداد آیتم های نمونه کار که در یک برگه نمایش داده می شود.
  • صفحه بندی نمونه کار : انتخاب نوع صفحه بندی در برگه نمونه کارهای شما.
  • مرتب سازی نمونه کارها به وسیله : یک پارامتر برای مرتب سازی نمونه کارها انتخاب کنید.
  • مرتب سازی نمونه کار : مرتب کردن بر اساس ویژگی صعودی یا نزولی .
  • ناوبری نمونه کارها : لینک های نمونه کار قبلی و بعدی در برگه نمونه کار تکی
  • نمونه کارهای مشابه : نمایش تعداد نمونه کارهای مشابه
  • عنوان نمونه کار در ناحیه عنوان برگه :نمایش عنوان نمونه کار به جای عنوان برگه نمونه کار در ناحیه عنوان برگه 
  • سربرگ آیتم نمونه کار تکی :شما می توانید سربرگ متفاوتی برای برگه نمونه کار تکی تنظیم کنید.

فروشگاه

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

تنظیمات فروشگاه
تنظیمات فروشگاه
  • جستجو با کد محصول : اگر می خواهید که جستجو در فروشگاه با استفاده از کد محصول هم باشد می توانید از گزینه را فعال کنید.
  • نمایش کد محصول در نتایج جستجوی ایجکس : کد محصول را در جستجوی حالت ایجکس نمایش می دهد.
  • استفاده از Relevanssi برای جستجوی ایجکس : برای این مورد باید حتما این افزونه را در وردپرس خود نصب کنید.
  • فیلترهای فروشگاه : فعال کردن ناحیه ابزارک فیلترهای فروشگاه در بالای محصولات
  • فروشگاه ایجکس : فعال کردن عملکرد ایجکس برای ابزارک های فیلترها در فروشگاه.
  • اسکرول به بالا بعد از ایجکس : غیرفعال کردن اسکرول به بالا بعد از ایجکس.
  • Quantity input on shopping cart widget : نمایش ورودی مقدار در ویجت سبد خرید
  • عملیات بعد از افزودن به سبد خرید : بین نمایش پاپ آپ و بازشدن ابزارک سبد خرید یکی انتخاب کنید. فقط برای برگه فروشگاه
  • مخفی شدن خودکار ابزارک سبد خرید : بعد از افزودن محصول به سبد خرید، نایحه ابزارک سبد خرید به صورت خودکار مخفی خواهد شد
  • مخفی کردن قیمت حد بالا : این گزینه بالاترین قیمت محصولات متغیر را مخفی می کند و فقط کمترین قیمت را نمایش خواهد داد.
  • نمایش سریع برای محصولات متغیر : به کاربران شما اجازه خرید محصولات متغیر مستقیم از برگه فروشگاه را می دهد.
  • موقعیت توضیحات دسته بندی : شما می توانید موقعیت پیشفرض توضیحات دسته بندی محصولات را تغییر دهید و به پایین محصولات انتقال دهید.
  • متن سبد خرید خالی : این متن اگر کاربران شما چیزی خرید نکرده باشند داده خواهد شد
  • نوار آدرس برد کرامپ در برگه فروشگاه : مسیر راهنما یا برد کرامپ را در برگه فروشگاه نمایش می دهد.

شبکه محصولات

تنظیمات گریدبندی محصولات
تنظیمات گریدبندی محصولات
  • محصولات در هر صفحه : تعداد محصولات در هر برگه را می توانید تنظیم کنید.
  • لینک های محصولات در هر برگه :به کاربران اجازه تغییر تعداد محصولات در هر برگه را بده 
  • متغیرهای تعداد محصول در هر برگه :مثلا: 12,24,36. برای نمایش همه محصولات عدد -1 را وارد کنید 
  • نمایش محصولات فروشگاه : شما می توانید حالت نمایش متفاوتی برای برگه فروشگاه تنظیم کنید
  • ستون های محصولات : چه تعداد محصول میخواهید در هر ردیف نمایش داده شود
  • ستون های محصولات در موبایل : چه تعداد محصول می خواهید در هر ردیف در دستگاه های موبایل نمایش داده شود
  • فاصله بین محصولات :شما می توانید فاصله های متفاوتی بین بلوک محصولات در برگه فروشگاه تنظیم کنید 
  • صفحه بندی محصولات : انتخاب نوع صفحه بندی در برگه نوشته های بلاگ شما.
  • انتخاب گر تعداد ستون ها : برای کاربران اجازه می دهد تعداد ستون ها در هر ردیف را تغییر دهند
  • متغیرهای در دسترس تعداد ستون های محصولات : چه ستون هایی کاربران می توانند انتخاب کنند برای نمایش در برگه محصولات

استایل های محصولات

تنظیمات استایل محصولات
تنظیمات استایل محصولات
  • شبکه ای ماسونری : گر محصولات شما دارای ارتفاع متفاوت می باشند مفید است.
  • شبکه محصولات با اندازه های متفاوت : در این شرایط ، عرض برخی از محصولات دو برابر بیشتر از محصولات دیگر خواهد بود. توصیه می شود فقط با شبکه 6 ستون استفاده شود.
  • هاور روی محصول : یکی از افکت های هاور برای محصولات انتخاب کنید (حالتی که موس بر روی باکس محصولات قرار می گیرد)
  • Quantity input on product : نمایش باکس تعداد در محصولات
  • شبکه با حاشیه : اضافه کردن حاشیه بین شبکه محصولات
  • تصویر هاور : فعال یا غیرفعال کردن افکت هاور کردن تصویر تکی در برگه صفحه اصلی.
  • نوار پیشرفت : نمایش تعداد فروخته شده و موجود در انبار به عنوان یک نوار پیشرفته.
  • تایمر شمارش معکوس : نمایش تایمر برای محصولاتی که زمانبندی خرید قیمت تخفیف خورده دارد
  • نمایش دسته بندی محصول کنار عنوان : اگر می خواهید که دسته بندی محصول در کنار عنوان قرار بگیرید می توانید این گزینه را فعال کنید.
  • نمایش برندهای محصول کنار عنوان : اگر می خواهید که برند های محصولات در کنار عنوان قرار بگیرید این گزینه را فعال کنید.
  • محدودیت در خط عنوان محصول : می توانید عنوان محصول را در باکس محصولات محدود کنید.

استایل دسته بندی ها

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

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

تنظیمات سایدبار صفحات محصول
تنظیمات سایدبار صفحات محصول
  • چیدمان فروشگاه : انتخاب تراز محتوای اصلی و سایدبار برای صفحات فروشگاه
  • اندازه سایدبار : شما میتوانید اندازه مختلف برای سایدبار صفحات فروشگاه خود تنظیم کنید
  • خاموش کردن سایدبار برای موبایل : شما می توانید سایدبار را مخفی کنید یا نمایش دهید با کلیک کردن بر روی دکمه در برگه فروشگاه.
  • خاموش کردن سایدبار برای تبلت : شما می توانید سایدبار را مخفی کنید یا نمایش دهید با کلیک کردن بر روی دکمه در برگه فروشگاه.
  • خاموش کردن سایدبار برای دسکتاپ : شما می توانید سایدبار را مخفی کنید یا نمایش دهید با کلیک کردن بر روی دکمه در برگه فروشگاه.
  • دکمه چسبان نمایش سایدبار فیلتر محصولات فروشگاه : دکمه فیلتر محصولات را به صورت چسبان در موبایل ها و تبلت ها نمایش خواهد داد.
  • عنوان فروشگاه : نمایش عنوان برای برگه فروشگاه، دسته بندی های محصولات یا برچسب ها.
  • نمایش منوی دسته بندی ها زیر عنوان برگه : این منوی دسته بندی ها به صورت خودکار وابسته به کل دسته بندی ها فروشگاه تولید شده. شما نمی توانید مانند سایر منو های وردپرس آن را مدیریت کنید.
  • نمایش دسته بندی های والد فعال : به عنوان مثال اگر شما دسته بندی مردانه را مشاهده کنید، فقط زیردسته های مردانه در عنوان برگه نمایش داده خواهد شد.
  • Hіde empty categories : اگه این گزینه فعال باشد، دسته بندی های فروشگاه خالی پنهان می شوند.
  • نمایش تعداد محصولات برای هر دسته بندی : تعداد  محصولات درون دسته بندی را نمایش می دهد
  • Exclude categories : دسته بندی هایی که میخواهید نمایش داده نشود را انتخاب کنید.

ویژگی ها

تنظیمات ویژگی های فروشگاه
تنظیمات ویژگی های فروشگاه
  • ویژگی مورد نظر برای نمایش در شبکه محصولات : ویژگی که می خواهید در شبکه محصولات نمایش داده شود انتخاب کنید
  • استفاده تصاویر محصولات متغیر : اگر این گزینه را روشن کنید تصویر محصول متغیر به جای متغیر ها نمایش داده می شود و برای محصول متغیری که تصویر مجزا انتخاب نشده باشد همان ویژگی نمایش داده می شود.
  • Stick selected option name on desktop and tablet : نام گزینه انتخاب شده را روی دسکتاپ و تبلت به صورت چسبان نمایش دهید.
  • Limit swatches on grid : تعداد نمونه های موجود در شبکه بندی را محدود کنید.

برندها

تنظیمات برندهای فروشگاه
تنظیمات برندهای فروشگاه
  • ویژگی برند : اگر شما می خواهید تصاویر برند را در برگه محصول نمایش دهید ویژگی ویژگی مورد نظر را اینجا انتخاب کنید
  • نمایش برند در برگه محصول تکی : شما می توانید تصویر برند محصولات را در برگه محصول فعال یا غیر فعال کنید.
  • موقعیت برند در برگه محصول : شما می توانید تصویر برند محصولات را در برگه محصول فعال یا غیر فعال کنید.
  • نمایش تب همراه اطلاعات برند : اگر فعال کنید شما همراه توضیحات برند در برگه تکی محصول یک تب اضافی خواهد دید. متن از فیلد توضیحات هر برند گرفته خواهد شد.
  • از نام برند برای عنوان تب استفاده کنید : گر این گزینه را فعال کنید، یک تب همراه اطلاعات آن فراخوانی خواهد شد. مثلا: “درباره آدیداس”.

مشاهده سریع

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

مقایسه

تنظیمات مقایسه محصولات
تنظیمات مقایسه محصولات
  • فعالسازی مقایسه : فعالسازی مقایسه که بدون نیاز به افزونه به صورت اختصاصی در قالب نوشته شده است.
  • برگه مقایسه : یک برگه برای نمایش جدول علاقه مندی انتخاب کنید. این برگه باید فقط دارای شرتکد : [woodmart_compare] باشد.
  • نمایش دکمه در شبکه محصولات : نمایش دکمه مقایسه در آرشیو نمایش محصولات.
  • فیلدهای مقایسه را انتخاب کنید : نتخاب کنید که میخواهید محصولات در کدام یک از فیلد ها و ویژگی ها با هم مقایسه شوند.
  • لیست مقایسه خالی است. : این متن اگر کاربران شما چیزی خرید نکرده باشند داده خواهد شد.

علاقه مندی

تنظیمات علاقه مندی فروشگاه
تنظیمات علاقه مندی فروشگاه
  • علاقه مندی : فعالسازی لیست علاقه مندی که کاملا اختصاصی در قالب نوشته شده است. اگر این گزینه را فعال می کنید حتما افزونه علاقه مندی را از لیست افزونه های خود پاک کنید.
  • فقط برای اعضای وارد شده : غیر فعال کردن علاقه مندی برای مشتریان مهمان.
  • برگه علاقه مندی : ک برگه حاوی شرتکد [woodmart_wishlist] را ساخته و اینجا آن را انتخاب کنید. [woodmart_wishlist]
  • نمایش دکمه در حلقه محصولات : نمایش دکمه علاقه مندی در لیست تمام محصولات.
  • Save button state after adding to the list : می توانید هنگام بازدید از محصولی که قبلاً به لیست خواسته ها اضافه شده است ، دکمه “مرور لیست علاقه مندی ها” را نشان دهید ، می توانید این گزینه را فعال کنید. مهم: اگر از حافظه پنهان تمام صفحه مانند WP Rocket یا WP Total Cache استفاده کنید ، کار نمی کند.
  • متن لیست علاقه مندی خالی : در صورتی که لیست علاقه مندی خالی باشد این متن نمایش داده می شود.

حالت کاتالوگ

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

برای مشاهده قیمت وارد حساب کاربری شوید

تنظیمات نمایش قیمت
تنظیمات نمایش قیمت
  • برای خرید و مشاهده قیمت وارد حساب کاربری خود شوید : شما می توانید عملیات خرید را فقط برای اعضای سایت که وارد حساب کاربری خود شده باشند محدود کنید.

اطلاعات کوکی ها

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

پاپ آپ تبلیغاتی

تبلیغات پاپ آپ فروشگاه
تبلیغات پاپ آپ فروشگاه
  • فعال سازی پاپ آپ تبلیغاتی : نمایش برای کاربران هنگامی که آنها وارد سایت می شوند.
  • متن پاپ آپ : متن یا HTML یا کدکوتاه مورد نظر خود را وارد کنید
  • نمایش پاپ آپ بعد از : اکشن پاپ آپ را میتوانید انتخاب کنید که بعد از چه اقدامی نمایش داده شود.
  • تاخیر پاپ آپ : نمایش پاپ آپ بعد از گذشت مدت زمان(به میلی ثانیه)
  • حالت پاپ آپ : اگر شما اطلاعات کوکی را تغییر دادید می توانید ورژن آن را در نمایش پاپ آپ برای نمایش به همه کاربران افزایش دهید
  • نمایش بعد از بازدید از تعدادی از صفحات : شما می توانید انتخاب کنید چند صفحه کاربر باید بازدید کند تا پاپ نمایش داده شود.
  • پس زمینه پاپ آپ : تنظیم تصویر پس زمینه یا رنگ برای پاپ آپ
  • پهنای پاپ آپ : عرض پاپ آپ به پیکسل. ex.: 800
  • مخفی سازی از دستگاه های موبایل : شما می توانید این گزینه را برای دستگاه های موبایل کاملا غیر فعال کنید.

بنر سربرگ

بنر هدر فروشگاه
بنر هدر فروشگاه
  • بنر سربرگ : بنر سربرگ بالای سربرگ را می توانید فعال کنید.
  • لینک بنر : لینک در تمام ناحیه بنر اضافه خواهد شد.
  • محتوای بنر : کدهای کوتاهی که میخواهید با آن بنر را بالای سربرگ مشاهده کنید اینجا قرار دهید. شما می توانید از کد کوتاه هم استفاده کنید. مثلا: [social_buttons] یا کد کوتاه بلوک HTML را اینجا قرار دهید. مثلا: [html_block id=”258″]
  • ارتفاع بنر برای دستگاه های دسکتاپ : ارتفاع برای ناحیه بنر به پیکسل در دستگاه های دسکتاپ.
  • ارتفاع بنر برای موبایل : ارتفاع برای ناحیه بنر به پیکسل در دستگاه های دسکتاپ.
  • رنگ متن بنر : تیره یا روشن بودن متن را وابسته به رنگ پس زمینه بنر تنظیم کنید.
  • پس زمینه بنر : پس زمینه بنر را می توانید تنظیم کنید.
  • دکمه بستن : می توانید مشخص کنید که بنر دارای دکمه بستن باشد یا خیر.
  • ورژن بنر : اگر شما بنر خود را تغییر دهید می توانید ورژن آنها را برای نمایش بنر به همه بازدید کننده ها دوباره نمایش دهید. به این معنی که به عنوان یک بنر جدید برای همه بازدید کنندگان نمایش داده خواهد شد بعد از تغییر ورژن.

ابزارک ها

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

برچسب های محصول

تنظیمات برچسب های محصولات
تنظیمات برچسب های محصولات
  • شکل برچسب : شکل برچسب های محصول را می توانید انتخاب کنید.
  • لیبل حراج درصدی : می توانید لیبل و یا برچسب حراج را فعال کنید. (فقط با محصول ساده، متغیر و خارجی کار می کند.)
  • لیبل “جدید” در محصولات : این لیبل برای محصولات نمایش داده می شود اگر شما این گزینه را فعال کنید.
  • Automatic “New” label period : برای نگه داشتن محصولات خود به عنوان “جدید” پس از ایجاد ، چند روز تعیین کنید.
  • لیبل “ویژه” در محصولات : محصولات برجسته شما یک لیبل با متن “ویژه” خواهند داشت.

برگه تشکر از پرداخت

برگه تشکر از پرداخت
برگه تشکر از پرداخت
  • محتوای اضافی برای برگه تشکر از پرداخت : هر محتوای اضافی برای برگه تشکر از پرداخت را اضافه کنید.
  • محتوای پیشفرض “برگه تشکر از پرداخت” : اگر شما از محتوای اضافی سفارشی استفاده می کنید، می توانید جزئیات پیشفرض اطلاعات سفارش ووکامرس را غیر فعال کنید.

برگه محصول

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

برگه محصول
برگه محصول
  • ستون کناری محصول تکی : تراز سایدبار و محتوای اصلی را برای برگه محصولات تکی انتخاب کنید.
  • اندازه سایدبار : شما نمیتوانید اندازه مختلف برای سایدبار برگه محصولات تکی خود تنظیم کنید
  • برگه محصول تمام عرض : انتخاب چیدمان برای برگه تکی محصول
  • سربرگ محصول تکی : شما می توانید سربرگ متفاوتی برای برگه محصول تکی خود داشته باشید.
  • طرح برگه محصول : شما می توانید سربرگ متفاوتی برای برگه محصول تکی خود داشته باشید. 
  • حذف قیمت دوبل برای محصولات متغیر : انتخاب بین طراحی های از پیش آماده مختلف
  • محصول چسبان : اگر این گزینه را روشن کنید، بخش توضیحات هنگام اسکرول برگه چسبان خواهد شد یا برعکس زمانی اتفاع بخش توضیحات بیشتر باشد، تصور محصول هنگام اسکرول چسبان خواهد شد.
  • اسکرول به بالا در انتخاب متغیر (دسکتاپ) : اگر این گزینه را روشن کرده و روی متغیر ها کلیک کنید، صفحه برای نمایش تصویر آن متغیر به بالا اسکرول خواهد شد.
  • اسکرول به بالا در انتخاب متغیر (موبایل) : اگر این گزینه را روشن کرده و روی متغیر ها کلیک کنید، صفحه برای نمایش تصویر آن متغیر به بالا اسکرول خواهد شد.
  • افزودن سایه به بلوک خلاصه محصول : زمانی مفید است که رنگ پس زمینه برای برگه محصول تکی را مثلا خاکستری انتخاب کرده باشد.
  • راهنمای اندازه : ویژگی راهنمای اندازه را در وب سایت روشن کنید. 
  • افزودن به سبد خرید ایجکس : توجه کنید اگر از افزونه های افزودن فیلد سفارشی برای محصولات استفاده میکنید از این گزینه استفاده نکنید.
  • اضافه‌کردن به سبدخرید چسبان : دکمه افزودن به سبد خرید پایین صفحه در هنگام اسکرول به پایین نمایش داده خواهد شد.
  • AJAX variation threshold : اگر متوجه مشکلی در عملکردهای مختلف تغییرات تصاویر شدید ، این مقدار را افزایش دهید.
  • قبل از ناحیه متن افزونه به سبد خرید :متن یا کد یا کد کوتاه خود را وارد کنید. 
  • بعد از ناحیه متن افزونه به سبد خرید : متن یا کد یا کد کوتاه خود را وارد کنید.

نمایش / مخفی کردن عناصر

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

تصاویر

تصاویر
تصاویر
  • پهنای تصویر محصول : شما می توانید چیدمان برگه متفاوتی را وابسته به اندازه تصویر مورد نیاز انتخاب کنید
  • موقعیت تصاویر بند انگشتی : از موقعیت عمودی یا افقی برای گالری محصول استفاده کنید
  • Thumbnails image width : طول تصاویر شاخص را می توانید تعیین کنید که بر حسب px هست. مثل 350
  • استفاده تصاویر محصولات متغیر : افزودن قابلیت آپلود تصاویر اضافی برای هر متغیر از محصول
  • Data storage method : اگر در واردات / صادرات داده های تصاویر تغییرات اضافی مشکلی دارید ، باید از روش “Variations products meta” استفاده کنید.
  • عملکرد تصویر اصلی هنگام کلیک : فعال/غیر فعال کردن گزینه بزرگنمایی در پاپ آپ تصویر.
  • نمایش آیکون “بزرگنمایی تصویر” : کلیک برای باز کردن تصویر در پاپ آپ برای بزرگنمایی
  • ارتفاع خودکار کاروسل اصلی : هنگامی که تصاویر محصول شما ارتفاع متفاوت دارند مفید است.
  • توضیحات تصویر در لایت باکس : نمایش متن توضیحات زیر تصاویر هنگامی که پاپ آپ تصویر باز می شود.

دکمه های اشتراک

دکمه های اشتراک گذاری
دکمه های اشتراک گذاری
  • نمایش دکمه های اشتراک گذاری : نمایش دکمه های اشتراک در برگه نوشته تکی
  • نوع دکمه های اشتراک : شما می توانید بین اشتراک گذاری یا دنبال کردن صفحات شبکه های اجتماعی یکی را انتخاب کنید.

تب ها

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

نقد و بررسی

نقد و بررسی
نقد و بررسی
  • تصاویر نقد و بررسی محصول : به مشتریان اجازه آپلود تصاویر در نظرات نقد و بررسی برای محصولات را بده
  • تعداد تصاویر در یک نقد و بررسی : چه تعداد تصویر می توانند مشتریان در نقد و بررسی خود آپلود کنند
  • بیشترین سایز فایل آپلودی : مقدار را به مگابایت تنظیم کنید. در حال حاضر سرور شما اجازه آپلود تا 68 MB را می دهد.
  • تصاویر الزامی باشند؟ : اگر تیک بزنید، کاربر قادر به ارسال دیدگاه بدون آپلود یک تصویر نخواهد بود.

ورود / ثبت نام

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

CSS سفارشی

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

css سفارشی وودمارت
css سفارشی وودمارت
  • CSS سفارشی عمومی
  • استایل سفارشی برای دسکتاپ 
  • استایل سفارشی برای تبلت
  • استایل سفارشی برای موبایل لند اسکیپ
  • استایل سفارشی برای موبایل

JS سفارشی

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

js سفارشی woodmart
js سفارشی woodmart
  • JS سفارشی عمومی : در این قسمت کدهای عمومی در کل سایت را می توانید وارد کنید.
  • On document ready : در این بخش کدهای هنگام لود اولیه سایت را می توانید وارد کنید.

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

پروفایل شبکه های اجتماعی
پروفایل شبکه های اجتماعی
  • لینک های شبکه های اجتماعی چسبان : دکمه های شبکه های اجتماعی به صورت ثابت در کنار صفحه نمایش ، نمایش داده خواهند شد.

لینک به پروفایل ها

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

لینک های شبکه های اجتماعی
لینک های شبکه های اجتماعی

دکمه های اشتراک

پروفایل اشتراک گذاری
پروفایل اشتراک گذاری
  • اشتراک گذاری در فیسبوک
  • اشتراک گذاری در توئیتر
  • اشتراک گذاری در pinterest
  • اشتراک گذاری در LinkedIn
  • اشتراک گذاری درOK
  • اشتراک گذاری در whatsapp
  • Share via VK
  • اشتراک گذاری در تلگرام
  • Share in Viber
  • ایمیل برای لینک شبکه های اجتماعی

عملکرد

تنظیمات عملکرد وودمارت
تنظیمات عملکرد وودمارت
  • Mobile DOM optimization (experimental) : می توانید تعداد عناصر DOM را در دستگاه های تلفن همراه کاهش دهید. این گزینه در حال حاضر تمام برچسب های HTML را از نسخه هدر دسک تاپ در دستگاه های تلفن همراه حذف می کند.
  • Deprecated CSS classes from v5.x : این گزینه را فقط در صورت فعال بودن CSS سفارشی برای نسخه 5.x فعال کنید. اگر اصلاً CSS سفارشی ندارید ، فقط کافیست این گزینه را غیرفعال کنید.

CSS

عملکرد css
عملکرد css
  • Combine CSS files : یک فایل CSS را که شامل همه سبک های تم است بارگیری کنید. اگر می خواهید وزن صفحه خود را کاهش دهید توصیه نمی شود.
  • شامل CSS کمینه شده : نسخه های کوچک شده پرونده های CSS بارگیری می شوند. با تمام پلاگین های ذخیره سازی و بهینه سازی به خوبی کار می کند.
  • ورژن لایت بوت استرپ : پاکسازی همه بوت استرپ هایی که به وسیله قالب قابل استفاده نیستند.
  • غیر فعال کردن استایل گوتنبرگ : اگر شما از عناصر گوتنبرگ استفاده نمی کنید نیازی به بارگیری فایل ها آن نمی باشد.
  • Styles always load : می توانید برخی از سبک ها را به صورت دستی در همه صفحات بارگذاری کنید.

JS

عملکرد js
عملکرد js
  • ترکیب فایل های JS : یک فایل JS بارگیری کنید که شامل همه اسکریپت های زمینه و مقداردهی اولیه کتابخانه است.
  • شامل JS کمینه شده : نسخه های کوچک شده پرونده های JS بارگیری می شوند. با تمام پلاگین های ذخیره سازی و بهینه سازی به خوبی کار می کند.
  • غیر فعال کردن اسکریتپ کاروسل در دستگاه های موبایل : سرعت لود و عملکرد در دستگاه های موبایل را بهبود می بخشد. روی دستگاه های دسکتاب با کتابخانه جاوا اسکریپ OWL Carousel لود خواهد شد.
  • Advanced scripts controls : موضوع ما به گونه ای طراحی شده است که فقط اسکریپت ها و کتابخانه های مورد نیاز در یک صفحه خاص را بارگیری می کند. اما اگر به دلایلی در سطح جهانی نیاز به بارگذاری یک اسکریپت خاص دارید ، می توانید از مجموعه گزینه های زیر استفاده کنید.

FONTS & ICONS

آیکون ها و فونت ها
آیکون ها و فونت ها
  • فونت نمایش برای فونت های گوگل : می توانید ویژگی “نمایش قلم” را برای قلم های بارگیری شده از Google تعیین کنید. اطلاعات بیشتر بخوانید
  • “font-display” for icon fonts : شما می توانید خاصیت “font-display” را برای قلم هایی که برای آیکون ها استفاده می شوند در تم ما از جمله Font Awesome مشخص کنید.
  • Font Awesome library : می توانید کتابخانه Font Awesome 5 را مجبور کنید تا در همه صفحات بارگیری شود.
  • Preload key request for “woodmart-font.woff” : اگر این اخطار را در گزارش Google Pagespeed مشاهده کردید ، این گزینه را فعال کنید.
  • Preload key request for “woodmart-font.woff2” : اگر این اخطار را در گزارش Google Pagespeed مشاهده کردید ، این گزینه را فعال کنید.

بارگیری تنبل

بارگیری تنبل
بارگیری تنبل
  • بارگیری تنبل برای تصاویر : این گزینه برای برای بهینه سازی بارگیری تصاویر وب سایت خود فعال کنید. تصاویر زمانی بارگیری خواهند شد که کاربر صفحه را به پایین اسکرول کند.
  • جا انداختن یا رد کردن : قبل از پیمایش صفحه به مورد ، تصاویر X پیکسل را بارگیری کنید
  • افکت نمایش : هنگامی که فعال کنید، تصاویر شما با پیشنمایش کوچک بلر شده جایگزین خواهد شد. و هنگامی که بازدید کننده صفحه را اسکرول می کند، تصاویر اصلی بارگیری خواهند شد.
  • تولید پیشنمایش :تولید تصویر پیشنمایش کوچک از تصویر اصلی 
  • Base 64 encode for placeholders : این گزینه به شما این امکان را میدهد تا تعداد درخواست های http به سرور را کاهش دهید.
  • اندازه متناسب تصویر نگه دارنده : وابسته به تصویر اصلی ، تصویری با ابعاد متناسب تولید می کند.
  • آپلود تصویر نگه دارنده دلخواه : تصویر نگه دارنده دلخواه خود را برای نمایش قبل از بارگیری تصاویر اصلی اضافه کنید.

PLUGINS

افزونه ها
افزونه ها
  • Load “Contact form 7” JS files : می توانید این گزینه را به صورت جهانی فعال یا غیرفعال کنید. اگر می خواهید آنها را فقط در یک صفحه خاص بارگذاری کنید ، می توانید از پیش تنظیم شده تنظیمات تم ویژه ای برای این مورد ایجاد کنید و یک شرط برای آن صفحه اضافه کنید.
  • Load Elementor optimized CSS : فقط سبک های مورد نیاز برای Elementor را بارگیری کنید. اگر از بیشتر ویجت های استاندارد Elementor استفاده می کنید از آن استفاده نکنید.
  • Load Elementor animations CSS file : اگر می خواهید که فایل های انیمیشن های المنتور اجرا شوند این گزینه را فعال کنید.
  • Load Elementor icons CSS file : اگر می خواهید که فایل css آیکون های المنتور لود شود، این گزینه را فعال کنید.
  • Elementor dialog.js library : اگر هرگز از آن برای بهبود عملکرد استفاده نمی کنید ، آن را خاموش کنید.
  • Elementor frontend : اگر از بیشتر ابزارک های Elementor استفاده نمی کنید ، پرونده های JS را غیرفعال کنید.

PRELOADER

پیش بارگذاری
پیش بارگذاری
  • Preloader (beta) : هنگام بارگیری محتوای وب سایت خود ، انیمیشن پیش بارگذار را فعال کنید. وقتی همه CSS را به پاورقی منتقل می کنید مفید است.
  • Animated image : فعال کردن انیمیشن برای تصاویر سایت 
  • Background for loader screen : فعال کردن بک گراند و یا پس زمینه برای لود صفحه

سایر

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

حالت ساخت و تعمیر

حالت ساخت و تعمیر
حالت ساخت و تعمیر
  • فعال کردن حال ساخت و تعمیر : اگر فعال شود لازم است شما برگه تعمیر و نگهداری در برگه ها با قالب “Maintenance” ایجاد کنید. یا می توانید این برگه را از بخش درون ریزی دموها درون ریزی کنید
جلسه 6 :

آموزش کامل بخش منو و مگامنو در قالب Woodmart

آموزش کامل بخش منو و مگامنو در قالب Woodmart

آموزش بخش منو در وودمارت

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

 

چند نوع موقعیت منو در وودمارت وجود دارد؟

در این قالب 6 نوع موقعین منو وجود دارد و به راحتی می توانید تنظیم کنید : 

  • دسته بندی ها
  • منوی سمت چپ
  • منوی سمت راست
  • منوی اصلی
  • منوی کناری موبایل
  • نوار بالا سمت راست

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

ابتدا به مسیر زیر بروید : 

پیشخوان وردپرس > نمایش > فهرست ها

با این کار ما یک برگه جدید در وردپرس ایجاد می کنیم.

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

جایگاه منوی های وودمارت
جایگاه منوی های وودمارت

در این جا باید ما منو ها خود را ایجاد کنیم.

دسته بندی ها

در این بخش می توانید دسته بندها سمت راست را نشان دهید.

منوی های دسته بندی
منوی های دسته بندی

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

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

تنظیمات زیر منوها
تنظیمات زیر منوها

حالا میخواهیم تا گزینه ها را برای شما شرح دهیم : 

  • طراحی : این بخش مربوط به طراحی منو می شود که شامل گزینه هایی هست :
    • پیشفرض : در حالت پیشفرض منو ها نمایش داده می شوند.
    • تمام عرض : منو به صورت تمام عرض و فول وید نمایش داده می شود.
    • تنظیم اندازه ها : می توانید اندازه منو را خودتان به صورت سفارشی تنظیم کنید.
  • بلوک HTML برای منوی آبشاری : می توانید در بخش html سفارشی یک زیر منوی شخصی طراحی و ایجاد کنید و از این بخش انتخاب کنید تا در زیر منوی المان مورد نظر نمایش داده شود. (برای آموزش کار با این بخش به جلسه 4 همین آموزش مراجعه کنید.)
  • بارگیری ایجکش بلوک HTML مگامنو؟ : اگر می خواهید که زیر منوی ساخته شده به صورت ایجکس لود شود این  گزینه را فعال کنید.
  • نام آیکون ( از پک FontAwesome ) : می توانید از آیکون های سایت “https://fontawesome.com/v5.15/icons” استفاده کنید برای آیکون منوها.
  • باز شدن با عمل موس : باید اکشن موس را برای رو منو فعال کنید.
    • هاوور : نمایش زیر منو در حالت هاوور
    • کلیک : نمایش زیر منو با کلیک موس
  • متن لیبل : متن لیبل را می توانید اینجا بنویسید.
  • رنگ لیبل : رنگ لیبل را می توانید انتخاب کنید.
  • رنگبندی متن منوی آبشاری : رنگ بندی متن منوی آبشاری را می توانید از حالت تیره و روشن انتخاب کنید.

 

چطور فهرست های ساخته شده را در قالب قرار دهیم؟

بعد از اینکه فهرست ها را ساختیم، نوبت به این می رسد که فهرست ها در سایت نمایش دهیم. برای اینکار ابتدا به مسیر زیر بروید : 

پیشخوان وردپرس > وودمارت > Header Builder

به سربرگ ساز وودمارت هدایت می شویم

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

قرار دادن منو ها در هدر سایت
قرار دادن منو ها در هدر سایت

سپس برای اضافه کردن عنصر باید بر روی علامت “+” بر روی هر بخش کلیک کنید.

اضافه کردن عنصر به هدر سایت
اضافه کردن عنصر به هدر سایت

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

عناصر سربرگ ساز قالب woodmart
عناصر سربرگ ساز قالب woodmart

حالا می توانید منوهای دسته بندی و یا منوی اصلی را به صفحه اضافه کنید. سپس می توانید نتایج را در سایت مشاهده کنید.

جلسه 7 :

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

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

آموزش کار با ابزارک های Woodmart

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

لیست ابزارک های اختصاصی وومارت

  • WOODMART AJAX Search : جستجوی محصولات به وسیله ایجکس
  • WOODMART Author Information : بلوک کوچک اطلاعات درباره نویسنده بلاگ
  • WOODMART Banner : بنر تبلیغاتی همراه متن
  • WOODMART HTML Block : نمابش بلوک های HTML 
  • WOODMART Instagram : تصاویر اینستاگرام
  • WOODMART Price filter : لیست فیلتر قیمت ها
  • WOODMART Recent Posts : یک ابزارک پیشرفته که قابلیت کنترل همه نوشته های اخیر سایت را به شما می دهد.
  • WOODMART Sidebar Mega Menu : افزودن یک مگامنوی سفارشی در سایدبار شما.
  • WOODMART Stock status : موجودی و محصولات موجود در فروش را فیلتر کنید
  • WOODMART Twitter : جدیدترین توییت های جریان Twitter شما را نمایش می دهد.
  • WOODMART User Panel : پنل کاربری برای استفاده در ناحیه حساب کاربری من
  • WOODMART WooCommerce Layered Nav : یک ویژگی سفارشی را در یک ویجت نشان می دهد که به شما امکان می دهد هنگام مشاهده دسته بندی محصولات ، لیست محصولات را محدود کنید.
  • WOODMART WooCommerce Sort by : مرتب سازی محصولات با نام، قیمت، محبوبیت و …
موقعیت های ابزارک ها
موقعیت های ابزارک ها

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

جلسه 8 :

آموزش کار با ویجت های اختصاصی المنتور

آموزش کار با ویجت های اختصاصی المنتور

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

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

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

فیلم آموزشی کامل

مشاوره تلفنی رایگان

در خدمت شما هستیم!

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