ساخت جدول در وردپرس با 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. سلام
    من میخوام طراحی سایت یاد بگیرم و بتونم از این راه کسب درآمد کنم.
    مشکلی که من دارم اینکه نمیدونم برم سراغ طراحی سایت با وردپرس و یا طراحی سایت با کد نویسی.
    هدف بلند مدتم اینکه یک PHP کار حرفه ای بشم اما در حال حاضر نیازمند شغلی هستم که بتونم از بیکاری در بیام و درآمدی داشته باشم .
    چون عجله دارم که زودتر مشغول به کار بشم فکر میکنم بهتره با وردپرس کار کنم و در آینده طراحی سایت با کد نویسیو یاد بگیرم.
    لطفا راهنمایی بفرمایید.
    سپاس

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

      با سلام. ای کاش سوال خودتون رو در مطلب مناسبی می‌پرسیدید.
      در هر صورت با توجه به شرایط شما، پیشنهاد می‌کنم اول وردپرس‌کار شوید و بعد به سراغ کدنویسی بروید.

  3. با تشکر فراوان از وب سایت عالی و مطالب بروزتون
    موفق پیروز باشید

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

    بسیار عالی !

  5. […] ۱۳۹۶در بسیاری از موارد شما در سایت خود نیاز به ایجاد جداول واکنشگرا جهت وارد سازی یک سری اطلاعات را دارید. در این گونه […]

  6. […] ۱۳۹۶ در بسیاری از موارد شما در سایت خود نیاز به ایجاد جداول واکنشگرا جهت وارد سازی یک سری اطلاعات را دارید. در این گونه […]

  7. […] ۱۳۹۶در بسیاری از موارد شما در سایت خود نیاز به ایجاد جداول واکنشگرا جهت وارد سازی یک سری اطلاعات را دارید. در این گونه […]

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

    • دوستانی که مشکل دارن برای افزونه میگن خط عمودی تا پایین نمیاد منم این مشکل رو داشتم حل شد اول جدول رو بسازید save کنید و در آخر export کنید نوع فایل رو html انتخاب کنید و دانلود کنید فایل html رو باز کنید کلیک راست کرده و viwe page source رو بزنید کل کد ها رو کپی کنید و در قسمت کد نوشته مورد نظر paste کنید نمونه

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

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

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

  11. با سلام
    پیشاپیش ممنون از این ک وقت میذارید
    می خواستم بپرسم شما افزونه ای برای وردپرس میشناسید ک نظرات رو بگیره و به صورت جدول نمایش بده ؟
    اگر میشناسید لطف کنید به ایمیل بهم جوابو ارسال کنید . با تشکر

  12. با سلام

    چطور میتونم توی این افزونه رنگ سطر ها رو یکی در میون تغییر بدم؟
    مثلا آبی و سفید یا هر رنگ دیگه ای
    رنگ سطرهای خودش خیلی بی روحه

    ممنون میشم راهنمایی کنین

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

    سلام دوستان
    براي آن دسته از دوستان كه از اين افزونه استفاده ميكردن و مشكل ساخت جدول در سطر هاي زيادو داشتن يك خبر خوب دارم ،با بروز رساني اين افزونه به نسخه ١.٧ اين مشكلشون حل ميشه

    • سلام
      من از نسخه ۱.۷ استفاده می‌کنم؛ اما مشکل همچنان باقی است!

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

    سلام
    مقدار کارکترهای ثبت‌شده از یک حدی که بالاتر میره، هنگام سیو این خطا رو میده:
    Saving failed: AJAX call failed: error – Internal Server Error. Try again while holding down the “Shift” key.
    مشکل از کجاست و چه باید کرد؟
    سپاسگزارم

  15. سلام و درود فراوان
    من وقتی می خواهم جدولی که ایجاد کردم و save کنم بهم این پیغام و(Apache HTTP Server has stopped Working) نشون میده و نمیزاره جدول و ذخیره کنم
    باید چه کار کنم لطفا راهنمایی کنید
    ممنونم

  16. سلام
    افزونه tablepressخیلی جالب بود
    ممنون از همیار وردپرس

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

      من حقیقتش چند افزونه جدول نصب کردم و هیچکدومش به این زیبایی و خوبی نبوده و حتی از طریق ویرایشگر نتونستم جدول رو بکشم و پسند کنم بخاطر همین بشدت دنبال این هستم که مشکل این خطای هنگام ذخیره رو حل کنم
      دوستانی که این مشکل خطا هنگام ذخیره کردن جدول رو دارند:
      AJAX call failed: parsererror – SyntaxError: Unexpected token < in JSON at position 180. Try again while holding down the “Shift” key.
      من در توییتر به دولوپرش پیغام دادم گفت در قسمت پشتیبانی این پلاگین در مخزن وردپرس پیام بگذار تا بررسی کنم
      دیدم نفرات زیادی هستند که این مشکل رو دارند و گزارش دادند و اگثرا هم حل شده
      اکثرا مشکل ها از تنظیمات هاستشون بوده
      من لینک صفحه اونهابیی که مشکلشون حل شده رو قرار میدم و دوستان که انگلیسی شون خوبه بگن مشکل دقیقا کجای هاسته که ما به شرکت هاستینگمون انتقال بدیم تا انشاءالله حل بشه

      https://wordpress.org/support/topic/error-when-saving-5/

      https://wordpress.org/support/topic/saving-failed-ajax-call-failed-error-not-found-try-again-while-holding-down/

      https://wordpress.org/support/topic/saving-failed-ajax-error/

      https://wordpress.org/support/topic/cant-save-table-2/

      ممنون

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

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

مشاهده همه آموزش‌های آنلاین