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

ساخت جدول قیمت گذاری در وردپرس

نحوه نصب و کار با افزونه Pricing Table by Supsystic

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

افزودن فرم جدید

 برای افزودن فرم جدید باید روی گزینه ی add new Table کلیک کنید تا اولین جدول قیمت گذاری را ایجاد کنیم.

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

در انتها بر روی دکمه ی Save جهت ادامه ی روند ایجاد جدول قیمت گذاری در وردپرس کلیک کنید.

تنظیمات جدول انتخابی

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

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

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

قسمت های مختلف جدول

• Enable Head Row: با فعال کردن این گزینه می توانید یک هدر برای تمامی جداول داشته باشید.
• Enable Description Row: با این گزینه هم می توانید یک ردیف برای توضیحات هر جدول اضافه کنید.
• Text Align: چینش متن های درون جداول را می توانید تعیین کنید که چینش به چپ، راست و وسط از گزینه های انتخابی آن می باشد.
• Enable Responsivity: با این گزینه تنظیم می کنید که جداول شما بصورت واکنشگرا باشند یا خیر. در صورت فعال کردن آن، گزینه ی جدیدی در زیر ظاهر می شود که می توانید حداقل عرض هر ستون را تعیین کنید تا در صفحه نمایشگر های متفاوت جداول شما مشکلی نداشته باشند.
  

  سایر بخش ها

  • Enable Description Column: این گزینه یک ستون جدید در کنار جداول شما اضافه می کند. به منظورمعرفی هر ردیف (همانند جدول ها که توضیحات ردیف و ستون را دارند)!
  • Enable Footer Row: این گزینه نیز مربوط به فعال کرد ردیف فوتر به تمامی جداول می باشد.
  • Enable Hover Animation: اگر می خواهید با بردن ماوس بر روی هر جدول، جدول شما انیمیش داشته باشد می توانید این گزینه را جهت انجام این کار فعال کنید(در خروجی وقتی ماوس بر روی جدول می رود بصورت بزرگ تر و جلوتر از بقیه نمایش داده می شود).
  • Rows Text Color: می توانید رنگ متن های درون هر ردیف را مشخص کنید.
  • Disable Custom Tooltip Styles: غیر فعال کردن استایل مربوط به تولتیپ* تنها در جداول!
    

    تولتیپ* چیست؟

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

    تنظیمات سایر بخش ها

    • Description Text Color: رنگ متن توضیحات جدول قیمت گذاری در وردپرس را می توانید با این گزینه تعیین کنید.
    • Header Text Color: با این گزینه هم رنگ متن هدر را می توانید تعیین کنید.
    • Background Color: رنگ بک گراند جداول را هم می توانید متناسب با طراحی قالب خودتان تعیین کنید.
    • Column Width: عرض ستون های جدول را می توانید با واحد پیکسل در این قسمت وارد کنید(بسته به قالب شما می تواند متفاوت باشد).
    • Table Align: چینش خود جدول را هم می توانید با این گزینه تعیین کنید که معمولا چنین جداولی بطور پیش فرض وسط چین می باشند.
    • Add Column: با کلیک بر روی این دکمه می توانید به تعداد دلخواه ستون (جدول) اضافه کنید.
    • Add Row: با کلیک بر روی این دکمه هم می توانید به تعداد دلخواه ردیف به جداول خود اضافه کنید.
    • Table Width: عرض جدول را با این گزینه می توانید تعیین کنید که دو واحد پیکسل و درصد را دارد.

    پیشنهاد

    پیشنهاد می شود در سایت های شرکتی، نمونه کاری و تک صفحه ای از مقدار ۱۰۰ و واحد درصد برای عرض جدول استفاده شود!

    • Font: نوع فونت متون جدول را می توانید انتخاب کنید، البته این گزینه برای وبسایت های ایرانی کاربردی ندارد چرا که فونت های فارسی در این لیست جای ندارند اما اگر متون جدول شما انگلیسی می باشد می توانید از این قسمت فونت مورد نظرتان را انتخاب کنید.

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

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

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

دانلود افزونه