Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 1

Bir futbol oyununu izləmək üçün oturduğunuzda bir mil uzaqlıqdakı super ulduzları asanlıqla görə bilərsiniz.

Zərif və cilalanmış oyunu onları bir-birindən ayırır və tez-tez matçın nəticəsini dəyişir. Tərəfdarlar və menecerlər onları sevirlər, çünki oynayanda ən yaxşısını edirlər.

Eyni şey musiqi sənayesindəki super ulduzlara da aiddir. Adətən işə başlayırlar, bizi yumruqlarla serenad edirlər və yenə də davam edirlər. Ulduzlar sənətkarlıq sənətkarlarıdır və xəyallarımızı həddinə çatdırırlar.

Bilirsiniz, Gridbuilder WP kimi, bugünkü baxış mövzusu.

Budur bir giriş: Bilirik ki, bina şəbəkəsinin qurulması zəiflər üçün deyil, hətta yeni başlayanlar üçün də deyil. Ağlabatan təcrübəsi olan istifadəçilər üçün belə çətin bir məsələdir.

Bununla birlikdə, grid düzeni WordPress veb saytınızdakı məzmunu göstərmək və süzmək üçün inanılmaz bir yoldur. Bu kimi bir şey:

gridbuilder e-ticarət demo

Gridbuilder WP E-ticarət Demo

Və ya bu:

WordPress gridbuilder plugin portfeli demo

Gridbuilder WP Portfolio Demo

Ancaq təəssüf ki, WordPress veb saytınız üçün grid planları yaratmaq asan deyil. Və ya beləliklə, WordPress grid plaginlərinin gəlməsindən əvvəl olurdu.

Tərləmə olmadan fantastik bir grid dizaynını yaratmaq üçün sizə lazımdır Sadə, lakin güclü WordPress plugin.

Belə bir plugin axtarırsınızsa, Gridbuilder WP mükəmməl uyğun gəlir.

Bugünkü araşdırmada / necə məqalədə, Gridbuilder WP-nin WordPress istifadəçilərinin böyüyən bir çoxunun seçim filtri və şəbəkə plaginidir. Başlıq altına baxırıq və plaginlə oynayırıq ki, əyləncəli olacağını bilirsiniz.

Əlavə etmədən qollarımızı bükək və çirklənək.

Gridbuilder WP nədir?

grid qurucusu

WP Grid Builder olaraq da bilinən Gridbuilder WP, tez bir zamanda inkişaf etmiş grid planlarını yaratmağa imkan verən gözəl bir WordPress plaginidir. İstifadəsi olduqca xoş olan bir intuitiv istifadəçi interfeysi var.

Plugin eyni başlayanlar və inkişaf etdiricilər üçün mükəmməl bir sıra gözəl xüsusiyyətlər dəsti ilə gəlir. Yeniliklər üçün WP Grid Builder, süzülən və çevik bir şəbəkə düzeni yaratmaq və kodlaşdırma bacarıqları olmadan filtrləmə üçün tam bir həlldir. Bir inkişaf etdirici olsanız, grid generatoru sizi məşğul etmək üçün bir çox hərəkət və funksiya ilə gəlir.

Bütün WordPress mövzuları ilə işləyir və ən çox sevdiyiniz vasitələrlə asanlıqla birləşir. Bunun üzərinə, plagin, grid düzenlerinizi və axtarış filtrlərini (cəbhələr kimi tanınır) üstün dolduran plaginlər ilə gəlir.

Yazı zamanı yalnız WP Grid Builder-in premium bir versiyasını təklif edirlər, lakin gələcəkdə bu dəyişə bilər. Və ya Loic Blascos adlı tərtibatçı sorğumdan dərhal sonra göndərdiyi bir e-poçtda deyir:

wp grid qurucusuna dəstək e-poçtu

Hər halda, onların illik 49 ilə 249 dollar arasında üç planı var. Ehtiyacınıza uyğun plan seçin.

Satınalmağınızdan məmnun deyilsinizsə, WP Grid Builder sizə 14 günlük pul geri zəmanəti təklif edir. Bundan əlavə, yeniləmələrə bəzi əsas endirimlər təklif edirlər (Əsas plan üçün 20%, Premium plan üçün 30% və Ultimate plan üçün 40%).

Razılaşmanı şirinləşdirmək üçün WordPress mütəxəssisləri WP Grid Builder-i tərifləyirlər. Budur xoşbəxt bir müştəri:

Həm istifadəçilər, həm də inkişaf etdiricilər üçün Gridbuilder ᵂᴾ inanılmaz bir məhsul və bu Sugerencia xüsusiyyətlər üçün yeni bir paradiqmadır. WordPress Core ilə yaxşı birləşdirilmiş, yaxşı bir idarəetmə istifadəçisi və inanılmaz dərəcədə sürətli bir ön təcrübə təmin edir. – Jb Audras, WordPress-in əsas inkişaf etdiricisi.

Hətta WordPress dairələrinin ən böyük adlarından biri olan Chris Lema'nın WP Grid Builder üçün tərifindən başqa bir şey yoxdur:

Chris Lema Gridbuilder WP'i tərifləyir

Üstəlik, WP Grid Builder'i geniş şəkildə quraşdırmaq və konfiqurasiya etmək üçün sürətli, dünya səviyyəli dəstək və ətraflı sənəd alacaqsınız.

İndi nə ilə işlədiyimizi bildiyimizdən, WP Grid Builder WP xüsusiyyətlərinə bir daha nəzər salaq.

Gridbuilder WP xüsusiyyətləri

gridbuilder xüsusiyyətləri

WP Grid Builder, bir pro kimi grid layout yaratmaq üçün lazım olan bütün xüsusiyyətləri özündə cəmləşdirir. Rəqiblərdən fərqli olaraq, plugin başqaları arasında e-ticarət mağazası, portfel veb saytı, blog və qovluq üçün plan hazırlamağı çox asanlaşdırır.

WP Grid Builder surətinizdə aşağıdakı xüsusiyyətləri gözləmək olar:

  • WooCommerce, Asan Rəqəmsal Yükləmələr, SearchWP, Relevanssi, Polylang, WPML, İnkişaf etmiş Xüsusi Sahələr və Gutenberg ilə hamar inteqrasiya
  • Lightbox və karusel üçün toxunma dəstəyi ilə 100% cavab verən və mobil hazırdır
  • SEO dostu: WP Grid Builder W3C dəstəkləyir və SEO ən yaxşı təcrübələrindən istifadə edir
  • Xüsusi AJAX son nöqtələri sayəsində ultra sürətli performans
  • A sistema WordPress məzmununu (xüsusi) taksonomiya şərtləri, poçt sahələri və ya xüsusi sahələr üzrə səmərəli şəkildə sıralamağa imkan verən inkişaf etmiş filtrləmə
  • İstifadəçilərə axtarış nəticələrini məhdudlaşdırmağa imkan verən radii, onay qutuları, sürgülər, seçimlər, reytinqlər, sürgülər, reytinqlər, daha çox düyməni yükləmək, yenidən qurma düymələri və daha çox daxil olmaqla 15-dən çox fasilə növü
  • WP Grid Builder parametrlərini başqa bir sayta asanlıqla köçürə bilmək üçün funksionallıq idxal və ixrac edin
  • Quraşdırılmış işıq qutusu
  • Şəbəkə qurucusunu çəkin və buraxın
  • 20-dən çox kart hazırdır və fərdiləşdirmək asandır. Ayrıca, kartları sıfırdan yarada bilərsiniz
  • 900-dən çox Google şriftləri
  • İstədiyiniz kimi grid kartlarını bəzəmək üçün 250-dən çox SVG nişanı
  • Tərkibinizdən birbaşa sosial mediada paylaşmağınıza imkan verən sosial media paylaşma dəstəyi
  • Şəkil, video (dəstəkləyən saytlar daxil olmaqla) üçün dəstək YouTube), qalereya və audio nəşr formatları
  • Daha çox 3 hörgü, əsaslandırılmış və sayğac daxil olmaqla grid planları
  • Səhifənin yükləmə sürətini artıran yavaş yükləmə
  • İstifadəçi tərəfindən qəbul edilən yükləmə vaxtını azaltmaqla 20-dən çox yükləmə animasiyası
  • 20-dən çox animasiya ortaya çıxdı
  • Sağdan sola yazılan dillər üçün RTL dəstəyi
  • Intuitiv bir idarəetmə paneli
  • Və daha çox parametrlər

Hansı təsirli xüsusiyyət siyahısı? İndi WP Grid Builder-i quraşdıraq və digərləri kimi bir grid generatoru ilə nəyə nail ola biləcəyimizi sınayaq.

Gridbuilder WP-ni necə quraşdırmaq olar

İndi əyləncəli hissə 🙂

WP Grid Builder qurmaq A, B, C qədər asandır. Bir mükafat plagininin necə qurulacağını bilirsinizsə, WP Grid Builder qurmaqda çətinlik çəkməməlisiniz. Plugin satın alındıqdan sonra hesabınızda və ya satınalma e-poçtunda WP Grid Builder ZIP qovluğunu tapa bilərsiniz.

Əvvəlcə WP Grid Builder ZIP faylı kompüterinizə yükləyin. Sonra WordPress admin panelinizə daxil olun və gedin Pluginlər> Yenisini əlavə et, Aşağıda göstərildiyi kimi.

yeni bir wordpress plaginini necə quraşdırmaq olar

Sonra vurun Plugin yükləyin düyməsini basın, yüklədiyiniz WP Grid Builder ZIP faylı seçin və vurun İndi quraşdırın şeyi hərəkət etmək üçün düyməsini basın. Budur, prosesi təsvir edən bir ekran görüntüsü:

WordPress gridbuilder plaginini əl ilə quraşdırın

Sonra WP Grid Builder-i aktivləşdirin:

gridbuilder wp plaginini aktivləşdirin

Plugin'i aktivləşdirmək, WordPress admin menyusuna Gridbuilder WP maddəsini əlavə edir. Sonra gedin Gridbuilder WP> İdarəetmə Paneli, aşağıdakı kimi ətraflı.

wp grid generator menyusu

Bundan sonra, e-poçt və lisenziya açarınızı daxil edin və vurun Aktivləşdirin Qoşulun düymə:

Wp grid qurucusu lisenziyasının aktivləşdirilməsi

Avtomatik yeniləmələrdən yararlanmaq üçün, sifariş təsdiq e-poçtunuzda və ya hesab səhifənizdə olan lisenziyanızı aktivləşdirə bilərsiniz:

lisenziya açarı

İndi WP Grid Builder-i quraşdırdıq və aktivləşdirdikdən sonra ilk şəbəkə planımızı yarada bilərik.

Gridbuilder WP-ni necə tənzimləmək olar

Növbəti hissədə funksional bir şəbəkə yaratmağı öyrənəcəksiniz. Parametrlərin çoxunu (hamısı olmasa) əhatə etmək üçün əlimdən gələni edəcəyəm. Əla xəbər, WP Grid Builder xüsusiyyətlərinin idarəetmə interfeysində aydın təsvirlərə sahib olmasıdır. Gələcək arayış üçün yeni şəbəkəmizə ad verməklə başlamalıyıq.

Yeni bir şəbəkə adlandırın

Yeni bir şəbəkə düzeni yaratmaq üçün gedin Gridbuilder WP> Bütün ızgaralar WordPress admin menyusunda:

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 2

Bunu etmək sizi aparır Bütün ızgaralar ekranı, indi boşdur. Sonra vurun Bir grid yaradın düymə:

yeni bir grid yaradın

Alternativ olaraq, demoları wpgridbuilder.com-dan idxal edə bilərsiniz. Bununla yanaşı, unutmayın ki, nümayişlər yalnız dizayn quraşdırma məqsədləri üçündür. Izgaralarınızda görünən məzmun yazılarınızdan, mediadan, məhsullardan və s. Asılıdır.

Sınaq məqsədlərimiz üçün ilk seçim seçdim, sıfırdan yeni bir şəbəkə yaradın. the Bir grid yaradın düymə sizi növbəti səhifəyə aparır:

wp grid builder-də yeni bir şəbəkə adlandırın

Əvvəlki ekranda edə bilərsiniz:

  • Şəbəkənizi adlandırın. Mən nümunəmizə görə "Test Qalereyası" ndan istifadə edirəm
  • Xüsusi CSS dərsləri əlavə edin və yaradın, beləliklə istəsəniz gridinizə xüsusi üslublar əlavə edə bilərsiniz
  • İstifadəçilərin heç bir nəticə tapmadığını görəcək səhv mesajlarını təyin edin

Şəbəkənizdə görünmək üçün medianı seçin

Şəbəkənizdə göstərmək istədiyiniz medianı seçmək vaxtı gəldi. Bunun üçün növbəti hissəyə keçin, yəni. Şəbəkə parametrləri> Mənbə məzmunu, Aşağıda göstərildiyi kimi.

mənbə məzmun parametrləri

Yuxarıda göstərildiyi kimi, içərisində üç növ şrift var Şrift növü:

  • Mesaj növü – Məzmunu nəşrlərinizdən, səhifələrinizdən, multimediya kitabxananızdan və ya hər hansı digər fərdi nəşrdən əldə edə bilərsiniz
  • Müddət – Kategoriyalar, etiketlər və ya hər hansı digər xüsusi taksonomiya termini əsasında material əldə edə bilərsiniz.
  • İstifadəçi – Bu seçim müəyyən WordPress istifadəçilərindən məzmun əldə etməyə imkan verir

Aşağıda, səhifədəki maddələrin sayını təyin edə bilərsiniz. Dəyərdən istifadə edin "-1"bütün ismarıcları keçirmək üçün.0) WordPress parametrlərində bir səhifədəki yazıların sayını təşkil edir.

Məsləhət olunan nəşrlər bölməsi

Bunun altında sizdə var Məsləhət olunan nəşrlər bölmə:

nəşrlərə müraciət etdiƏvvəlki ekranda bir neçə işi aşağıdakı kimi edə bilərsiniz:

  • Yazı növü seçin Nəşrin növü (lər) şəklində qeyd olunduğu kimi. Blog yazılarınız üçün bir grid yaratmaq istəyirsinizsə, xahiş edirəm seçin Nəşrlər. Mediyanız üçün bir grid yaradırsınızsa (məsələn, vizual bir portfel yaratmaq istəyirsinizsə) seçin Media, əvvəlki nümunəmizdəki kimi. Digər nəşr növü mövcuddur Səhifələr.
  • Yazı növləri altında, gridinizdə göstərmək istədiyiniz məzmunun status statusunu seçə bilərsiniz. Bir neçə variantınız var, amma yapışmağı məsləhət görərdim Göndərilib. Bundan əlavə, yazı müəlliflərini, mime növlərini seçə bilərsiniz və şəbəkənizdəki xüsusi məzmunu daxil edə / istisna edə bilərsiniz.
  • Üçüncü nömrədə göstərildiyi kimi (3) Yuxarıdakı şəkildə birbaşa başqa vasitələr də daxil edə bilərsiniz, bu da çox vaxta qənaət edə bilər, xüsusən də tez bir şəbəkə həyata keçirmək istədiyiniz zaman.

Ekranın altına gedərkən, panjara məzmununu xüsusi dəyərlər, etiketlər və sahələrə görə çeşidləməyinizə kömək edəcək seçimlər görəcəksiniz. Şəbəkənizi düzəldərkən yalnız bu seçimlərə ehtiyacınız olacaq:

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 3

Bundan əlavə: Təsadüfən irəliləməyinizi itirməmək üçün vurun Dəyişiklikləri saxla grid yaratmaq kimi düyməsini basın. Media formatlarını konfiqurasiya etmək niyyətindəyik.

Media formatları

Gedin Grid Parametrləri> Media Formatları:

gridbuilder media formatları

Kağızlarınızda istifadə etmək istədiyiniz media formatlarını seçə bilərsiniz. WP Grid Builder qalereyaları, videoları və audioları dəstəkləyir. Ekranın alt tərəfinə, məzmunun olmaması halında hər bir grid (və ya kafel) kartında standart bir kiçik şəkil təyin edə bilərsiniz.

Eyni ekranda, yazılarınızdakı ilk medianı avtomatik olaraq (məzmun olmadıqda) ələ keçirməyi seçə bilərsiniz. Bundan əlavə, grid kartları içərisində qalereya slayd şoularını aktivləşdirə, quraşdırılmış video afişalardan istifadə edə və videoları grid kartının əvəzinə bir işıq qutusuna aça bilərsiniz.

Grid tərzi

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 4

Gedin Grid Parametrləri> Grid Style yuxarıda göstərildiyi kimi gridinizi fərdiləşdirmək üçün. Varsayılan olaraq, üç grid üslubunuz var: hörgü, metr və əsaslandırılmış. Masonluqdan illüstrasiya məqsədləri üçün istifadə edirəm. Bundan əlavə şəkilləri əvvəllər media kitabxanamda yerləşdirmişdim. WP Grid Builder şəkilləri avtomatik olaraq şəbəkəyə əlavə edir.

Bundan başqa, şəbəkə davranışı, kart ölçüsünü yalnış və cavab vermə qabiliyyəti kimi digər seçimləri idarə edə bilərsiniz. Bir grid üslubunu seçmək və kart ölçülərini dəyişdirmək istisna olmaqla, parametrlərə çətinliklə toxunacaqsınız. Şəbəkə tərzinizi seçin və növbəti hissəyə keçək.

Torpaq düzeni

wp grid qurucusu grid layout

Burada görmək çox deyil. Ötürücüləriniz üçün iki növ sxem var; Standart şaquli düzülmə və karusel düzeni. Bundan əlavə, ızgaraları tam genişlikdə edə bilərsiniz. Mən standart layout ilə işləyirəm və mənim grid tam eni.

Biz irəliləyirik

Grid Bəstəkarı

grid bəstəkarı

Grid Composer, məsələn, bir filtr, reytinq, axtarış, onay qutuları, daha çox yükləmə, səhifələmə və daha çox şeyləri tənzimlədiyiniz zaman faydalıdır.

Ekranın altındakı hissədə sürüklə açılan bir düzen generatorunu tapa bilərsiniz. Məsələn, aşağıdakı üç yönlü nümunəmə baxın: Tarixə görə süzün, Axtarış, y Daha çox yükləyin düyməsini basın.

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 5

Bu qovşağımda şəbəkəmi yayımlayıramsa, üçümlə tamamlanmış aşağıdakı şəbəkəni görürəm (3) tam işlək cəhətlər:

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 6

Pis deyil 🙂 Heç də pis deyil. İnşallah işlərimizin mahiyyətini başa düşürsünüz, halbuki biz edilməmişdir. WP Grid Builder idarəetmə sahəsinə qayıdaq.

Kart üslubları

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 7

Yuxarıda göstərilən Kart üslubu bölməsi, grid kartlarınızı düzəltməyə imkan verir. Grid kartları, sadəcə, düzbucaqlı və ya kvadrat plitələrdir. WP Grid Builder istifadə etməyə başladıqda yuxarıdakı şəkildəki kimi demoları idxal etməyiniz lazım ola bilər. Ancaq edə bilərsiniz Sonsuz imkanları açan kartlarınızı sıfırdan yaradın.

Beləliklə, irəli getdim və bütün kartları idxal etdim və şəbəkələrimdə standart bir kart təyin etdim. Bundan sonra mediam daxil olmaqla hər yazı növü üçün bir kart seçdim. İstifadə edirəm Beril mənim vərəqəm kimi İşdə test şəbəkəm:

Olduqca etibarlı görünür, bu WordPress şəbəkə generatoru məni heyran edir. Sonrakı, animasiyalarımız var.

Animasiyalar

gridbbuilder animasiyalar

Yenə də burada görmək üçün çox şey yoxdur; bir istifadəçi fırladarkən və ya tıkladığında griddəki kartları aşkar etmək üçün yalnız bir neçə animasiya Daha çox yükləyin düyməsini basın. Xüsusiyyətdən istifadə etmək olduqca asandır və istifadəçi fəallığını artıran gözəl effektlər yaradır.

Yüklənir

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 8

Sonrakı, yuxarıda ətraflı göstərildiyi kimi yükləmə seçimləriniz var. Ekranda, şəbəkələrinizin sürətini çox artırmaq üçün tənbəl yükləməni dəyişə bilərsiniz. Tənbəl yükləmə yalnız istifadəçi qrafik pəncərəsində olduqda medianı yükləyir ki, bu da ızgaraları yükləmək üçün vaxtı azalda bilər.

Digər tərəfdən, bir yükləmə çubuğu və ya simge istifadəçilər tərəfindən qəbul edilən yükləmə müddətini azaldır. Yükləyici bir istifadəçi bir sıra yazıları yükləyərkən görünür. Şəbəkə səhifəsini yüklədikdə və istifadəçi bir grid süzdükdə və ya çeşidlədikdə görünür. Saytınızdakı istifadəçiləri saxlamaq üçün əlverişli və asan bir yoldur.

Fərdiləşdirmə

Ən yaxşı GridBuilderWP baxışı: çevik ızgaralar və filtrlər 9

Daha əvvəl gridimizə əlavə etdiyimiz xüsusi CSS sinifini xatırlayırsınız? Yaxşı, siz pluginlərin CSS üslubunu dəyişdirmək üçün sinifdən istifadə edirsiniz Grid Parametrləri> Fərdiləşdirmə pəncərə. CSS-ni yaxşı bilmirsinizsə, zəruri hallarda kömək xaricində işə götürürsünüz.

Gridbuilder WP Plugins

gridbuilder plugins

Pluginlər bir WordPress eklentisinin işləməsini genişləndirməyə imkan verir. WP Grid Builder'i asanlıqla gedərək quraşdıra biləcəyiniz bir neçə plugin ilə göndərir Gridbuilder WP> Pluginlər. Hal-hazırda, WP Grid Builder dörd plugin ilə gəlir, yəni:

  • Xəritə yönü: Google Maps, Mapbox və ya Leaflet-dən xəritələr əlavə etməyə və markerlər göstərməyə imkan verir
  • Keşləmə – məzmunu və cəbhələri önbelleğe bağlamaqla sürətləndirmək
  • LearnDash – Fləşkartlarda kurs məlumatlarını göstərin
  • Çoxdilli: WP Grid Builder'i Polylang və WPML ilə birləşdirir

Digər Gridbuilder WP Ayarları

qlobal şəbəkə qurucusu

WP Grid Builder-in ümumi parametrlərinə daxil olmaq üçün keçin Gridbuilder WP> Konfiqurasiya. Ekranda aşağıdakı kimi seçimlər tapacaqsınız:

  • WP Grid Builder-ə Gutenberg-də bloklar göstərməyə icazə verin
  • Post formatları üçün dəstəyi aktiv edin
  • Post və müddət seçimlərini (poçt formatları və müddət rəngləri) göstərin
  • Önbelleği və təmizləyin tərz cədvəlləri
  • Qlobal rəngləri dəyişdirin
  • Əlavə şəkil ölçülərini təyin edin
  • Lightbox plagininizi konfiqurasiya edin
  • Qlobal plugin parametrlərini yenidən qurun

Nəticə

WP Grid Builder, inanılmaz bir WordPress şəbəkəsi və həm yeni başlayanlar, həm də inkişaf etdiricilər üçün uyğun filtr plaginidir. Həssas xüsusiyyətlərin geniş siyahısı ilə təsirlənir. Bunun üzərinə, sizə çevik bir qiymət quruluşu və sürətli dəstək təklif edirlər.

Gridbuilder WP haqqında nə düşünürsünüz? Nəsə darıxmışıq? Zəhmət olmasa aşağıdakı şərh bölməsində bizə bildirin.