WordPress-də məlumat masalarından necə istifadə etmək olar – Verilən Doldurulmuş HTML cədvəllərinin yaradıcı yolları

WordPress-də məlumat masalarından necə istifadə etmək olar – Verilən Doldurulmuş HTML cədvəllərinin yaradıcı yolları

WordPress-də məlumat masalarından necə istifadə etmək olar – Verilən Doldurulmuş HTML cədvəllərinin yaradıcı yolları
СОДЕРЖАНИЕ
02 июня 2020

Masalar heç vaxt WordPress-in xüsusən yaxşı bir şey olmamışdır. Əsasən, WordPress-də məlumat cədvəllərini nümayiş etdirmək istəyirsinizsə, çox güman ki, bütün təqdimatı əl ilə hazırlayacaqsınız – hər şeyin yaxşı görünməsi üçün xam HTML və CSS-dən istifadə edəcəksiniz.


Xeyr, yeni blok redaktoru haqqında unutmamışam. Əlbəttə ki, cədvəllərin yaradılmasını və göstərilməsini asanlaşdırsa da, xüsusən də böyük verilənlər bazası üçün hələ də mükəmməl bir həll deyil.

Hər halda, cədvəllər CodeinWP-dəki yazılarımızda çox istifadə etdiyimiz bir şey olduğundan, bu gün ən yaxşı strategiyalarımızı sizinlə bölüşmək istəyirəm..

Bu təlimatda sizə WordPress-də HTML masaları / məlumat masalarından necə istifadə edə biləcəyinizi, onları səliqəli görünməyinizi və eyni zamanda mobil üçün optimallaşdırıldığını və eyni zamanda SEO-ya dost olduğuna dair bir neçə yaradıcı fikir təqdim edirəm..
WordPress-də məlumat masalarından necə istifadə olunur

WordPress-də məlumat cədvəllərinə üç yönlü yanaşmamız

Yanaşmamızı tez bir şəkildə yekunlaşdırmaq üçün WordPress-də məlumat cədvəlləri ilə üç müxtəlif üsulla işləyirik:

(a) Əsas məlumatları təqdim etmək və yazılarımızın hissələrini həzm etməyi asanlaşdırmaq üçün sadə cavab verən və baxımlı masalardan istifadə edin.

(b) Zəng edə biləcəyimiz bir şeydən istifadə edərək "orta səviyyəli masalar" istifadəçi çeşidlənməsi və siçan hover-də satırı vurğulamaq kimi bəzi əlavə xüsusiyyətlərə icazə vermək.

Canlı misal:

Hosting CompanyRating / 5Survey PopulyarlıqMarket Məşhurluğu (Alexa)
GoDaddy3.50.41223
Bluehost3.30,261780
HostGator3.70.301872-ci il
WPEngine4.40.374065
Saytın ətrafı4.61.005708
DreamHost4.10,2210030
A2 Hosting3.80.1612709
Bulud yolları4.50.3918544
Kinsta4.80,2523350
Flywheel4.60.1834689

Qonaqlıq sorğumuzdan

(c) Ön tərəfdəki istifadəçiyə olduqca görünməyən daha inkişaf etmiş daxili işləməyə imkan verən avtomatik təravətləndirici masalardan istifadə. Məsələn, buradakı masa Google Cədvəl əsasında qurulmuşdur və avtomatik olaraq yenilənir (yəni, vərəqi yenilədiyimiz zaman masa da yenilənir)..

Misal:visualizer ana masa demo

Bizim yanaşmamızı necə təqlid edə biləcəyinizi və özünüzə WordPress-də bir neçə maraqlı məlumat masası qura bilərsiniz:

Strategiya # 1: Masalarınızı canlandırmaq üçün Visualizer istifadə edin

Böyük ehtimalla dəstənin ən qabaqcıl yanaşması ilə başlayaq! Sonra bu yazıdan daha da aşağı getdikcə işləri daha da asanlaşdıracağıq.

Visualizer öz pluginlərimizdən biridir və WordPress-də məlumat masaları ilə işləmə bu ilk strategiyanı mümkün etmək üçün əsas vasitədir.

  • ��️ Visualizer nədir? Bu qrafiklər, qrafiklər və cədvəllər yaratmağı və sonra blog yazılarınıza qısa kodlar və ya bloklar vasitəsilə daxil etməyə imkan verən bir plagindir. Yalnız əsas xüsusiyyətlər dəstinə ehtiyacınız varsa istifadə etmək sadədir, eyni zamanda kaputun altına bir az daha çox əyilmək istəsəniz çox güclüdür.

Visualizer ilə əlaqəli maraqlı şeylərdən biri də məlumatlarınızı – cədvəllər və cədvəllər üçün – çox mənbələrdən yükləyə biləcəyinizdir. Yeni bir masa yaratarkən, məsələn, aşağıdakılardan idxal edə bilərsiniz:

  • bir CSV faylı,
  • bir URL (Google Cədvəl daxil olmaqla),
  • başqa bir qrafik,
  • WordPress (sonra WordPress verilənlər bazasına baxan və istədiyiniz məlumatları çıxaran filtrlər / iş axınları yaratmaqla),
  • birbaşa verilənlər bazası (xam SQL sorğularından istifadə etməklə),
  • üstəlik, məlumatları əl ilə də daxil edə bilərsiniz.


Visualizer: WordPress üçün masalar və tablolar meneceri

Müəllif (lər): Mövzu


90% Reytinqlər


40.000 + quraşdırır


WP 3.5 + tələb olunur

Daha çox məlumat

visualizer.zip

Cari versiya: 3.4.3

Son Yeniləmə: 4 May 2020


90% Reytinqlər


40.000 + quraşdırır


WP 3.5 + tələb olunur

WordPress.org Plugin Səhifə


Visualizer: WordPress üçün masalar və tablolar meneceri

Tamam, masalarınızı harada canlandırmaq burada rol alır?

Ümumiyyətlə, masaların çətin tərəfi odur ki, onları əl ilə yaratmaq əsasən sonradan yeniləməyə eyni vaxt tələb edir. Yaxşı olar ki, cədvəlləri birdəfəlik yerinə yetirək və hər şey avtomatik olaraq yenilənsin.

Visualizer ilə masanıza məlumatları bir URL-dən götürmək və sonra hər saat / 12 saat / gün / üç gün təkrarlamağa idxalı təyin edə bilərsiniz..

Bunun effektiv mənası budur ki, əldə edin avtomatik olaraq özünü yeniləyən cədvəl mənbənin dəyişikliklərinə əsaslanaraq. Oxuyun: geri qayıdıb əl ilə yeniləməyə ehtiyac yoxdur.

Buradan faydalana biləcəyiniz dörd yaradıcı yol:

Case studyinizi və ya təhlil yazılarınızı bu günə qədər saxlayın (avtomatik olaraq)

Biz WordPress hosting bazarına ağır gəlmişik. Mövzuyla əlaqədar bir çox yazılarımız var və əksəriyyəti davamlı yeniləmələri tələb edir.

Əsas hostinq müqayisəmizin versiyalarından biri nümayiş olunan ev sahiblərinin yükləmə vaxtlarını vurğulayan canlı bir cədvəl daxildir. Bu (canlı masa) belə görünür:

.visualizer-41792oddTableRow {background-color: #eaeaea! vacib;}

(İndi bu vəzifəyə keçsəniz, görməməzliyə vura bilərsiniz; biz bunu çox tez-tez dəyişdiririk, çox şey sınayırıq.)

Bütün bu cədvəl avtomatik olaraq Google Cədvəldən alınır. Hətta loqotiplər və bağlantılar da Google Sheets-də saxlanılır (HTML kimi). Məsələn, yükləmə vaxtlarını yenilədiyimiz zaman, cədvəldə də yenilənir. Söz yox, istifadəçi cədvələ görə sırala bilər.

Bunu tənzimləmək heç də çətin deyil:

1. Google SheetStandard məhsulları hazırlayın. Bir nümunə:

hesabat nümunəsi

Sonra, "internetə yayımla" görə bu bələdçi.
2. VisualizerFirst-də bir masa yaradın, quraşdırın Visualizer plagin, duh!

Getmək Media → Visualizer Kitabxanası və vurun Yenisini əlavə edin. Seçin Cədvəl.

Quraşdırma pəncərəsindən seçin URL-dən məlumatları idxal edin, içəri gir Cədvəl İdxal sonra idxalın URL və cədvəlini daxil edin. Kimi:

idxal cədvəli

Cədvələ qənaət edin.
3. Cədvəlini bir yazı / səhifəyə əlavə edin. Cədvələ qısa kod vasitəsilə və ya blok redaktorundan istifadə edərək daxil olun. WordPress-də məlumat masalarınız var!

Yenə də bu quraşdırma ilə, masalar üçün məlumatları avtomatik əldə edə bilərsiniz və sonra da bu cədvəllər avtomatik olaraq yenilənə bilər.

Birdən çox yazıda avtomatik olaraq avtomatik olaraq bir neçə cədvəl saxlayın.

Bu əvvəlki ssenari ilə əlaqədardır, ancaq bucaq bir az fərqlidir.

Əsasən, birdən çox cədvəl üçün məlumat mənbəyi kimi eyni Google Cədvəldən istifadə etməyinizə heç nə mane olmur.

Bunun mənası budur ki, bir çox yazı / səhifədə oxşar cədvəlləri daxil edə bilərsiniz və vaxt keçdikcə sinxronlaşmayacaqlarından qorxmursunuz (deyin ki, birini yeniləyəcəksiniz, digərini yeniləməyi və s.).

Visualizer-də masanızı qurarkən, qabaqcıl parametrlərə daxil ola bilərsiniz və səhifələmə, satırların sayı, istifadəçi çeşidlənməsini söndürmək / aktivləşdirmək, axtarış imkanı və s. Bu, eyni məlumat mənbəyindən istifadə etsələr də masalarınızın hələ də fərqli görünə biləcəyini göstərir.

Trafik / istifadəçilər / satış nömrələrinizi bu günə qədər saxlayın (avtomatik olaraq)

Veb müəssisələri arasında veb saytlarında trafik, satış, xidmət göstərən istifadəçilərin sayı və s. Kimi müxtəlif nömrələri / göstəriciləri bölüşmək tendensiyası yaranmışdır..

Bununla birlikdə, hər kəs xarici xidmətləri tətbiq etmək istəmir və beləliklə onları heç bir şəkildə moderasiya edə bilmir.

İdeal olaraq, çox şəffaf olsanız da, yenə də oyanmaq və alış-veriş səbətinizdən və ya nəqliyyat vasitənizdən quraşdırılmış nişanın böyük bir açı göstərdiyini bilmək istəmirsiniz – başlıq hələ də deyə bilər "necə yaxşı etdiyimizə baxın!"

Başqa bir qat əlavə edib əvvəlcə məlumatları Google Cədvələ idxal etsəniz, o zaman trafik / satış cədvəlinə girmədən və saytda canlı yayımlamadan əvvəl bütün dəyişiklikləri mülayim edə bilərsiniz..

Quraşdırma əvvəlki ssenarilərdəki kimidir. Yeni bir Google Cədvəlini yaradın, nömrələrinizi daxil edin və ya daxil edin və sonra Visualizer cədvəlinə və ya qrafikə qoşun.

Verilənlər bazanızı soruşun (avtomatik)

Visualizer qolundan daha yaxşı bir xüsusiyyətə malikdir; bir xam SQL sorğu vasitəsi ilə birbaşa WordPress verilənlər bazanızdan masa məlumatlarını idxal edə bilər.

Yetərincə inkişaf etmiş materiallar, bəli, amma təcrübə etmək istəsəniz bir çox imkanlar da verir.

Bəzi sürətli fikirlər:

Birincisi, ən çox şərh olunan yazılarınızı asanlıqla nümayiş etdirə bilərsiniz. Belə bir siyahıdan yalnız şəffaflıq hesabatlarında deyil, arxiv səhifənizdə də istifadə edə bilərsiniz. Misal:

şərh etdi

Belə bir masa qurmaq üçün sadəcə Visualizer-ə girin, yeni bir masa yaradın və seçin Verilənlər bazasından idxal.

Sorğu pəncərəsində belə bir şey qoya bilərsiniz:

Seçin post_titrini AS Post, COUNT (DISTINCT c.comment_ID) kimi şərhlər. Wp_posts dan SƏRFƏ QOYULAN wp_comments c ON p.id = c.comment_post_ID GROUP.

Bu, ən çox şərh olunan 10 ən yaxşı yazıların bir cədvəlini nümayiş etdirəcəkdir.

URL’i əldə etmək üçün sorğunu çətinləşdirə bilərsiniz ki, bu yazı başlıqlarını canlı edə biləsiniz. Bu yalnız bir nümunədir. Budur, edə biləcəyiniz başqa bir neçə şey.

  • Müəyyən bir kateqoriyadan olan və ya müəllif tərəfindən yazılmış bütün yazılarınızı sadalayın
  • digər pluginlərin məlumatlarını saxlamaq üçün istifadə etdikləri cədvəllərə baxın, onlardan müvafiq məlumatları götürün
  • WooCommerce-dən ən çox satılan məhsullarınızı, satışların sayı, bağlantılar, qiymətlər, başqa nə istəsəniz göstərin
  • Asan Rəqəmsal Yükləmələrlə eyni şeyi edin; buralar var hazır sorğular

Gəldikdə bu barədə Visualizer və necə istifadə etdiyimizi. Bu cür inkişaf etmiş avtomatlaşdırmaya ehtiyacınız yoxdursa, başqa həllər də var:

Etibarlı çeşidləmə və masa düzəlişləri üçün TablePress istifadə edin

Biz də böyük azarkeşlərik CədvəlPress və bir sıra yazılarımızda istifadə edir.

Məsələn, burada böyük bir masa var – WordPress mövzular bazarında ən yaxşı 100 oyunçunun siyahısını. Baxış:

tema qovluğu nümunəsi

TablePress-dən bəyəndiyimiz odur ki, sətirləri asanlıqla eyniləşdirə, sətirləri gizlədə, sətirləri cütləşdirə və istifadəçiyə cədvəlin çeşidlənməsi üçün bəzi idarəetmə verə bilərik.

Məsələn, müəyyən bir cədvəl üçün arxa tərəfimizdə göstərmədiyimiz daha çox sütun var (qırmızılar). TablePress bizi silməyə məcbur etmir – sadəcə onları ekranlardan gizlədə bilərik.

stolüstü gizlidir

HTML masalarını pimp etmək üçün Shortcodes Ultimate istifadə edin

Şəxsən, Shortcodes Ultimate (SU) mənim ən çox sevdiyim plaginlərdən biridir.

Bir çox qısa kod arasında standart HTML cədvəllərinizi daha gözəl görüntüləmək üçün istifadə edə biləcəyiniz bir də var.

Ən yaxşı VPN xidmətlərini müqayisə edən yazıdakı bir masa:

su masası

Xam HTML vasitəsi ilə quruldu və sonra yalnız bir SU şifrəsi əlavə edildi. Bu bir:

[su_table] [/ su_table]

Gördüyünüz bütün sətir üslubları və haşiyələr SU-dur.

Başqa sözlə, mövzunuzda masalarla işləmək üçün xüsusilə gözəl CSS yoxdursa, SU istifadə edin.

�� Qeyd; Bu yazıda bəhs edilən həllərin üçü – Visualizer, TablePress və SU, mobil və cavab verməyə hazır masaları çıxara bilər.

Nəticə

Bu üç pluginlə sınaqdan keçməyinizi tövsiyə edirəm. Özümüzün yaratdığımızdan Visualizer-i sevirik, amma digər ikisinin də müəyyən tapşırıqlar üçün olduqca səliqəli olduğunu etiraf etməliyik!


Visualizer: WordPress üçün masalar və tablolar meneceri

Müəllif (lər): Mövzu


90% Reytinqlər


40.000 + quraşdırır


WP 3.5 + tələb olunur

Daha çox məlumat

visualizer.zip

Cari versiya: 3.4.3

Son Yeniləmə: 4 May 2020


90% Reytinqlər


40.000 + quraşdırır


WP 3.5 + tələb olunur

WordPress.org Plugin Səhifə


Visualizer: WordPress üçün masalar və tablolar meneceri


CədvəlPress

Müəllif (lər): Tobias Bäthge


100% Reytinqlər


800.000 + quraşdırır


WP 5.3 + tələb olunur

Daha çox məlumat

masaüstü.1.11.zip

Cari versiya: 1.11

Son Yeniləmə: 1 aprel 2020


100% Reytinqlər


800.000 + quraşdırır


WP 5.3 + tələb olunur

WordPress.org Plugin Səhifə


CədvəlPress


WordPress Shortcodes Plugin – Shortcodes Ultimate

Müəllif (lər): Vladimir Anoxin


98% Reytinqlər


800.000 + quraşdırır


WP 4.6 + tələb olunur

Daha çox məlumat

shortcodes-ultimate.5.9.0.zip

Cari versiya: 5.9.0

Son Yeniləmə: 24 May 2020


98% Reytinqlər


800.000 + quraşdırır


WP 4.6 + tələb olunur

WordPress.org Plugin Səhifə


WordPress Shortcodes Plugin – Shortcodes Ultimate

WordPress-də məlumat cədvəllərindən istifadə edirsiniz?

WordPress-in müasir UI-də masalar və onların yeri barədə nə düşünürsünüz?

Gutenberg blok redaktoru, masalar yaratmağı daha çox istifadəçi dostu etdi, buna görə təsadüfi istifadəçilər yəqin ki, artıq onlarla sınaq keçirməyə hazır olacaqlar. Axı, cədvəllər heç vaxt MS Word-dən istifadə edən hər kəsin tanıdığı klassik şeylərdən biridir. Bəs niyə edə bilməyəcəksiniz "sadəcə bunları əlavə edin" WordPress-ə, sağa?

WordPress-də məlumat cədvəllərindən çox istifadə edirsiniz? Əgər belədirsə, siz onları necə yaradırsınız?

WordPress saytınızı sürətləndirmək üçün qəza kursumuza qoşulmağı unutmayın. Bəzi sadə düzəlişlərlə yükləmə müddətinizi hətta 50-80% azalda bilərsiniz:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector