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

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

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

روش اضافه کردن جداول در وردپرس

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

روش ایجاد جداول در وردپرس با استفاده از ویرایشگر بلاک

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

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

  1. وارد داشبورد وردپرس خود شوید و به آن بروید نوشته ها جدید اضافه کن.
  2. هنگامی که به ویرایشگر محتوا هدایت شدید، روی (+) را علامت بزنید و وردپرس را انتخاب کنید جدول مسدود کردن.
افزودن بلوک برای جداول به یک پست در ویرایشگر گوتنبرگ.
  1. تعداد سطرها و ستون ها را وارد کرده و ضربه بزنید ایجاد جدول. بعداً می‌توانید سطرها و ستون‌های بیشتری اضافه یا حذف کنید.
تنظیم تعداد ردیف ها و ستون های جدول در وردپرس.تنظیم تعداد ردیف ها و ستون های جدول در وردپرس.
  1. همانطور که جدول را با داده ها پر می کنید، وردپرس به طور خودکار اندازه سلول ها را مطابق با آن تغییر می دهد. اگر ترجیح می‌دهید سلول‌های جدول دارای عرض ثابت باشند، آن را تغییر دهید سلول های جدول عرض ثابت تنظیم در نوار کناری همچنین در صورت نیاز می توانید قسمت سرصفحه و پاورقی را فعال کنید.
تنظیمات عنصر جدول وردپرس برجسته شده است.تنظیمات عنصر جدول وردپرس برجسته شده است.
  1. برای تغییر چیدمان جدول، مکان نما را به سلول مورد نظر ببرید و انتخاب کنید ویرایش جدول در نوار ابزار بلوک می توانید سطرها و ستون ها را قبل یا بعد از سلول تعیین شده درج یا حذف کنید.
تنظیم جدول ویرایش وردپرس برجسته شده است.تنظیم جدول ویرایش وردپرس برجسته شده است.
  1. باز کن سبک ها را در نوار کناری قرار دهید و تنظیمات را برای سبک ها، رنگ، و تایپوگرافی. برای هماهنگی، سبک جدول را با طرح و طرح رنگ وب سایت خود هماهنگ کنید. سایر تنظیمات جدول، مانند تراز ستون و سبک های متن، در نوار ابزار بلوک موجود است.
اصلاح سبک های جدول در وردپرس.اصلاح سبک های جدول در وردپرس.

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

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

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

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

روش اضافه کردن جداول در وردپرس با استفاده از افزونه

افزونه های جدول وردپرس ویژگی های پیشرفته ای را برای ایجاد جداول پیچیده به راحتی ارائه می دهند. آنها همچنین از سفارشی‌سازی‌های پیشرفته پشتیبانی می‌کنند و جداول استایل در وردپرس را ساده‌تر می‌کنند.

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

  • میزهای نینجا ‒ انواع مختلفی از قالب های جدول سازگار با SEO را پشتیبانی می کند.
  • WP Table Builder ‒ یک جدول ساز کشیدن و رها کردن را با حالت مدیریت سلول ارائه می دهد.
  • TablePress ‒ یک افزونه محبوب freemium که به شما امکان می دهد جداول را در یک رابط صفحه گسترده ایجاد و مدیریت کنید.
  • جداول قیمت گذاری آسان ‒ بهترین برای ایجاد جداول واکنش گرا در سایت های تجارت الکترونیک وردپرس.
  • ویژوالایزر ‒ نمودارهای پاسخگو و متحرک با سازگاری بین مرورگرها را ارائه می دهد.

به دنبال گزینه های بیشتر هستید؟

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

پیشنهاد می‌کنیم بخوانید:  بایگانی VPS

آموزش زیر روش ایجاد جدول در وردپرس با استفاده از نسخه رایگان را به شما نشان می دهد TablePress:

  1. TablePress را از داشبورد وردپرس خود نصب و فعال کنید. اگر به بخش مدیریت دسترسی ندارید، از روش‌های نصب افزونه دیگر استفاده کنید.
  2. سر به TablePressجدید اضافه کن، سپس تمام اطلاعات لازم برای ایجاد جدول جدید را وارد کنید. اصابت اضافه کردن جدول.
افزودن جدول جدید با استفاده از افزونه رایگان TablePress.افزودن جدول جدید با استفاده از افزونه رایگان TablePress.
  1. پس از آماده شدن جدول، شروع به پر کردن آن با داده ها کنید. عنوان ستون ها را به سطر اول جدول اضافه کنید و بقیه خانه ها را با محتوا پر کنید. بررسی کنید ردیف سر جدول گزینه ای برای تبدیل ردیف اول جدول به عنوان سربرگ.
تنظیم ردیف جدول TablePress برجسته شده است.تنظیم ردیف جدول TablePress برجسته شده است.
  1. فلش های بالای ستون های جدول را انتخاب کنید تا داده های خود را بر اساس حروف الفبا یا عددی مرتب کنید.
تابع مرتب سازی TablePress برجسته شده است.تابع مرتب سازی TablePress برجسته شده است.
  1. این دستکاری جدول بخش شامل دستوراتی برای تغییر طرح جدول است. همچنین می‌توانید سطرها، ستون‌ها و پیوندها را پنهان کنید، ادغام کنید و اضافه کنید.
قسمت Table Manipulation در افزونه TablePress.قسمت Table Manipulation در افزونه TablePress.
  1. این گزینه های جدول بخش شامل تنظیمات سفارشی سازی جدول اضافی است. در اینجا، می‌توانید ناحیه سرصفحه و پاورقی را تنظیم کنید، رنگ پس‌زمینه را تغییر دهید و CSS سفارشی را برای استایل اضافه کنید.
قسمت Table Options در افزونه TablePress.قسمت Table Options در افزونه TablePress.
  1. این ویژگی های جدول برای بازدیدکنندگان سایت بخش به شما امکان می دهد یک جدول تعاملی داشته باشید که به کاربران امکان می دهد تعداد ردیف های نشان داده شده را مرتب کنند، فیلتر کنند و تغییر دهند. فعال کردن این ویژگی‌ها را در نظر بگیرید تا خوانایی داده‌های خود و تجربه کاربری کلی را افزایش دهید.
قسمت Table Features for Site Visitors در افزونه TablePress.قسمت Table Features for Site Visitors در افزونه TablePress.
  1. پس از انجام سفارشی کردن جدول، انتخاب کنید ذخیره تغییرات.
  2. کد کوتاه را در قسمت کپی کنید اطلاعات جدول بخش و به ویرایشگر وردپرس بروید. کد کوتاه را در پست انتخابی خود قرار دهید یا page با استفاده از بلوک کد کوتاه، و تغییرات را ذخیره کنید.
تعبیه میز on آ page یا با استفاده از بلوک کد کوتاه پست کنید.تعبیه میز on آ page یا با استفاده از بلوک کد کوتاه پست کنید.
  1. در اینجا شکل جدول به شرح زیر است:
پیش نمایش جدول ساخته شده با افزونه جدول وردپرس TablePress.پیش نمایش جدول ساخته شده با افزونه جدول وردپرس TablePress.

تجربه کاربر را حتی بیشتر بهبود بخشید

با جابجایی به یک تجربه کاربری حتی بهتر ارائه دهید هاستینگerمیزبانی مدیریت شده وردپرس. همه برنامه ها شامل به روز رسانی خودکار وردپرس، LiteSpeed ​​Cache و بهینه سازی WooCommerce است.

روش درج جداول در وردپرس از منابع خارجی

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

به جای اینکه جدول را به صورت دستی تکرار کنید، می توانید داده ها را کامپایل کنید روی پلتفرم دلخواه شما و نمایش آن روی سایت وردپرس شما در اینجا روش وارد کردن یک جدول موجود از Google Sheets به وردپرس:

  1. صفحه گسترده خود را باز کرده و انتخاب کنید فایل اشتراک گذاری انتشار در وب.
  2. سوئیچ به جاسازی کنید را برگه و انتخاب کنید که آیا کل صفحه گسترده یا یک صفحه خاص وارد شود. تنظیمات بازنشر خودکار را در زیر بررسی کنید محتوا و تنظیمات منتشر شده بخش، سپس ضربه بزنید انتشار.
انتشار صفحه گسترده گوگلانتشار صفحه گسترده گوگل
  1. Google Sheets یک کد iFrame برای جاسازی جدول ایجاد می کند. این کد را کپی کنید و به داشبورد وردپرس خود بروید.
کد iFrame توسط Google برای اهداف جاسازی برجسته شده است.کد iFrame توسط Google برای اهداف جاسازی برجسته شده است.
  1. باز کن page یا جایی که می خواهید جدول نمایش داده شود پست کنید و کد را با استفاده از کد کوتاه مسدود کردن.
افزودن کد iFrame به ویرایشگر وردپرس با استفاده از یک بلوک کد کوتاه.افزودن کد iFrame به ویرایشگر وردپرس با استفاده از یک بلوک کد کوتاه.
  1. اگر می خواهید اندازه جدول را سفارشی کنید، کد HTML سفارشی را قبل از تگ بسته شدن اضافه کنید. قطعه کد زیر ابعاد جدول را به عرض 400 پیکسل و ارتفاع 200 پیکسل تعیین می کند. به خاطر داشته باشید که قالب بندی متن، مانند اندازه و رنگ، باید در صفحه گسترده انجام شود.
<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTbZsvBh0jBXvvK9OqTMCPrenDypmzp9BGS5SpflYkqhE7DHO7mOF4IairkGoKgFoG0v6BMTgaML-Z_/pubhtml؟widget=true&amp;headers=false" style="height:200px;width:400px"></iframe>
  1. پس از اتمام کار، کلیک کنید به روز رسانی. جدول وارداتی ما به این صورت است:
پیش نمایش جدول گوگل در وردپرس با استفاده از روش iFrame.پیش نمایش جدول گوگل در وردپرس با استفاده از روش iFrame.

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

با اکثر تولیدکنندگان جدول وردپرس که امروزه در دسترس هستند، شما این گزینه را دارید که مجموعه داده ها را از چندین منبع، از جمله آپلود مستقیم و URL وارد کنید. در اینجا روش آپلود جدول در اینجا آمده است CSV قالب وردپرس با استفاده از افزونه TablePress:

  1. سر به TablePress وارد کردن یک جدول از داشبورد وردپرس شما.
  2. انتخاب کنید آپلود فایل به عنوان منبع واردات و کشیدن و رها کردن فایل جدول خود به فیلد موجود. اصابت وارد کردن.
با استفاده از TablePress داده ها را از یک فایل CSV وارد کنید.با استفاده از TablePress داده ها را از یک فایل CSV وارد کنید.
  1. تنظیمات را در گزینه های جدول و ویژگی های جدول برای بازدیدکنندگان سایت بخش های مورد نیاز و کلیک کنید ذخیره تغییرات.
  2. کد کوتاه جدول را کپی کنید و آن را در هر جایی قرار دهید روی سایت شما با استفاده از کد کوتاه مسدود کردن.

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

پیشنهاد می‌کنیم بخوانید:  آموزش phpBB: روش نصب آن و شروع استفاده از آن برای ایجاد یک انجمن آنلاین

چرا از جداول در وردپرس استفاده کنیم؟

جداول در وردپرس ابزاری قدرتمند برای بهبود عملکرد و تجربه کاربری وب سایت شما هستند. در اینجا چند دلیل متداول وجود دارد که چرا باید جداول را در نظر بگیرید:

خوانایی و سازماندهی محتوای پیشرفته

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

مقایسه آسان و تجزیه و تحلیل داده ها

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

جذابیت بصری و ساختار بهتر

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

کجا می توان از جداول وردپرس استفاده کرد؟

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

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

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

در هر دو مورد، جداول تجربه کاربر را افزایش می‌دهند، تبدیل را تشویق می‌کنند و با ارائه قیمت‌گذاری محصول به شیوه‌ای سازمان‌یافته و قابل دسترس، اعتماد را تقویت می‌کنند.

مثلا، هاستینگer از جداول برای مقایسه قیمت خدمات میزبانی ما استفاده می کند. جدول قیمت گذاری برنامه های میزبانی مشترک به شرح زیر است:

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

جداول مقایسه محصول یا ویژگی برای مشاغل

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

این نوع جدول تصمیم گیری را ساده می کند process، خستگی تصمیم را به حداقل می رساند و تجربه کلی کاربر را بهبود می بخشد.

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

در اینجا نمونه ای از جدول مقایسه برای هاستینگerخدمات میزبانی ابری:

Hostingerجدول مقایسه خدمات میزبانی ابری.Hostingerجدول مقایسه خدمات میزبانی ابری.

جداول داده برای ارائه آمار یا یافته های تحقیق

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

در اینجا نمونه ای از جدول داده ها در hPanel است که گزارش های دسترسی را ارائه می دهد:

Hostingerجدول داده ها برای گزارش های دسترسی.Hostingerجدول داده ها برای گزارش های دسترسی.

نتیجه

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

بیایید سه روش موثر برای ایجاد جداول وردپرس را مرور کنیم:

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

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

راه های دیگری را برای استفاده حداکثری از وب سایت وردپرس خود کشف کنید

روش اضافه کردن فهرست مطالب وردپرس
روش افزایش سرعت وب سایت وردپرسی
نکات سئو وردپرس
چگونه امنیت وردپرس را افزایش دهیم
هاست وردپرس در مقابل میزبانی وب

سوالات متداول جداول در وردپرس

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

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

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

آیا می توانم ظاهر جداول را در وردپرس سفارشی کنم؟

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

چرا جدول من در وردپرس به درستی نمایش داده نمی شود؟

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