آموزش های وردپرسخانهسیستم مدیریت محتواعمومی

آموزش افزودن سایدبار به صفحات سایت فروشگاهی

آموزش افزودن سایدبار به صفحات سایت فروشگاهی
آموزش افزودن سایدبار به صفحات سایت فروشگاهی
آموزش افزودن سایدبار به صفحات سایت فروشگاهی

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

نحوه افزودن سایدبار به قالب پروشاپ

برای ایجاد سایدبار در قالب پروشاپ در بخش «تنظیمات قالب» زیرمنوی «ستون کناری» را انتخاب کنید.

ایجاد سایدبار در قالب پروشاپ

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

تنظیمات آرشیو ووکامرس

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

ایجاد سایدبار در قالب پروشاپ

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

سایدبار در صفحات محصول ووکامرس

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

ایجاد سایدبار در قالب پروشاپ

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

افزودن سایدبار به صفحه جستجو

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

ایجاد سایدبار در قالب پروشاپ

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

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

استایل سایدبار

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

برچسب زدن روی محصولات در ووکامرس

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

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

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

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

آموزش قدم به قدم فروشگاه اینترنتی



10- آموزش افزودن سایدبار ستون کناری
10- آموزش افزودن سایدبار ستون کناری از تنظیمات قالب و از برگه


آموزش قدم به قدم ساخت سایدبار در
آموزش قدم به قدم ساخت سایدبار در المنتور - آیلین وب


آموزش قالب ایمپرزا - آموزش رایگان
آموزش قالب ایمپرزا - آموزش رایگان تصویری صفر تا صد راست چین


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


آموزش افزودن سایدبار در وردپرس - آموزش ساخت سایدبار برای
با استفاده از آموزش افزودن سایدبار در وردپرس ستون ها و سایدبار های قالب خود را افزایش دهید و sidebar های وردپرس مختلفی برای قالب سایت و وبلاگ خود بسازید.


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


پوسته فروشگاهی Ekommart ووکامرس - ووکامرس فارسی - فروشگاه
این پوسته زیبا از افزونه های حرفه ای همچون صفحه ساز المنتور به راحتی صفحات خود را با کشیدن و رها کردن بسازید و ویرایش کنید افزونه wpml برای ایجاد سایت چند زبانه افزونه دکان همکاری با سایر فروشندگان و تولید کننده ها از


قالب فروشگاهی نیوکالا Newkala
قالب فروشگاهی نیوکالا Newkala Woocommerce Theme قالب جدید دیجی


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


نمایش فرم ورود در سایدبار ماهدیس وب - طراحی سایت
نمایش فرم ورود در سایدبار آیا می خواهید یک فرم ورود به سایدبار وردپرس خود را اضافه کنید این کار به کاربران اجازه می دهد تا به راحتی وارد سیستم شوند یا در وب سایت ثبت نام کنند. حتی اگر شما هیچ

برچسب ها

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

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

18 + 9 =

دکمه بازگشت به بالا
بستن