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

[Shokoufe 0]

سلام به همگی متخصصین

من برای درج جدول در وردپرس مشکل دارم.

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

https://list20.ir/%d8%ae%d8%b1%db%8c%d8%af-%da%af%d8%aa%d8%b1-%da%a9%d9%88%d9%87%d9%86%d9%88%d8%b1%d8%af%db%8c/

کسی می  دونم برای درست کردن این جداول باید از چه افزونه ای استفاده کنم؟ که هم یه دکمه اطلاعات بیشتر زیرش بذارم و هم ظاهرش اون شکلی باشه؟

یا عرض و رنگ جداول افزونه tablepress  رو چجوری عوض کنم؟

پیشاپیش از راهنماییتون ممنونم.

[asadiy4n 2807]

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

[Shokoufe 0]

سلام استفاده می کنم ولی در حالت موبایل بصورت فشرده نشون میده که جالب نیست... تصویر ضمیمه یا لینک زیر رو در صفحه موبایل ببینید متوجه می شید:

https://tivanmag.ir/kenwood-food-processor/

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

[asadiy4n 2807]

این کد رو استایل اضافه کنید درست میشه

@media (max-width:600px){
  table{width: 100%!important;}
}

 

[Shokoufe 0]

سلام خیلی ممنونم. این کد رو قرار دادم مشکل موبایل رفع شد.

آیا کدی هم هست که بشه یه دکمه اطلاعات بیشتر مثل جدول زیر گذاشت؟ که برای جداول طولانی، چند سطر اول رو نشون بدیم و اگه کاربر خواست بقیه جدول رو ببینه روی دکمه اطلاعات بیشتر کلیک کنه؟

سپاس

[asadiy4n 2807]

اینو باید با جاوا اسکریپت بنویسید کار سختی نیست

 

[Shokoufe 0]

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

[asadiy4n 2807]

در 11 ساعت قبل، Shokoufe گفته است :

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

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

https://jsfiddle.net/gyrocode/1bn6cza1/
http://jsfiddle.net/jamesholcomb/JeeQE/
http://jsfiddle.net/MalikAqeelArshad/zt3xyqr7/
http://jsfiddle.net/UgBcn/1/
https://www.w3schools.com/howto/howto_js_read_more.asp

 

[Shokoufe 0]

سلام و سپاس. من کدای مربوطه رو کجا بذارم که هم ارور نده و هم به تمام جداول اعمال بشه؟؟

مثلا کدهایی که در لینک زیر داده شده رو میذارم توی قالب بلاگی که در زفایر ساختم، اما ارور میده... باید داخل ویرایش پوسته قالب بذارم؟ چون سه قطعه کد html، css و javascript داره. ممنون میشم بیشتر راهنمایی کنید.

https://www.w3schools.com/howto/howto_js_read_more.asp

[asadiy4n 2807]

زفایر تجاریه، متاسفانه در این خصوص نمی تونم راهنمایی کنم