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

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

اضافه شدن ویدئوی آموزشی توسط محمدرضا خدری
بروزرسانی توسط وحید زعفرانلو در ۸ آبان ۱۳۹۶

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

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

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

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

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

نصب و راه‌اندازی افزونه افزونه 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

دانلود صفحه افزونه
راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

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

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

۲۶۰,۷۵۲ نفر

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

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

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

  2. با عرض سلام و خسته نباشید
    آیا امکان تغییر عرض ستون‌های جدولی که با tablepress ساخته می‌شه، وجود داره؟
    سپاس از شما

  3. با عرض سلام و خسته نباشید
    مرسی از آموزش Tablepress
    به من به عنوان یه تازه کار خیلی کمک کرد.
    یه سؤال دارم: یه جدول درست کردم. متن یکی از ستون هاش انگلیسیه. توو تنظیمات tablepress جهت متن و writing direction رو درست کردم (از چپ به راست) ولی توو سایتم از راست به چپ نشون می ده. مشکل کارم کجاست؟
    مرسی از شما

  4. با عرض سلام و خسته نباشید
    مرسی از آموزش Tablepress. نیازهای من رو به عنوان یک تازه کار تا حد زیادی برآورده کرد.
    یه سؤال دارم. یه جدول درست کردم متن چند ستونش فارسی هست و متن یک ستونش انگلیسی. توو خود Tablepress جهت متن ستون انگلیسیم رو با تنظیم writing direction و جهت متن، درست می بینم (یعنی از چپ به راست) ولی توو سایتم جهت متن برعکس نشون داده می‌شه (یعنی از راست به چپ).
    مشکل کارم کجاست؟
    با سپاس از شما

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

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

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

    ۲۹۰ هزار تومان
    اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم به شدت قوی و مرتب بروزرسانی می‌کند، بازار خیلی خوبی برای تجارت...
مشاهده همه آموزش‌های آنلاین