آموزش افزونه Data Tables برای ساخت جدول اطلاعات در وبسایت

آموزش افزونه Data Tables برای ساخت جدول اطلاعات در وبسایت

یکی از مشاغل که تازگیا خیلی هم سر و صدا ایجاد کرده ، کارش یک جورایی مربوط به دیتاها و کار با دیتاهای بزرگه ! این شغل همون دیتا ساینتیست یا متخصص علوم داده است که با داده ها و دیتاهای خیلی بزرگ سر و کله میزنن . همچنین کارهای محاسباتی روی این داده ها انجام میدهند . به عنوان مثال توی یکی از نمونه پروژه های این شغل که برنامه نویس آن کار خیلی سبکی رو پیاده سازی کرده بود ، در حد جستجو ، منظم سازی ، ساخت جدول و … داده ها بود . نمیخوام توی این مقاله براتون در مورد این شغل صحبت کنم . چون که اصلا همچین قصد و نیتی نداریم (:

 

نمایش اطلاعات با جدول ، یکی از مهم ترین کارهایی که با دیتاها میکنند!

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

 

حالا توی این مقاله قراره در مورد جدول سازی صحبت کنیم و بگیم که table میتونه سایت شما رو منظم تر جلوه بده . در هر صورت امیدوارم وبیت رو تا انتهای این مقاله همراهی کنید . در صورتی که سوال ، ابهام یا مشکلی داشتید اون رو با وبیت به اشتراک بگذارید .

 

ایجاد جدول در وردپرس توسط Supsystic

روش هایی برای ساختن جداول در وردپرس وجود دارد . مثلا شما یهویی میخواهید جدولی رو در یک مقاله درج کنید . حالا شما میمونید و چندین روش ! اولین روش اینه که شما از پلاگین های مخصوص این کار استفاده کنید . دومین کار اینه که شما از text editor های وردپرس برای اضافه کردن table استفاده کنید .(قابلیت اضافه کردن جدول با تعداد انتخابی سطر و ستون وجود دارد ) اما ما میخواهیم راجب روش اول بیشتر صحبت کنیم . پس اگر قصد دارید جداولی رو در سایت وردپرسی خود نمایش دهید، از افزونه Data Tables Generator by Supsystic استفاده کنید.

 

امکانات افزونه Data Tables Generator by Supsystic

  • قالبیت برون ریزی و درون ریزی FrontEnd جدول
  • جداولی واکنشگرا
  • دیاگرام ها و نمودارها
  • پشتیبانی از استایل هایی همچون Italic و Bold
  • فعال کردن عنوان، هدر و فوتر جدول
  • تغییر رنگ فونت ها

 

نحوه کار با افزونه Data Tables Generator by Supsystic

قابل عرضه که این افزونه رایگان و در دسترسه ! پس نگرانی از این بابت نداشته باشید . میتونید اون رو از مخزن وردپرس پیدا کنید . سپس افزونه را نصب و راه اندازی کنید . حالا منو جدیدی به نام Tables by Supsystic به بخش پیشخوان وردپرس اضافه میشود. روی اون و بعدش بروی افزودن جدول کلیک کنید . تعداد ردیف و ستون جدول را نوشته و روی create کلیک کیند. سپس جدول ایجاد می شود، در صفحه بعدی در بخش تنظیمات میتوانید تیک عناصر جداول را بزنید، یک به یک عناصر را به table اضافه کنید. و روی تب پیش نمایش کلیک و تغییرات خود را مشاهده نمایید. در تب تنظیمات میتوانید بخشهایی از قبیل شرح، توضیحات، هدر، فوتر، سربرگ و فوتر ثابت، فرمت عددی، واحد پول و درصد و تاریخ را به جدول اضافه و به نمایش بگذارید.

 

تغییر و سفارشی سازی با edit table

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

 

پر کردن جدول از اطلاعات با fill table

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

به این مطلب امتیاز دهید

امتیاز کلی : 0 / 5. تعداد آرا : 0

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

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

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت