ساخت جداول واکنشگرا در وردپرس | بلاگ

ساخت جداول واکنشگرا در وردپرس

تعرفه تبلیغات در سایت

آخرین مطالب

امکانات وب

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

همه آنچه برای نمایش جداول واکنشگرا در وردپرس میخواهید از روش پیکربندی پلاگین انجام می‌شود و بعد با شورت کد متبوع آن را در هر بخشی از تارنما که بخواهید میتوانید به نمایش بگذارید .
تولید جداول واکنشگرا با Data Tables Generator by Supsystic

Data Tables Generator by Supsystic - جداول عکس العمل گرا در وردپرس
آغاز عمل

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

add table - جداول واکنشگرا در وردپرس

بر روی مورد ی Add Table کلیک نمائید تا او‌لین جدول واکنشگرا را تولید کنیم .
Add table

build table - جداول واکنشگرا در وردپرس

پس از کلیک با یک پنجره پاپ آپ که در تصویر بالا می‌بینید , مواجه می‌شوید ;
ابتدا در فیلد اولیه یک تیتر برای جدول خویش بنویسید , آن گاه در دو فیلد بعدی به ترتیب تعداد سطر ها و تعداد ستون های جدول را انتخاب فرمائید و در غایت create را جهت ساخت جدول کلیک فرمائید .
پیکربندی اساسی

general settings - جداول واکنشگرا در وردپرس

بعداز تولید جدول به پیکربندی مرتبط با جدول خویش می‌روید که شبیه تصویر بالا میباشد . هر قسمت را به طور منقطع بررسی میکنیم!
setting1 - جداول واکنشگرا در وردپرس

در نصیب بالایی با آیتم های سمت راست می‌توانید جدول خویش را ذخیره , تکرار , ایمپورت و حذف نمائید .
در نصیب بالا سمت چپ نیز میتوانید شورت کد جدول را ببینید و آن را در برگه/نوشته وب سایت خویش وارد و جداول واکنشگرا در وردپرس را در خروجی ملاحظه کنید .
در بخش زیرین نیز تب های پیکربندی پلاگین را مشاهده میکنید که ابتدا به معرفی بخش settings می‌پردازیم .
Settings

تب settings خویش چندین تب زیر گروه ی دیگر داراست :
تب Main

main - جداول واکنشگرا در وردپرس

Caption : با فعال کردن آن تیتر جدول برفراز آن نمایش داده می گردد .
Description : یک توضیح برای جدول می‌توانید داشته باشید .
Header : میتوانید هدر جدول را با فعال کردن این آیتم نمایش دهید .
Footer : میتوانید هدر را با فعال کردن آن در فوتر نیز نمایش دهید .
Auto Index : سطر ها را برای شما اینکدس گذاری می نماید که می‌توانید با آیتم های آن تهیه فرمائید که یک ستون غیر وابسته را برای ایندکس گذاری داشته باشد یا این که به عبارتی ستون اولیه را بگیرد ( این مورد را تعیین نکنید زیرا از او‌لین ستون دارای اهمیت شما استفاده می نماید ) و یا این که این که به عبارتی ستونی که شما می سازید را نمایش دهد .

تب Design

design - جداول واکنشگرا در وردپرس

Borders : برای جدول شما کناره ساخت می نماید .
Compact : جدول را کامپکت می نماید یعنی فشرده می نماید ( شاید پاره ای از جدول با این عمل غیر قابل نمایش شود! ) .
Highliting : با بردن موشواره بر روی سطر ها آن سطر هایلایت میشود .
Responsive Mode : این آیتم را بر روی standard responsive mode قرار دهید تا بصورت استاندارد با مانیتور های گوناگون به صدق نشان داده شود .

تب Features

features - جداول واکنشگرا در وردپرس

این نصیب نیز پیکربندی فرعی را در بر دارااست همانند پهنا خودکار , نظم دهی , ساخت جعبه کاوش , کاوش و سازمان دهی مبنی بر , نمایش/عدم نمایش جدول های خالی و…

نکته : آیتم تولید جعبه کاوش را ما فعال کردیم و در خروجی با نیز مشاهده میکنیم , این جعبه کاوش بصورت ایجکس میباشد و از باطن به عبارتی جدول کاوش را انجام می دهد!

باقی آیتم ها برای ورژن ی پرمیوم می باشد!
تب Language and text

language and text - جداول واکنشگرا در وردپرس

برای این‌که نمایش خروجی شما بصورت راست چین ( برای ما پارسی زبانان ) باشد از بخش Language لهجه را برابر Persion قرار دهید .
از بخش سمت چپ این تب نیز می‌توانید نوشته های پیش فرض را برای مورد های معلوم تغییر‌و تحول دهید .
بخش حساس فعالیت Editor

editor - جداول واکنشگرا در وردپرس

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

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

copy shortcode - جداول واکنشگرا در وردپرس

هم اکنون می‌توانیم فیض را در خروجی مشاهده کنیم .

result table - جداول واکنشگرا در وردپرس

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

 

طراحی سایت در مشهد,...
نویسنده : امین طیرانی بازدید : 3 تاريخ : دوشنبه 14 اسفند 1396 ساعت: 17:12