×

ساخت جدول قیمت گذاری در وردپرس با Pricing Table by Supsystic

ساخت جدول قیمت گذاری در وردپرس با Pricing Table by Supsystic

سلام دوستان وردپرسی

حتماً در بعضی سایت ها مشاهده کرده اید که با جداولی به معرفی خدمات پرداخته می شود. ما امروز قصد داریم تا به شما آموزش دهیم که چنین جداولی را در سایت خودتان ایجاد کنید. برای ایجاد جداول قیمت گذاری در وردپرس ما افزونه ی Pricing Table by Supsystic را پیشنهاد می دهیم، این افزونه تاکنون بیش از ۲۰,۰۰۰ نصب فعال در مخزن وردپرس داشته است و از آخرین بروزرسانی ۱ ماه می گذرد. افزونه ی Pricing Table by Supsystic توانسته امتیاز ۴.۶ از ۵ کسب کند.

نصب و فعال سازی افزونه ی  Pricing Table by Supsystic

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

نصب و فعال سازی افزونه ی  Pricing Table by Supsystic

 

راه اندازی افزونه ی Pricing Table by Supsystic

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

انتخاب گزینه ی add new Table در افزونه ی  Pricing Table by Supsystic

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

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

تنظیمات جدول قیمت گذاری در افزونه ی  Pricing Table by Supsystic

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

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

Enable Head Row: با فعال کردن این گزینه تمام جدول یک هدر خواهند داشت.

Enable Description Row: با فعال کردن این گزینه می توانید ردیفی به جداول اضافه کنید.

Text Align: در این قسمت از منوی کشویی می توانید تعیین کنید متن های درون جدول از چپ به راست، راست به چپ یا وسط باشد.

Enable Responsivity: با فعال کردن این گزینه جداول شما ریسانسیو خواهد بود و در تمام دستگاه های دیگر مثل تبلت و تلفن همراه جداول به خوبی به اندازه صفحه ی نمایش نشان داده خواهد شد.

 

Enable Description Column:با فعال کردن این گزینه یک ستون جدید همانند یک جدول قیمت با توضیحاتش اضافه خواهد شد.

Enable Footer Row: با فعال کردن این گزینه فوتر به تمام جداول اضافه خواهد شد.

Enable Hover Animation:با فعال کردن این گزینه وقتی موس روی جدول می رود جداول شما انیمیشن خواهد داشت.

Rows Text Color: در این قسمت می توانید رنگ متن های درون جدول را تعیین کنید.

Min Column Width: در این قسمت حداقل عرض ستون ها را تعیین می کنید.

 

Description Text Color: در این قسمت رنگ متن توضیحات درون جدول را می توانید تعیین کنید.

Header Text Color: در این قسمت رنگ متن هدر جداول را می توانید تعیین کنید.

Background Color: در این قسمت رنگ بک گراند جداول را می توانید تعیین کنید.

Column Width: در این قسمت عرض ستون های جدول را می توانید وارد کنید.

Disable Custom Tooltip Styles: با فعال کردن این گزینه استایل تولتیپ جداول غیرفعال می شود ( وقتی با موس روی یک المان در جدول می روید متن ها داخل باکس نشان داده می شود را تولتیپ می گویند)

 

Columns: در این قسمت می توانید ستونی به جداول اضافه کنید مثلا یک ستون دیگر با قیمت نمایش داده شود.

Rows: در این قسمت می توانید ردیفی به جداول اضافه کنید.

Table Width: در این قسمت عرض جداول را وارد کنید( توصیه ی ما این است برای سایت های شرکتی مقدار ۱۰۰ و واحد درصد برای عرض جدول وارد کنید)

Font: در این قسمت نوع فونت متن جداول را تعیین کنید.

Table Align: در این قسمت ترازبندی جداول را می توانید انجام دهید.

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

کپی شورت کد در برگه

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

نمایش جدول در سایت

جمع بندی!

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

مطالعه بیشتر

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

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

0
قبل از خرید سوالی دارید؟ پیام ارسال کنید
پشتیبانی فروش رایا وردپرس
سلام کاربر عزیز جهت پشتیبانی فنی فقط تیکت ایجاد کنید
روی اپراتور کلیک کنید تا به واتس‌اپ هدایت شوید. همچنین میتوانید ابتدا شماره را ذخیره کنید و سپس پیام دهید.