ساخت جدول در وردپرس با افزونه TablePress

زمان انتشار:
تعداد بازدید: 178
دسته بندی ها: افزونه وردپرس، کاربردی

زمان تقریبی خواندن نوشته: 5 دقیقه
حالت تمام صفحه:

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

ساخت جدول در وردپرس با افزونه TablePress

روش‌های متعددی برای ساخت جدول در وردپرس وجود دارد. مانند:

  1. ساخت جدول در وردپرس با کد نویسی
  2. ساخت جدول در وردپرس کمک گرفتن از افزونه‌های جدول ساز وردپرس

به همین دلیل پیشنهاد می‌کنیم برای اینکه به‌راحتی بتوانید جدولی ساخته و ویرایش کنید از افزونه TablePress کمک بگیرید. این افزونه توانسته بیش از ۶۰۰,۰۰۰ نصب فعال را با امتیاز ۵ از ۵ در مخزن وردپرس به ثبت برساند.

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

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

ساخت جدول در وردپرس با افزونه TablePress

زیرمنوهای افزونه TablePress جدول ساز وردپرس

 All Table: همان‌طور که از اسمش پیداست ، این قسمت همه‌ی جدول‌هایی که ساخته‌اید را نمایش می‌دهد.

اجازه دهید ابتدا ساخت جدول را به شما آموزش دهیم و بعد قسمت All Table را بررسی می‌کنیم.

Add New Table: در این قسمت می‌توانید جدول جدیدی را بسازید.

Import a Table: برای درون‌ریزی جداول ساخته‌شده از این قسمت کمک می‌گیریم.

Export a Table: به کمک این بخش جدول‌های ساخته‌شده را می‌توان برون‌بری کرد.

Plugin Options: برای تنظیمات کلی افزونه و حاوی بخشی برای وارد کردن CSS است.

چگونه در وردپرس جدول بسازیم؟

ابتدا برای ساخت جدول در وردپرس بر روی زیرمنوی Add New Tble کلیک کنید. می‌بینید که مانند تصویر زیر چند کادر برای شما نمایش داده می‌شود.

ساخت جدول در وردپرس Add New Table-tablepress

  • Table name: نام جدولی که قصد ساختن آن را دارید وارد کنید.
  • Description: که بخش محتویات جدول است می‌توانید هر چیزی را بسته به نیازی که دارید بنویسد. نوشتن در داخل این کادر اختیاری است.
  • دو کادر number of Rows و number of Column به ترتیب تعداد ردیف و تعداد ستون‌ها را نشان می‌دهد شما می‌توانید هر تعداد ردیف و ستون که نیاز دارید را داخل این کادرها بنویسید.
  • روی دکمه  Add Table کلیک کنید تا جدولتان ساخته شود.

Table Information

این بخش اطلاعات جدول مانند آیدی، نام، محتویات و شورت کد جدول را نمایش می‌دهد.

ساخت جدول در وردپرس -Table Information

shortcode: برای درج جدول تنها کافی است شورت کد مخصوص آن را در قسمت دلخواه خود درج کنید. این کد برای هر جدول منحصربه‌فرد است.

Table Content

این بخش قالب و محتویات جدول مانند محتوای سطر و ستون را نمایش می‌دهد.

ساخت جدول در وردپرس -Table Content

Table Manipulation

برای توضیح بخش Table Manipulation به تصویر زیر دقت کنید.

ساخت جدول در وردپرس -Table Manipulation

همان‌طور که در تصویر بالا مشاهده می‌کنید جدول سه ردیف و دو ستون دارد که در کنار هر ردیف و پایین هر ستون یک کادر کوچک وجود دارد. شما می‌توانید با تیک زدن هر کدام از این کادرها در قسمت table manipulation ردیف یا ستون جدول را حذف، اضافه، کپی و نمایش دهید. در تصویر مشاهده کردید که تنظیمات ردیف در سمت راست و تنظیمات ستون در سمت چپ قرار دارد.

Table Option

این قسمت مربوط به تنظیمات جدول است. تنظیماتی مانند چاپ نام جدول یا print Table name دارد.

ساخت جدول در وردپرس -TABLE OPTION

print Table name: نام جدول چگونه چاپ شود؟ بالای جدول یا پایین جدول  (above or below)که روی هرکدام که مد نظرتان است قرار دهید. همچنین می‌توانید تیک print Table name را بردارید تا اصلا نام جدول نمایش داده نشود.

print Table Description: چاپ توضیحات جدول است که به چه صورت نمایش داده شود. می‌توانید مد نظرتان تنظیم کنید.

Extra Css Classes: کلاس‌های اضافی css را نشان می‌دهد، می‌توانید طراحی جدول مثل رنگ،  فونت و … را تغییر دهید.

در آخر برای ساخت جدول در وردپرس بر روی دکمه save change کلیک می‌کنیم. می‌توانیم قبل از منتشر شدن روی preview کلیک کنیم و پیش‌نمایش آن را ببینیم.

نکته: آخرین بخش این قسمت یعنی Features of The Data Tables Java Script Library است که بعد از ذخیره‌ی تغییرات این بخش را توضیح خواهیم داد.

درج جدول در برگه یا نوشته وردپرس

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

ساخت جدول در وردپرس -create table in wordpress

تصویر فوق نمایش جدول در صفحه‌ی سایت است همان‌طور که گفته شد کد کوتاه را در هر جا قرار دهید در همان‌جا جدول نمایش داده می‌شود.

Features of The Data Tables Java Script Library

در تصویر بالا می‌بینید که پس از ساخت جدول در وردپرس و نمایش آن، قسمت‌هایی مانند جستجو و نمایش محتویات وجود دارد. این کادرها مربوط به همان بخش Features of The Data Tables Java Script Library است که به آن اشاره کردیم. حال توضیح مختصری از آن را به شما ارائه می‌دهیم.

ساخت جدول در وردپرس -Features of The Data Tables Java Script Library

Search: از گزینه‌های این قسمت است که می‌توانید بین جدولتان جستجو کنید.

Pagination: نمایش محتویات به صورت صفحه‌بندی شده است که تعداد ردیف‌های قابل‌نمایش در هر صفحه را مشخص می‌کند. می‌توانید بسته به جدولتان این عدد را تعیین کنید.

نکته: برای اینکه از گزینه‌های این بخش استفاده کنید حتما تیک Data Tables را بزنید.

زیرمنوی All Table برای مشاهده جداول ساخته شده

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

ساخت جدول در وردپرس-All Table

همان‌طور که در تصویر مشاهده می‌کنید با استفاده از گزینه‌های Delete ،Export ،Copy ،Show shortcode ،Edit به ترتیب جدولتان را حذف کنید، خروجی بگیرید، کپی کنید، شورت کد آن را مشاهده کنید و آن جدول را ویرایش کنید.

زیرمنوی Import جهت درون‌ریزی جداول وردپرس

ممکن است این سؤال برای شما پیش بیاید که آیا می‌توان محتویات جدول‌هایی که در csv ،Json ،html و… ساخته ‌شده‌اند را پس از ساخت جدول در وردپرس به آن اضافه کرد؟

برای پاسخ به این سؤال فرض کنید که در Excel ،Json و …جدولی دارید که می‌خواهید از افزونه جدول ساز استفاده کنید و این جدول‌ها را در هر جای سایت که مد نظرتان است قرار دهید. برای این کار لازم نیست جدول را از نو بسازید. کافی است که مراحل زیر را برای درون‌ریزی جداول وردپرس انجام کنید.

ساخت جدول در وردپرس -Import a Table

  1. در بخش Import در  قسمت Select File جدول را انتخاب کنید.
  2. فرمت جدول را در کادر Import Format تعیین کنید.
  3. بر روی کادر Import کلیک کنید. در نهایت جدولتان به‌راحتی به جدول ساز اضافه می‌شود.

زیرمنوی Export جهت برون‌بری جداول وردپرس

به طور کلی از این بخش پس از ساخت جدول در وردپرس فعال می‌شود. زمانی از Export استفاده می‌شود که می‌خواهیم از جدول خروجی بگیریم و در فضاهای دیگر مانند Csv ، Html  و … استفاده کنیم. طرز کار به این صورت است که از جداول موردنظر خود خروجی بگیریم یا اصطلاحاً آن‌ها را برون‌بری کنیم.

ساخت جدول در وردپرس -Export a Table

  1. جداول موردنظر برای برون‌بری را انتخاب کنید.
  2. فرمت فایل خروجی را مشخص کنید که بسته به نیازتان برای کدام نرم‌افزار این فایل را می‌خواهید، در قسمت Export Format مشخص می‌کنیم که خروجی از نوع Csv ، Html  یا Json باشد.
  3. در قسمت Csv Delimiter تعیین می‌کنیم که جداکننده  comma , semicolon,tabulator باشد.
  4. در نهایت روی کادر Download Export File کلیک می‌کنیم.

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

جمع‌بندی نهایی

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

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

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

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

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

4 نوشته تا کنون

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

8 دیدگاه
  1. شکوفه

    شکوفه

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

    • محدثه اسماعیلی

      محدثه اسماعیلی

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

    • شکوفه

      شکوفه

      دوردیف در ۵ ستون و رسپانسیوه که میگین یعنی چی؟

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام
      ببینید کلمه rowsیعنی سطر (افقی)
      Column یعنی ستون (عمودی)
      تعداد این موارد رو بر اساس نیاز وارد کنید . احتمالا جای عدد سطر و ستون رو جابجامیزنید.
      رسپانسیو هم یعنی واکنش گرا. یعنی جدول نسبت به اندازه و پهنای صفحه حساس هستش.

    • شکوفه

      شکوفه

      ای کاش می تونستم عکسشو بهتون نشون بدم لطف میکنید تو سایت وارد بشید برگه شرایط پذیرش آگهی رو ببینید سطرو ستون درسته preview هم درسته ولی تو برگه که می ذارمش اون شکلی میشه دو روزه درگیر این مسئله هستم

    • محدثه اسماعیلی

      محدثه اسماعیلی

      دیدم شکوفه خانم
      شما یه جدول با ۲سطر و ۵ ستون لازم داری
      Column رو بذارید ۵
      rows رو ۲ بذارید.
      باید ی جدول ۵ ستونه با ۲ سطر ساخته بشه

  2. مجتبی

    مجتبی

    خیلی عالی بود مرسی از زحماتت

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام خوشحالیم که راضی بودید.