ساخت جدول در وردپرس با Tablepress + آموزش ویدئویی

جدول در وردپرس

اضافه شدن ویدئوی آموزشی توسط محمدرضا خدری
بروزرسانی توسط وحید زعفرانلو در 8 آبان 1396

استفاده از جداول‌ در سایت‌های مختلف کاربردهای زیادی دارد، اما وردپرس به عنوان یک
CMS قدرتمند این امکان را به صورت پیش‌فرض ندارد. عدم وجود امکان ایجاد جدول در وردپرس یکی از ضعف‌های وردپرس به شمار می‌آید اما وجود افزونه‌های مختلف در این زمینه توانسته است چنین ضعفی را جبران کند. در این مقاله قصد معرفی افزونه‌ای قدرتمند و معروف را داریم که توسط آن قادر به ایجاد انواع جدول در وردپرس خواهید بود.

جدول در وردپرس

TablePress یک افزونه حرفه‌ای و کاربردی برای وردپرس است که با استفاده از آن قادر به ایجاد انواع جدول به صورت کاملا حرفه‌‍ای در وردپرس خواهید بود. این افزونه توانسته است از میان +600,000 نصب، امتیاز کامل 5 از 5 را به خود اختصاص دهد.

برخی از ویژ‌گی‌های افزونه

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

نصب و راه‌اندازی افزونه افزونه Tablepress

برای استفاده از این افزونه، ابتدا آن را از انتهای همین مقاله نصب کنید. پس از نصب، بخشی به نام TablePress مشاهده می‌کنید.

Plugin Options

این بخش مربوط به تنظیمات افزونه است که می‌توانید با توجه به نیاز خود آن را شخصی‌سازی کنید.

Fronted options

این بخش مربوط به ظاهر جدول‌های ایجاد شده با افزونه است. در صورت نیاز می‌توانید کدهای css اختصاصی خود را در بخش Custom CSS وارد کنید.

fronted option-جدول در وردپرس

User Options

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

user option-جدول در وردپرس

All Tables

در این بخش می‌توانید تمامی جدول‌های ایجاده شده را مشاهده کنید. اگر جدولی ایجاد نکرده‌اید، قطعا این بخش را خالی می‌بینید. برای ایجاد جدول در وردپرس کافی است بر روی Add New کلیک کنید تا تنظیمات مربوط به ایجاد جدول جدید نمایان شود.

table info-جدول در وردپرس

Table Name: در این بخش باید نامی برای جدول موردنظر خود انتخاب کنید.
Description (optional): در این بخش باید توضیحات مربوط به جدول موردنظر خود انتخاب کنید.
Number of Rows: در این بخش باید تعداد  ردیف‌های موردنیاز خود را جهت ایجاد آن در جدول انتخاب کنید.
Number of Columns: در این بخش باید تعداد  ستون‌های موردنیاز خود را جهت ایجاد آن در جدول انتخاب کنید.

پس از اعمال موارد بالا بر روی Add Tables کلیک کنید تا صفحه مربوط به سایر تنظیمات جدول را مشاهده کنید.

Table ID: در این بخش می‌توانید ID جهت استفاده در شورت‌کد افزونه را استفاده کنید.

table content-جدول در وردپرس

Table Manipulation

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

table manipulation-جدول در وردپرس

Avanced editor: با استفاده از این گزینه می‌توانید از ویرایشگر پیشرفته افزونه جهت درج اطلاعات جدول در وردپرس استفاده کنید.
Insert Image: با استفاده از این گزینه می‌توانید از تصاویر موردنیاز خود در جدول ایجاد شده استفاده کنید.
Insert Link: با استفاده از این گزینه می‌توانید در جدول ایجاد شده خود، به کلمه‌ای لینک بدهید.
Selected rows: با استفاده از این گزینه می‌توانید با انتخاب ردیف موردنظر خود آن را پنهان کنید و یا در صورت پنهان بودن دوباره آن را نمایش دهید. همچنین با استفاده از گزینه Duplicate می‌توانید ردیف موردنظر خود را کپی کنید.

Add row(s): با استفاده از این گزینه می‌توانید ردیفی را به جدول خود اضافه کنید.
Selected columns: با استفاده از این گزینه می‌توانید با انتخاب ستون موردنظر خود آن را پنهان کنید و یا در صورت پنهان بودن دوباره آن را نمایش دهید. همچنین با استفاده از گزینه Duplicate می‌توانید ردیف موردنظر خود را کپی کنید.
Add column(s) : با استفاده از این بخش نیز می‌توانید ستونی را جدول خود اضافه نمایید.
Table Head Row: با استفاده از این گزینه می‌تواید یک ردیف را برای اطلاعات اصلی جدول در وردپرس قرار دهید و در ردیف‌های بعدی اطلاعات مربوط به آن را نمایش دهید.

table option-جدول در وردپرس

Table Foot Row: با استفاده از این گزینه نیز می‌توانید ردیف آخر را برای اطلاعات اصلی قرار دهید و اطلاعات اضافی را در سایر ردیف‌ها قرار دهید.
Row Hover Highlighting: با انتخاب این گزینه در صورتی که کاربر موس خود را بر روی یک ردیف یا ستون خاصی ببرد، آن ستون تغییر رنگ می‌دهد و به حالت Hover در می‌آید.
Print Table Name: با انتخاب این گزینه می‌توانید محلی را برای نمایش عنوان جدول در وردپرس نمایش دهید. در این بخش می‌توانید نام جدول را در پایین یا بالای افزونه نمایش دهید.
Print Table Description: در این بخش نیز می‌توانید محلی را جهت نمایش توضیحات مربوط به جدول موردنظر خود را نمایش دهید که امکان نمایش در بالا یا پایین جدول در اختیار شما قرار گرفته است.

Features of the DataTables JavaScript library

این بخش مربوط به اطلاعات javascript جدول است که می‌توانید آنها را شخصی‌سازی کنید.

javascript option-جدول در وردپرس

Use DataTables: با استفاده از این گزینه می‌توانید قابلیت استفاده از کدهای javasctipt را در سایت خود فعال کنید.
Sorting: این حالت به شما امکان فشرده‌سازی کدهای مورد استفاده را می‌دهد که می‌توانید با استفاده از آن کدهای جاوا اسکریپت مورد استفاده در افزونه را فشرده‌سازی کنید.
Search/Filtering: با استفاده از این گزینه می‌توانید قابلیت جستجو در میان اطلاعات درج شده در جدول را در اختیار کاربران خود قرار دهید.
Pagination: با استفاده از این گزینه می‌توانید قابلیت صفحه‌بندی را در صورت زیاد بودن اطلاعات جهت نمایش در جدول به کاربر بدهید و کاربر بتوانید صفحات بعدی را انتخاب کند.

Show rows per page: با استفاده از این گزینه می‌توانید تعداد ردیف‌هایی که قرار است در جدول نمایش داده شود را تعیین کنید.
Info: با استفاده از این گزینه می‌توانید اطلاعات اضافی مربوطه را که در جدول نمایش داده می‌شود، فعال کنید.
Horizontal Scrolling: با استفاده از این ابزار می‌توانید قابلیت اسکرول شدن را در جدول ایجاد شده توسط افزونه ایجاد کنید. این ابزار زمانی کاربرد دارد که تعداد ستون‌های استفاده شده در جدول زیاد باشد و کاربر نتواند همه‌ی آنها را در یک صفحه مشاهده کنید. پیشنهاد می‌کنم این بخش را فعال کنید تا به ظاهر جدول خود نیز کمک کرده باشید.

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

result-جدول در وردپرس

جمع بندی

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

ویدئوی آموزشی

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

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

مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

331,267 نفر

پاسخی بگذارید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 7 ماه عضو همیار وردپرس

    سلام وقتی کد رو در قسمت ویرایشگر چه در قسمت دیداری چه در قسمت متن میزاریم و ذخیره میکنیم در نمایش سایت ارور زیر میاد به جای جدول

    Attention: The internal data of table “1” is corrupted

  2. 9 ماه عضو همیار وردپرس

    با سلام
    ایا این امکان را دارد جدول را نشان ندهد فقط اگر اطلاعات وارد شده وجود داشت فقط آن را نشان دهد؟

  3. 3 سال عضو همیار وردپرس

    با سلام
    این افزونه امکان اینو داره که به ددیتابی وصل شده و اطلاعات جدولای دیتابیسو نشون بده؟

  4. 1 سال عضو همیار وردپرس

    سلام میشه به نوشته های داخل جدول لینک داد؟

  5. 1 سال عضو همیار وردپرس

    سلام . ممن.ن از افزونه خوبتون

    فقط یه سوال دارم جچوری متن هایی که میذاریم باید وسط چین بشه؟

  6. سلام
    جدول من 8 ستون دارد ولی در گوشی فقط چهارتاشو نشون میده؟!!
    از نظر ظاهری تمیزه ولی بثیه ستون هارو حزف میکنه چرا؟

مطالب زیر را حتما بخوانید

دوره‌های آموزشی