Axırıncı dəfə WordPress bloquma cədvəl əlavə etməyə cəhd edəndə hər şeyi ləğv etdim və əvəzinə marker siyahısından istifadə etdim.

Tanış səslənir?

Bir çox heyrətamiz WordPress mövzuları gözəl görünən cədvəllər yaratmaq imkanı ilə gəlir. Əlbəttə, onlar əvvəlcə yaxşı görünə bilər, lakin siz onlarla çox şey edə bilməzsiniz.

Süzülə bilən data istəyirsiniz? Xeyr.

Cədvəlin mobil cavabdeh olmasını istəyirsiniz? Xeyr.

CSV-dən data idxal etmək istəyirsiniz? Şans deyil.

Budur, yaxşı xəbər:

Düzgün plaginlə siz yüksək funksional dinamik cədvəllər yarada bilərsiniz. Sizə süzülə bilən datanı göstərməyə imkan verən növ.

Qrafiklər və bütün növlərlə yanaşı.

Yaxşı səslənir? Gəlin bunun wpDataTables ilə necə edilə biləcəyinə nəzər salaq.

Qeyd: Bu dərslik interaktiv cədvəllərə yönəldilsə də, siz wpDataTables ilə mobil cavab verən cədvəllər yaratmaq üzrə təlimatımızı faydalı tapa bilərsiniz. Bunu yoxlamaq üçün bura klikləyin. Bu yeni dərslik yenilənmiş istifadəçi interfeysini və bu yaxınlarda wpDataTables-da buraxılmış əlavə funksiyaları nəzərə alır.

Bu plagin heç bir HTML biliyi olmadan gözəl cədvəllər yaratmağa imkan verir

wpDataTables yüksək səviyyəli WordPress plaginidir. Cədvəllərin yaradılması və vebsaytınızda dərc edilməsi prosesi çox sadədir. Yüngül, intuitivdir və işi bir neçə dəqiqə ərzində yerinə yetirir, sizə keçmək üçün daha az kod və daha çox vaxt verir.bloq üçün.

Bu plaqinin əsas məqamlarından biri onu işə salmaq üçün əvvəlcədən heç bir HTML biliyinə ehtiyac duymamağınızdır. Hər şey istifadəsi asan parametrlər səhifəsində edilir. Dərc etmək sadəcə olaraq qısa kodu kopyalayıb yapışdırmaqdan ibarətdir və siz hazırsınız.

Bloggerlər və bizneslər üçün bu əla xəbərdir, çünki o, çoxlu datanı qısa və asan şəkildə göstərməyə imkan verir. həzm yolu.

Siz hətta ondan istifadə edə bilərsiniz:

• Məhsul kataloqu
• Məhsullar üçün müqayisə diaqramları
• Qiymət siyahıları
• İstifadəçilərdən məlumatların toplanması
• İdman nəticələri
• Rəqəmlərlə əlaqəli hər hansı bir şey üçün tərəqqinizi izləmək (məsələn, bloq gəlir hesabatı)

imkanlar sonsuzdur.

Başdan sona cədvəl yaratmaq: addım-addım bələdçi

WpDataTables plaginindən WordPress veb saytınızda gözəl, aydın və tam funksional cədvəllər yaratmaq üçün istifadə etmək sadədir. .

Başlamaq üçün necə:

Addım 1 – Faylınızı hazırlayın

Aşağıda bir sıra təsadüfi xərclər üçün Excel sənəd nümunəsi yaratdım. Buraya tarix, ödəniş üsulu və qiymət kimi bir neçə sütun daxildir.

Datanızın oxşar şəkildə göstərildiyinə əmin olun, əks halda plagin cədvəlinizdəki sütunları müəyyən etməkdə çətinlik çəkəcək.

Addım 2 – Yeni cədvəl yaradın

WordPress-in sol tərəfindəki wpDataTables-ə keçinİdarə paneli.

Bu keçidə klikləməklə sizi yuxarıdakı ekrana aparacaqsınız. Burada yeni cədvəlinizi yaradıb əlavə edəcəksiniz:

“Yeni əlavə et” düyməsini kliklədikdən sonra bu ekranı görəcəksiniz. Burada siz cədvəlinizin parametrlərini təyin etməyə başlayacaqsınız ki, o, istədiyiniz kimi işləsin və görünsün:

Addım 3 – Cədvəl xüsusiyyətlərinizi müəyyənləşdirin

Cədvəl quraşdırma səhifəsinin ilk üç bölməsində siz aşağıdakıları edə bilərsiniz:

• Başlıq yaradın
• Cədvəl başlığını səhifədə göstərmək istəmədiyinizi seçin
• Cədvəliniz üçün daxiletmə mənbəyinin növünü seçin

Bunlar ən əsas cədvəl parametrlərinizdir.

“Faylı Yüklə” üzərinə klikləyin və sənədinizi axtarın. Yarada biləcəyiniz cədvəllər sizə lazım olduğu qədər mürəkkəb ola bilər.

Gördüyünüz kimi, mən cədvəlimə müvafiq başlıq vermişəm, açılan menyudan Excel fayl növünü seçmişəm. box, və faylımı WordPress-ə yüklədim.

Səhifənin daha aşağı hissəsində cədvəlinizi fərdiləşdirmək üçün əlavə parametrlərlə rastlaşacaqsınız:

Bunlar:

• Responsive – Masa üstü, planşet və mobil telefonlarda masanızın fərqli şəkildə göstərilməsinə imkan verir
• Sürüşdürülə bilən – Masanızı üfüqi şəkildə sürüşdürməyə imkan verir
• Səhifə tam yüklənənə qədər cədvəli gizlədin – Səhifələri yavaş-yavaş yükləmək üçün faydalıdır
• Qabaqcıl filtrləmə – Hər sütunun altında filtr göstərmək üçün
• Formada filtr -Formanın özündə filtr üçün
• Cədvəl alətləri – Kopyalama kimi seçimlər üçün Excel-də saxla və formada daxil edilmiş CSV-də saxla
• Çeşidləməni aktivləşdir – Bu, cədvəllərinizi çeşidləməyə imkan verir
• Cədvəl tərtibatını məhdudlaşdırın – Cədvəlin enini əsas konteynerin 100%-i ilə məhdudlaşdırın
• Ekran uzunluğu – Səhifədə neçə girişin göstərildiyini müəyyənləşdirin

“Ön baxış” üzərinə klikləməklə siz cədvəlinizə baxa və istədiyiniz kimi görünməsi üçün lazım bildiyiniz parametrləri dəyişə bilərsiniz.

Göstərmək istədiyiniz cədvəl növünə ən uyğun variantları seçdikdən sonra “saxla” düyməsini sıxmağın vaxtı gəldi.

Sütunlarınızı daha da fərdiləşdirmək istəyirsinizsə, bir dəfə "saxla" düyməsini klikləsəniz, daha çox seçim üçün səhifəni aşağıya fırladıla biləcəksiniz. Defolt parametrlər avtomatik olaraq yaradılır, lakin bununla siz hər bir sütunun rəngini, sütununu və filtr növünü (tarix, vaxt və mətn kimi) dəyişə bilərsiniz.

Aşağıda bəzi rənglər əlavə etdim və sütunu redaktə etdim. tipləri mətnə, rəqəmə və sətirə çevirin.

Addım 4 – Qısa kodu yadda saxlayın və kopyalayın

Cədvəlinizi saxladıqdan sonra “Bağla” düyməsini basın və o, sizi yenidən səhifəyə yönləndirəcək. plaginin ana səhifəsi. İndi siz yaratdığınız cədvəlinizi, cədvəlinizin başlığını və növünü, postunuza və ya səhifənizə daxil etmək üçün qısa kodu və onun dublikatını görmək seçimini görməlisiniz.

Bu cədvəli səhifədə göstərmək istəyirəm. , buna görə dəQısa kodu kopyalamalı və sonra redaktə etmək istədiyim səhifəyə keçid etməliyəm.

Addım 5 – Yazıya və ya səhifəyə qısa kod əlavə edin

Cədvəlinizi səhifəyə əlavə etmək üçün , bu, həqiqətən qısa kodunuzu səhifə redaktoruna yapışdırmaq qədər sadədir. Səhifədə cədvəlinizi göstərmək istədiyiniz yeri seçin, kodunuzu yerləşdirin və məzmununuzu hazırlamağa davam edin:

Addım 6 – Dərc et

Dərc et düyməsini vurduqdan sonra Səhifənizdəki düyməni istifadə etsəniz, cədvəliniz bu kimi görünməlidir. Gördüyünüz kimi, o, aydın, ardıcıl, mükəmməl uyğunlaşdırılmışdır və mənim bütün məlumatlarımı naviqasiya etmək asan şəkildə saxlayır:

Cədvəlin yuxarısındakı seçimlər istifadəçilərə cədvəl məzmununu ixrac etməyə imkan verəcək müxtəlif formatlarda. Siz həmçinin saytınızın ön hissəsində nəticələri asanlıqla filtrləyə bilərsiniz.

Başqa hansı cədvəlləri yarada bilərsiniz?

Lakin siz sadəcə sadə CSV əsaslı cədvəllərlə məhdudlaşmırsınız. WP Data Cədvəlləri müxtəlif formatlarda geniş məlumat diapazonunu göstərə bilər.

Budur, çoxsaylı sütun və seçimləri olan tam işlək, cavabdeh və redaktə edilə bilən cədvəl nümunəsi.

Bu cədvəl İstifadəçinin ehtiyaclarından asılı olaraq məzmunu çeşidləmək üçün filtrlərə əsaslanan MySQL:

Bu PHP massivinə əsaslanan cədvəl seriallaşdırılıb və şəkilləri ehtiva edir – bu, bir çox e-ticarət mağazalarının xüsusilə faydalı hesab edəcəyi tamamilə fərqli dinamik və funksionallıq əlavə edir. :

Siz yalnız CSV faylları ilə məhdudlaşmırsınızya. WP Data Cədvəlləri həmçinin Excel-əsaslı faylların istifadəsinə imkan verir ki, bu da sizə onunla birlikdə gələn bir çox spesifik xüsusiyyətlərdən istifadə etməyə imkan verir:

Digər wpDataTable xüsusiyyətlərini qeyd etməyə dəyər

• wpDataChart sehrbazı – Bir neçə asan addımda məlumatlarınızı qrafik və ya diaqrama çevirməyə imkan verir. O, hazırda 3 render mühərrikini dəstəkləyir – Google Charts, Highcharts və Chart.js. Burada daha çox sənəd tapın.
• Şərti formatlaşdırma – Sizə onun məzmununa əsasən xanaları, sətirləri və sütunları vurğulamağa imkan verir. Xüsusilə cədvəl tamamilə ədədi olduqda faydalıdır. Burada daha çox sənəd tapın.
• Düstur sütunları – Sizə digər xanalarda göstərilən rəqəmlərə əsaslanaraq rəqəmi hesablamaq üçün istifadə edilə bilən sütun əlavə etməyə imkan verir. Burada daha çox sənəd tapın.
• Tarix-saat sütunları – Həm tarixləri, həm də vaxtı ehtiva edən xanalar üçün istifadə olunur. Onlar avtomatik olaraq parametrlər səhifəsində təyin etdiyiniz formatda görünəcəklər. Burada daha çox sənəd tapın.
• Cəm/Cəmi sətir – Rəqəmsal sütunlar üçün istifadə olunur, o, bütün dəyərlərin cəmini hesablamağa imkan verir. Burada daha çox sənəd tapın.
• Report Builder – wpDataTables üçün əlavədir. Report Builder dərhal şablonlarınızı WordPress saytınızdakı faktiki məlumatlarla dolduran sənədlər və cədvəllər yaradır. Daha çox sənədləri burada tapa bilərsiniz.
• Master-Detail Cədvəllər – wpDataTables üçün əlavədir.siz və saytınızın ziyarətçiləri sadə bir kliklə hər bir sıra üçün təfərrüatları görə bilərsiniz. Burada daha çox sənəd tapın.

Yekun fikirlər

Cədvəllər məlumatları göstərmək üçün əla üsuldur. Filtrləmə kimi dinamik funksiyalar əlavə etdiyiniz zaman vebsaytınızın ziyarətçiləri üçün hər şeyi çox yaxşılaşdırırsınız.

Mən sizə Microsoft Excel-dən (və ya hər hansı digər elektron cədvəl alətindən istifadə etməklə). Bununla belə, mümkün olan daha çox şey var.

Hətta istənilən cədvəlinizi diaqramlara və ya qrafiklərə və s. çevirə bilərsiniz.

İndi öz masanıza başlamağın vaxtıdır – həzz alın. !

Əlaqədar Oxu: WordPress üçün 5 Güclü və Mobil Cavab verən Cədvəl Pluginləri.

Açıqlama: Bu post sponsorluq edir, lakin bizim fikirlərimiz özümüzə aiddir.