افزونه جدول ساز Table Press

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

قبل از ارائه نسخه 5 وردپرس و معرفی کامل ویرایشگر گوتنبرگ معمولا یکی از مشکلات و ضعف هایی که در سایتهای وردپرسی وجود داشت ایجاد جداول متفاوت و ریسپانسیو در سایت ها بود. وب مسترها برای رفع این مشکل معمولا از افزونه های متفاوتی استفاده می کنند امروز به شما افزونه ای را معرفی می کنیم که در رتبه بندی افزونه های هم رده خود با بیش از 800 هزار نصب فعال توانسته با 3633 امتیاز 5 ستاره را کسب کند.

معرفی و نصب افزونه Table Press

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

بعد از نصب افزونه، منو Table Press به منوهای وردپرس اضافه می شود که شامل زیر منوی ذیل می باشد.

• All Tables
• Add New Table
• Import a Table
• Export a Table
• Plugin Option
• About Tablepress

منو All Tables

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

منو Add New Table

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

Table Name: نام جدول را وارد نمایید.

Description: یک محتوای توضیحی برای جدول خود در این کادر وارد نمایید.

Number of Rows: تعداد ردیفی که برای جدول خود نیاز دارید را وارد نمایید.

Number of Columns: تعداد ستونی که برای جدول خود نیاز دارید را وارد نمایید.

بعد از تکمیل فرم Add Table  را بزنید تا جدول ایجاد و به صفحه جزئیات جدول وارد شوید.

کادر Table information:

در این صفحه در بخش Table information ابتدا شما جزئیاتی که در مرحله قبل ایجاد کرده اید مشاهده می کنید همین طور می توانید شورتکد جدول و ID که به این جدول اختصاص داده شده است را ببینید.

کادر Table Content

در این بخش می توانید نام ستون ها و محتوای جدول خود را وارد نمایید و مشخص کنید که جدول براساس کدام ستون به صورت صعودی (Ascending) یا نزولی (Dscending) مرتب شود.

کادر Table Manipulation

در کادر Table Manipulation با استفاده از امکاناتی که به شما داده می شود می توانید یک جدول پیشرفته تر بسازید.

Advanced Editor:اگر نیاز به درج اطلاعات به شکل خاصی هستید می توانید از این گزینه برای داشتن یک ادیتور حرفه ای تر استفاده نمایید. برای استفاده از این گزینه ابتدا تیک کنار ردیف مورد نظر خود را بزنید و بر روی سلولی که میخواهید ادیتور را داشته باشید کلیک نمایید و سپس گزینه Advanced Editor  را انتخاب نمایید.
Insert Image: با این گزینه می توانید تصاویری را داخل جدول خود وارد نمایید. مشابه با گزینه قبل باید ردیف را انتخاب نمایید.
Insert Link: با استفاده از این گزینه می توانید در سلول های جدول لینک ایجاد کنید.
Selected Rows: با این گزینه می توانید یک ردیف یا ستون را مخفی یا نمایان کنید یا یک ردیف را کپی یا حذف کنید و یا یک ردیف جدید ایجاد کنید.
Add row(s): با این گزینه می توانید یک ردیف جدید به جدول اضافه کنید.
Add Columns(s): با این گزینه می توانید یک ستون جدید به جدول اضافه نمایید.
Table Head Row: با استفاده از این گزینه می‌تواید یک ردیف را برای اطلاعات اصلی جدول در وردپرس قرار دهید و در ردیف‌های بعدی اطلاعات مربوط به آن را نمایش دهید.

کادر Table Option

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

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

Table Foot Row: در صورتی که می خواهید آخرین سطر از جدول شما به عنوان فوتر جدول در نظر گرفته شود می توانید این گزینه را تیک بزنید. به عنوان مثال ردیف جمع قیمت می تواند فوتر جدول شما باشد.

Alternating Row Colors: در صورتی که می خواهید ردیف ها یکی در میان رنگ متفاوتی داشته باشند این گزینه را تیک بزنید.

Row Hover Highlighting: اگر می خواهید وقتی کاربر با موس به روی ردیف ها برود رنگ هر ردیف تغییر کند این گزینه را تیک بزنید.

Print Table Name: با انتخاب این گزینه می توانید مشخص کنید که نام جدول در کدام بخش نمایش داده شود.

Print Table Description: در این بخش می توانید مشخص کنید توضیحات جدول در کدام بخش نمایش داده شود.

Extra CSS Classes: اگر می خواهید مدیریت بیشتری بر روی ظاهر جدول خود داشته باشید می توانید یک کلاس CSS اختصاصی برای آن ایجاد و نام کلاس را در این بخش وارد نمایید.

Features of the Data Tables JavaScript library

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

Use DataTables: اگر این گزینه را تیک بزنید قابلیت استفاده از جاوا اسکریپت(JavaScript) را به جدول خود می دهید.

Sorting:با فعال کردن این گزینه به بازدیدکنندگان سایت خود امکان مرتب کردن داده ها براساس ستون دلخواه را می دهید.

Search/Filtering: با فعال بودن این گزینه امکان جستجو و فیلتر کردن را به بازدیدکنندگان سایت خواهید داد.

Pagination:در صورتی که اطلاعات جدول شما زیاد باشد بهتر است که آن را به صورت صفحه بندی شده به کاربران سایت خود نشان دهید. با فعال کردن گزینه Pagination این تنظیم برای شما فعال می شود. همچنین در کادر Show per page می توانید تعیین کنید چند ردیف در هر صفحه نمایش داده شود.

Pagination Length Change:با فعال کردن این گزینه به بازدیدکنندگان (Visitors) سایت خود امکان این را می دهید که مشخص کنند چه تعداد ردیف را می خواهند ببینند

info:با فعال کردن این گزینه امکان نمایش اطلاعات اضافی جدول را تعداد محتوای جدول، تعداد لینک های جدول و … خواهید داشت.

Horizontal Scrolling: در صورتی که تعداد ستون های شما زیاد باشد بهتر است این گزینه را برای اسکرول افقی جدول انتخاب نمایید.

Custom Commands: این گزینه امکان اختصاصی کردن جداول را با استفاده از کدهای js می دهد. برای کار با این بخش بهتر است داکیومنت مربوط به آن را مطالعه نمایید.

بعد از انجام تنظیمات کافی است دکمه Save Change را بزنید تا جدول شما کامل شود.

برای استفاده از جدولی که ساختید کافی است شورتکدی که در بالای صفحه به شما داده است را در نوشته های خود کپی نمایید. به عنوان مثال برای این جدول کد تولیدی به این شکل می باشد. [table id =1 /].