بروز رسانی در تاریخ 1 مرداد 1396
همیشه در صفحه ی اصلی سایت هایی چون نمونه کار، شرکتی، خدماتی و سایت هایی که معمولا تک صفحه ای هستند ما یک پیش نمایش کامل از تمامی خدمات و سرویس های یک سایت را مشاهده می کنیم.
یکی از این سرویس ها استفاده از جدول قیمت است. حتما دیده اید پلن هایی برای فروش خدمات خود ارائه می دهند و هر ستون با امکاناتی خاص دارای قیمتی مشخص می باشد. اگر بخواهیم مثالی بزنیم می توانیم به شرکت های سروری اشاره کنیم.
این جداول قیمت گذاری به راحتی سرویس، محصول و یا خدمات شما را با قیمت و توضیحات و لینک خرید یا ثبت نام نمایش می دهد.
در این نوشته همیار وردپرس قصد معرفی افزونه ای را داریم که می تواند به راحتی امکان ساخت جدول قیمت گذاری در وردپرس را فراهم کند.
جدول قیمت گذاری در وردپرس با 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: عرض جدول را با این گزینه می توانید تعیین کنید که دو واحد پیکسل و درصد را دارد.
پیشنهاد…
پیشنهاد می شود در سایت های شرکتی، نمونه کاری و تک صفحه ای از مقدار 100 و واحد درصد برای عرض جدول استفاده شود!
- Font: نوع فونت متون جدول را می توانید انتخاب کنید، البته این گزینه برای وبسایت های ایرانی کاربردی ندارد چرا که فونت های فارسی در این لیست جای ندارند اما اگر متون جدول شما انگلیسی می باشد می توانید از این قسمت فونت مورد نظرتان را انتخاب کنید.
تنظیمات مربوط به جداول شما به اتمام رسیده اند.
لازم به ذکر است که جهت حذف هر جدول قیمت گذاری در وردپرس یا تنظیمات دیگر مربوط به جداول همانند قرار دادن یک متن در گوشه جدول، با ماوس بر روی آن بروید تا تنظیمات هر جدول برای شما نمایش داده شود.
در نهایت تنظیمات را ذخیره کنید و به سراغ مشاهده خروجی کار بروید.
خروجی کار
ابتدا میبایست به یک نوشته/برگه در سایت خودتان بروید و شورت کد جدول مورد نظرتان را در آن کپی کنید.
بعد از آن می توانید به پیش نمایش بروید تا خروجی کارتان را مشاهده کنید.
همان طور که مشاهده می کنید توانستیم با استفاده از افزونه ی Pricing Table by Supsystic جداول خودمان را ایجاد کنیم که کاملا رسپانسیو یا واکنشگرا نیز می باشند.
نکته: بهتر است جدول قیمت گذاری در وردپرس را بصورت تمام صفحه در سایت خود قرار دهید، به این منظور می بایست از کد پی اچ پی ایجاد شده در قالب سایت خود استفاده کنید و کد را در محل مناسب، در فایل مورد نظر، در قالبتان کپی کنید.
شما می توانید افزونه تغییر یافته را در انتهای همین آموزش دریافت کنید.
موفق باشید…
اضافه شدن نسخه فارسی افزونه +فایل ویدئویی
امیر محمد ورناصری 1 سال عضو همیار وردپرس
سلام وقت بخیر
من میخوام برای یک محصولم با توجه پلن های متفائتش چند قیمت متفاوت برای یک محصولم ایجاد کنم خواستم ببینم با چه افزونه ای یا اموزشی میتونم این کار رو انجام بدم
ممنون میشم راهنمایی کنید
سید سجاد غلام پور 4 سال عضو همیار وردپرس
سلام
میتونید برای هر قیمت یک ویژگی بسازید و اینجوری کاربرا میتونن که با انتخاب هرکدوم از اون ویژگیها قیمت همونو ببینن!
امیر محمد ورناصری 1 سال عضو همیار وردپرس
نخیر فکر میکنم منظورم رو متوجه نشدین
منظورم این هست که برای یک محصول چطوری میشه همزمان 3 قیمت متفاوت درج کرد؟
سید سجاد غلام پور 4 سال عضو همیار وردپرس
بله متوجه شدم! توووکامرس اینجوره. مثلا یه کالایی مثل برنج میخوایید بفروشید در 3 تا وزن مختلف که هرکدوم قیمت جدا داره. باید براش ویژگیوزن درست کرد که کاربر هرکدوم رو خواست انتخاب کنه و همون قیمت رو پرداخت کنه.
امیر محمد ورناصری 1 سال عضو همیار وردپرس
خب من هم همین سوال رو دارم
چگونه همچین کاری رو انجام بدیم؟!
سید سجاد غلام پور 4 سال عضو همیار وردپرس
مقاله زیر رومطالعه کنید.
https://hamyarwp.com/sale-a-kind-of-the-product-on-woocommerce/
mohammad khosravi 4 سال عضو همیار وردپرس
سلام و عرض ادب
از این افزونه برای نمایش قیمت روز آهن استفاده میکنم.
قصد دارم در یکی از ستون ها نمودار تغییر قیمت هارو قرار بدم. از چه روشی استفاده کنم و آیا نیاز به افزونه دیگه ای هم داره؟
سید سجاد غلام پور 4 سال عضو همیار وردپرس
سلام
برای نمایش نمودار قیمت از این افزونه استفاده کنید.
https://wordpress.org/plugins/plot-prices/
mohammad1987 2 سال عضو همیار وردپرس
برای تنظیمات فونت فارسی چه باید کرد؟؟
فونت تنظیمات قالب من ایران سنس هست اما تو جدول اعمال نمیشه!!!
سید سجاد غلام پور 4 سال عضو همیار وردپرس
سلام
از طریق برنامه نویسی Css باید انجام بدید و فونت تنظیم کنید.
mohammad1987 2 سال عضو همیار وردپرس
سلام مجدد، ممنونم
من در edit css کد زیر را اضافه کردم
@font-face {
font-family:’iransanswebfanum-light’;
src: url(‘localhost/enfoldb/wp-content/uploads/avia_fonts/type_fonts/iransanswebfanum-light/iransansweb(fanum)_light.ttf’),
url(‘localhost/enfoldb/wp-content/uploads/avia_fonts/type_fonts/iransanswebfanum-light/iransansweb(fanum)_light.eot’),
url(‘localhost/enfoldb/wp-content/uploads/avia_fonts/type_fonts/iransanswebfanum-light/iransansweb(fanum)_light.woff’);
و حالا در edit html کجا باید فراخوانش کنم؟
تگ style نداره
محمد رحمتی 2 سال عضو همیار وردپرس
مشکلم حل شد
سپاسگزارم
سید سجاد غلام پور 4 سال عضو همیار وردپرس
موفق باشید
سید سجاد غلام پور 4 سال عضو همیار وردپرس
خوب الان باید داخل همون فایل css قسمت هایی که می خوایین فونت بدید رو از inspect مرورگر انتخاب کنید و فونت رو بهش اضافه کنید.
shop 6 سال عضو همیار وردپرس
سلام من یک برگه با افزونه المنتور ساختم و در ادامه مطالبم میخوام جدولی که ساختم رو نمایش بده شورت کات رو چطور باید در افزونه المنتور قرار بدم؟
بهاره کوهستانی 9 سال عضو همیار وردپرس
سلام
از المان کد کوتاه استفاده کنید و بعد شورت کد خودتون رو در اونجا قرار بدید
cajad 3 سال عضو همیار وردپرس
سلام وقت بخیر این باکس رو بخوایم به عنوان مثال برای خرید و فروش لایک و فالور استفاده کنیم و پس از انتخاب باکس مورد نظر چطور میشه صفحه دیگری ایجاد کرد که کاربر مشخصاتش رو وارد کنه و سپس برای پراخت اقدام کنه ؟؟
ali ali 5 سال عضو همیار وردپرس
درود بر دوستان عزیز. بسیار مفید و کارآمد بود.
خداقوت و خسته نباشید به شما دوستان همیار.
اناهیتا نیکخواه 4 سال عضو همیار وردپرس
سلام
در رابطه با این جدول یه سوال داشتم.در فیلم توضیح دادید که چه جوری جدول یا سطر به جدول اضافه بشه.ولی اگه بخوام جدولم دو سطر داشته باشه چه جوری کم کنم؟
بهاره کوهستانی 9 سال عضو همیار وردپرس
سلام
در تنظیمات جدول، روی کل جدول کلیک کنید میشه یکی رو حذف کرد.
sadegh khaleghpour 4 سال عضو همیار وردپرس
سلام این قسمت اخر که توضیح دادین میشه کامل بگین من هرکاری میکنم صفخه اصلی قرار بگیره نمیشه؟
اینو گفتین:
نکته: بهتر است جدول قیمت گذاری در وردپرس را بصورت تمام صفحه در سایت خود قرار دهید، به این منظور می بایست از کد پی اچ پی ایجاد شده در قالب سایت خود استفاده کنید و کد را در محل مناسب، در فایل مورد نظر، در قالبتان کپی کنید.
ممنون میشم توضیج بدین؟
بهاره کوهستانی 9 سال عضو همیار وردپرس
سلام
برای اینکه حالت واکنش گرایی حفظ بشه و بهم نریزه این بخش رو گفتن. که جدول بدون وجود سایدبار و یا با اندازه کوچک قرار بگیره.
پروین پارسازاده 5 سال عضو همیار وردپرس
سلام و عرض ادب
روی دانلود میزنم میره صفحه دیگه و ارور No Access. میزنه
محمدرضا خدری 5 سال عضو همیار وردپرس
بررسی کردم
مشکلی نداره
روی دانلود کلیک کنید و 15 ثانیه صبر کنید.
دانلود بصورت خودکار شروع میشه.
موفق باشید…
یوسف خسروی 4 سال عضو همیار وردپرس
سلام
این افزونه راست چین نیست میشه راست چین بزارید.
محمدرضا خدری 5 سال عضو همیار وردپرس
سلام
درست میفرمائید
اما از قسمت تنظیمات افزونه راست چین کردن نوشته ها وجود داره
Ali 8 سال عضو همیار وردپرس
سلام
متاسفانه در نسخه موبایل کامل بهم میریزه راه حلی داره؟
محمدرضا خدری 5 سال عضو همیار وردپرس
سلام
پس یعنی رسپانسیو نیست
از افزونه های مشابه دیگری استفاده کنید…
سید آرین حسینی 6 سال عضو همیار وردپرس
با سلام
خیلی خوب ود!
متشکرم….
محمدرضا خدری 5 سال عضو همیار وردپرس
🙂
abed
سلام نسخه pro رو ندارید من میخواستم جدول های دیگش رو انتخاب کنم متاسفانه این نسخه آزمایشی هست
بهاره کوهستانی 9 سال عضو همیار وردپرس
سلام
داخل ژاکت ببینید. ممکنه موجود باشه.
absoft 5 سال عضو همیار وردپرس
عالی بود
محمدرضا خدری 5 سال عضو همیار وردپرس
ツ