Taking too long? Close loading screen.

آموزش نحوه ساخت جدول در وردپرس

با سلام خدمت کاربران عزیز وبسایت بزرگ دوباره سلام، امروز  با مقاله ای کاربردی  همراهتون هستیم پس ما رو همراهی کنید:

استفاده کردن از جدول ها در سایت اهمیت و کاربرد بسیار زیادی دارد، از نکات مثبت استفاده از جدول ها به دسته بندی اطلاعات به شکل زیبا،قیاس انواع خدمات، نظم بخشیدن به محصولات و قیمت ها، برای موثر و قابل فهم بودن بر روی سئوی سایت می توان اشاره کرد. طراحی کردن جدول در وردپرس از دو طریق ممکن است: استفاده کردن از ویرایشگر پیش فرض وردپرس و استفاده کردن از افزونه.

 در این مقاله روش ایجاد کردن جدول بدون کدنویسی را به شما آموزش می دهیم:

 نحوه ساخت جدول در وردپرس

در این مقاله به صورت مختصر توضیح خواهیم داد:

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

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

ساخت جدول با استفاده از افزونه wp data tables

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

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

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

تعداد ستون و سطر لازم را وارد کنید و بر آیکون ایجاد جدول کلیک کنید. موقع پر کردن سلول های جدول بسته به اندازه محتوای هر کدام تغییر اندازه می دهد، اما اگر شما ترجیح می دهید که اندازه ی سلول های شما ثابت باشد، می توانید در سمت چپ صفحه در قسمت تنظیمات جدول گزینه ” سلول های جدول با پهنای ثابت” را فعال کنید.

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

اگر شما کاربران وب سایت بزرگ دوباره سلام قصد اضافه یا حذف کردن یک سطر و ستون جدید را دارید به شکل زیر روی آیکون ویرایش جدول کلیک کنید:

ویرایش جدول

  1. قبل از ردیف موردنظر یک ردیف اضافه می­‌کند.
  2. بعد از ردیف موردنظر یک ردیف اضافه می­‌کند.
  3. ردیف انتخاب شده را حذف می کند.
  4. قبل از ستون موردنظر یک ستون اضافه می­‌کند.
  5. بعد از ستون موردنظر یک ستون اضافه می­‌کند.
  6. ستون انتخاب شده را حذف می­‌کند.

نحوه ایجاد جدول با استفاده از افزونه tablepress 

tablepress از جمله محبوب ترین افزونه جدول در وردپرس است. این افزونه با این حال که رایگان در اختیار کاربر قرار می گیرد، از صفحه بندی، فیلترها، مرتب سازی و css سفارشی برای استایل دهی جدول ها پشتیبانی می کند و به شما کاربر محترم این امکان را می دهد که جدول ها را بدون نیاز به کدنویسی به سادگی ایجاد و مدیریت کنید. از ویژگی های افزونه tablepress می توان به محدودیت نداشتن در تعداد ستون و سطر، سفارشی کردن جدول ها و امکان درون ریزی و برون ریزی اطلاعات، اشاره کرد.

در ابتدا از قسمت افزونه ها، افزودن را انتخاب و افزونه tablepress را جستجو نصب و فعال کنید.

بعد از نصب و فعالسازی افزونه یک گزینه ی جدید به نام tablepress به داشبورد شما اضافه می شود.

 

All tables همه‌ی جدول ها 

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

Add New  افزودن یک جدول جدید

در این قسمت شما این امکان دارید را دارید که یک جدول جدید ایجاد کنید.

  • Table Name: نام جدول
  • Description optional: توضیحات مربوط به جدول
  • Number of Rows: تعداد سطرهای موردنیاز جدول
  • Number of Columns: تعداد ستون­‌های موردنیاز جدول

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

TABLE ID: شورت کد مربوط به جدول را برای استفاده در قسمت های مختلف سایت نمایان می کند.

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

بخش Table Manipulation

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

avanced editor :  در این گزینه می توانید از ویرایشگر پیشرفته ی افزونه در جهت درج اطلاعات جدول در وردپرس استفاده کنید.

insert image : در این گزینه می توانید از عکس ها و تصاویر مورد استفاده ی خود در جدولی که ساختید استفاده کنید.

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

selected rows : در این گزینه می توانید با انتخاب کردن ردیفی که می خواهید آن را مخفی کنید و یا در صورت مخفی بودن دوباره آن را نمایان کنید. همینطور با انتخاب گزینه duplicate ستون انتخابی را کپی یا حذف کنید.

add rows : در این گزینه می توانید یک یا چندین ردیف را به جدول خود اضافه کنید.

combine cells : در این گزینه می توانید یک یا چند سطر و ستون را ادغام کنید.

selected columns : در این گزینه می توانید با انتخاب ستون انتخابی آن را پنهان کنید و یا ستون پنهان شده را نمایان کنید. همینطور با استفاده از گزینه duplicate می توانید ستون انتخابی را کپی و یا حذف کنید.

add columns : در این گزینه می توانید یک یا چند ستون به جدول اضافه کنید.

بخش 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 data tables : در این قسمت می توانید استفاده از کدهای javasctipt را در سایت فعالسازی کنید.

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

search/filtering : در این قسمت شما می توانید در داخل اطلاعات درج شده قابلیت جستجو را برای کاربران فراهم کنید.

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

show rows perpage : در این قسمت به شما این امکان را می دهد تا تعداد ردیف هایی که قرار است در جدول قرار دهید را تعیین کنید.

info : در این قسمت اطلاعاتی را که می خواهید در جدول نمایش دهید را، فعال کنید.

horizontal scrolling : شما ازین ابزار می توانید قابلیت اسکرول شدن را در جدول اضافه کنید ، این قابلیت زمانی امکان پذیر است که ستون های استفاده شده در جدول تعدادبالایی داشته باشد  و شما نتوانید همه را در یک صفحه مشاهده کنید، فعالسازی این بخش باعث می شود تا جدول شما ظاهر بهتری داشته باشد.

custom commands : پارامترهای اضافه از مستندات data tables در این بخش قرار می گیرد.

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

Import ایمپورت، وارد کردن یا درون‌ریزی جدول

اگر در جدول خود را قبلا در نرم افزارهایی مثل اکسل، فایلهای html و json و csv ساخته اید، شما این امکان را دارید تا آنها را به وردپرس خود وارد کنید.

import source : فایلی که قصد دارید در آن درون ریزی انجام دهید را انتخاب کنید، ورودی دستی، فایلی بر روی سرور، آدرس url یا آپلود فایل از داخل سیستم.

select file : فایلی که قصد دارید در آن درون ریزی انجام دهید را در این قسمت انتخاب نمایید.

import format : در این بخش به شما این امکان را می دهد تا فرمت فایل مورد نظر را از بین فایل های csv،json، html و xls انتخاب کنید.

add،replace،or append : در این بخش می توانید مشخص کنید تا فایل انتخابی جایگزین جدول شود، یا به جدول کنونی اضافه شود.

table to replace or append to : جدولی که در افزونه وجود دارد که می خواهید داده های جدید به آن اضافه یا جایگزین کنید، انتخاب کنید بعد از اعمال تغییرات در نهایت به روی آیکونimport کلیک کنید.

Export اکسپورت، صادر کردن یا برون‌بری جدول

در این بخش برعکس مورد قبلی، شما می توانید از جدولی که در وردپرس و با افزونه tablepress ایجاد کرده اید خروجی بگیرید و در نرم افزار هایی مانند اکسل و یا در فایل های Html و JSON وCSV  ببینید.

tables to export : از جدول های موجود در افزونه جدولی را که قصد دارید آن را برون بری کنید را انتخاب کنید.

import format : فرمت فایل ارسالی را انتخاب کنید.

csv delimiter : در مورد قبلی اگر csv را انتخاب نموده اید حتما باید نوع جداکنندگی آن را نیز انتخاب کنید.

zip file : در این بخش با فعال کردن این گزینه فایل را با فرمت zip برون بری کنید.

Plugin Options تنظیمات افزونه 

این قسمت در ارتباط با تنظیمات کلی افزونه است و برای تغییر کدهای css و نمای ظاهری جدول ها قابل استفاده است.

custom css : در این قسمت به شما این قابلیت را می دهد تا در صورت نیاز کدهای css مختص خود را وارد کنید.

user option : در این بخش شما کاربر گرامی می توانید مکان قرار گرفتن منو table press  در پیشخوان وردپرس مشخص کنید.

about درباره افزونه 

اطلاعات کامل مربوط به افزونه table press  مثل امکانات، قابلیت ها، اهداف و… را در این بخش می توانید پیدا کنید.

ایجاد جدول با استفاده از افزونه Wp Data Tables

افزونه wpDataTables   افزونه ای کاربردی و حرفه ای در وردپرس است که به شما کابران عزیز این امکان را می دهد تا در وردپرس خود جدول و نمودار بسازید. این افزونه ۳۰۰۰۰+ نصب فعال به خود اختصاص داده است. 

 

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

 

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

ممنون ازینکه همراه ما تو وب سایت بزرگ دوباره سلام  هستید.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

توسط
تومان