En İyi GridBuilderWP İncelemesi: Esnek Izgaralar ve Filtreler

En İyi GridBuilderWP İncelemesi: Esnek Izgaralar ve Filtreler

Bir futbol maçı izlemek için oturduğunuzda, süperstarları bir mil öteden kolayca tespit edebilirsiniz..


Şık ve cilalı oyunları onları ayırır ve genellikle maçın sonucunu değiştirir. Hayranlar ve yöneticiler onları seviyor çünkü oynadıkları zaman en iyi şekilde çalışıyorlar.

Aynı şey müzik endüstrisindeki süper starlar için de geçerlidir. Genellikle işe koyulurlar, bizi hitlerle serenat ederler ve hala devam ederler. Yıldızlar ticaretinin efendileri ve hayal gücümüzü sınırlara zorluyorlar.

Bilirsin, tıpkı Gridbuilder WP, bugünün incelemesinin konusu.

İşte bir astar: Şebeke mizanpajları inşa etmenin korkak değil, daha yeni başlayanlar için olmadığını biliyoruz. Oldukça deneyimli kullanıcılar için bile zorlu bir görevdir.

Ancak ızgara düzenleri, WordPress web sitenizdeki içeriği görüntülemenin ve filtrelemenin harika bir yoludur. Bunun gibi bir şey:

gridbuilder e-ticaret demosu

Gridbuilder WP e-Ticaret Demosu

Veya bu:

gridbuilder WordPress eklentisi portföy demosu

Gridbuilder WP Portföy Demosu

Ancak, ne yazık ki, WordPress web siteniz için ızgara düzenleri oluşturmak kolay değildir. Ya da eskiden WordPress ızgara eklentilerinin ortaya çıkmasından önceydi.

Bir teri kırmadan harika ızgara düzenleri oluşturmak için, basit ama güçlü WordPress ızgara eklentisi.

Böyle bir eklenti arıyorsanız, Gridbuilder WP faturaya mükemmel uyuyor.

Bugünün inceleme / nasıl yapılır makalesinde, neden Gridbuilder’ın WP giderek artan sayıda WordPress kullanıcısı için tercih edilen ızgara ve filtre eklentisidir. Kaputun altına bakıyoruz ve eklenti ile oynuyoruz, bu yüzden eğlenceli olacağını zaten biliyorsunuz.

Daha fazla uzatmadan, kolları sıvayıp kirlenelim.

Gridbuilder nedir WP?

gridbuilder

WP Grid Builder, Gridbuilder olarak da bilinir WP hızlı bir şekilde gelişmiş ızgara düzenleri oluşturmanıza izin veren güzel bir WordPress eklentisidir. Kullanımı oldukça hoş sezgisel bir kullanıcı arayüzü sunuyor.

Eklenti, özellikleri yeni başlayanlar ve geliştiriciler için mükemmel. Yeni başlayanlar için, WP Grid Builder esnek ve filtrelenebilir ızgara düzenleri oluşturmak ve bunları kodlama bilgisi olmadan filtrelemek için eksiksiz bir çözümdür. Bir geliştiriciyseniz, ızgara oluşturucu sizi meşgul edecek birçok eylem ve işlevle birlikte gelir.

Tüm WordPress temalarıyla çalışır ve en sevdiğiniz araçların çoğuyla sorunsuz bir şekilde bütünleşir. Buna ek olarak, eklenti, ızgara düzenlerinizi ve arama filtrelerini (yön olarak bilinir) güçlendiren eklentilerle birlikte gelir.

Yazma sırasında, yalnızca WP Grid Builder’ın premium bir sürümünü sunarlar, ancak bu gelecekte değişebilir. Veya Loic Blascos – geliştirici – soruşturmamdan hemen sonra gönderdiği bir e-postada şöyle diyor:

wp grid builder destek e-postası

Aynı şekilde, yılda 49 ila 249 dolar arasında değişen üç planı var. İhtiyaçlarınıza uygun planı seçin.

Satın alma işleminizden memnun değilseniz, WP Grid Builder size 14 günlük para iade garantisi sunar. Ayrıca, iyi önlem almak için yenilemelerde bazı mükemmel indirimler (Temel plan için% 20, Premium plan için% 30 ve Ultimate plan için% 40) atıyorlar..

Anlaşmayı tatlandırmak için, WordPress uzmanları WP Grid Builder’ı övüyor. İşte mutlu bir müşteri:

Hem kullanıcı hem de geliştirici dostu olan Gridbuilder ᵂᴾ, bu tür özellikler için harika bir ürün ve yeni bir paradigmadır. WordPress Core ile iyi entegre olan bu ürün, güzel bir Admin UX ve göz alıcı bir hızlı ön uç deneyimi sunar. – Jb Audras, WordPress Çekirdek Geliştirici.

Hatta Chris Lema, WordPress çevrelerindeki en büyük isimlerden biri, WP Grid Builder için övgüden başka bir şey değildir:

chris lema gridbuilder wp övdü

Buna ek olarak, WP Grid Builder’ı kapsamlı bir şekilde kurmanıza ve yapılandırmanıza yardımcı olmak için hızlı birinci sınıf destek ve ayrıntılı belgeler alırsınız.

Şimdi ne ile çalıştığımızı biliyoruz, WP Grid Builder WP özelliklerine hızlı bir göz atalım.

Gridbuilder WP Özellikleri

gridbuilder özellikleri

WP Grid Builder, bir profesyonel gibi ızgara düzenlerini kırmak için ihtiyacınız olan tüm özelliklere sahiptir. Rakiplerin aksine, eklenti, e-ticaret mağazanız, portföy web sitesi, blog ve dizininiz için düzenler oluşturmayı çok kolaylaştırır..

WP Grid Builder kopyanızda aşağıdaki özellikleri bekleyebilirsiniz:

  • WooCommerce, Easy Digital Downloads, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields ve Gutenberg ile sorunsuz entegrasyon
  • Işık kutusu ve karusel için dokunma desteği ile% 100 duyarlı ve mobil kullanıma hazır
  • SEO dostu – WP Grid Builder, W3C uyumludur ve en iyi SEO uygulamalarını kullanır
  • Özel AJAX uç noktaları sayesinde yıldırım hızında performans
  • WordPress içeriğini (özel) sınıflandırma terimlerine, posta alanlarına veya özel alanlara göre verimli bir şekilde sıralamanızı sağlayan gelişmiş bir filtreleme sistemi
  • Kullanıcılarınızın arama sonuçlarını daraltmasına olanak tanıyan radyolar, onay kutuları, kaydırıcılar, seçimler, derecelendirmeler, kaydırıcılar, derecelendirmeler, daha fazla yükleme düğmesi, sıfırlama düğmeleri ve daha fazlasını içeren 15’den fazla yön türü
  • WP Grid Builder ayarlarınızı başka bir siteye kolayca taşıyabilmeniz için içe ve dışa aktarma işlevi
  • Dahili ışık kutusu
  • Sürükle ve bırak ızgara oluşturucu
  • 20+ hazır ve ızgara kartlarını özelleştirmek kolaydır. Ayrıca, kartlarınızı sıfırdan oluşturabilirsiniz
  • 900+ Google Yazı Tipi
  • Izgara kartlarınızı istediğiniz gibi dekore etmek için 250’den fazla SVG simgesi
  • Doğrudan ağlarınızdan sosyal ağlarda içerik paylaşmanıza olanak tanıyan sosyal paylaşım desteği
  • Görüntü, video (YouTube gibi sitelerden yerleştirmeler dahil), galeri ve sesli yayın formatları desteği
  • Duvarcılık, Haklı ve Metro dahil 3+ ızgara düzeni
  • Sayfa yükleme hızlarını artıran tembel yükleme
  • Kullanıcılar tarafından Algılanan Yükleme Süresini azaltan 20’den fazla yükleme animasyonu
  • 20+ animasyon
  • Sağdan Sola yazılan diller için RTL desteği
  • Sezgisel bir yönetici kontrol paneli
  • Ve daha birçok ayar

Ne etkileyici bir özellik listesi? Şimdi WP Grid Builder’ı yükleyelim ve benzeri olmayan bir ızgara oluşturucu ile neler başarabileceğimizi test edelim.

Gridbuilder Nasıl Kurulur WP

Şimdi eğlenceli kısmı ��

WP Grid Builder’ı kurmak A, B, C kadar kolaydır. Premium eklentiyi nasıl kuracağınızı biliyorsanız, WP Grid Builder’ı kurarken sorun yaşamamalısınız. Eklentiyi satın aldıktan sonra, WP Grid Builder ZIP klasörünü hesabınızda veya satın alma e-postasında bulabilirsiniz.

İlk olarak, WP Grid Builder ZIP dosyasını bilgisayarınıza indirin. Ardından, WordPress yönetici kontrol panelinize giriş yapın ve Eklentiler> Yeni Ekle, Aşağıda gösterildiği gibi.

yeni wordpress eklentisi nasıl kurulur

Ardından, Eklentiyi Yükle düğmesini tıkladığınızda, indirdiğiniz WP Grid Builder ZIP dosyasını seçin ve Şimdi kur harekete geçmek için düğmesine basın. İşte süreci özetleyen bir ekran görüntüsü:

gridbuilder wordpress eklentisini manuel olarak yükleme

Ardından, WP Grid Builder’ı etkinleştirin:

gridbuilder wp eklentisini etkinleştir

Eklentinin etkinleştirilmesi bir Gridbuilder ekler WP öğesini WordPress yönetici menünüze ekleyin. Ardından, şuraya gidin: Gridbuilder WP > Gösterge tablosu, aşağıda detay olarak.

wp ızgara oluşturucu menü öğesi

Bundan sonra, lisans e-postanızı ve lisans anahtarınızı girin ve etkinleştirme Eklenti buton:

wp grid builder lisans aktivasyonu

Otomatik güncellemelerden yararlanmak için, sipariş onayı e-postanızda bulunan lisansınızı veya hesap sayfanız:

lisans anahtarı

Artık WP Grid Builder’ı yükleyip etkinleştirdiğimize göre, ilk ızgara düzenimizi oluşturabiliriz.

Gridbuilder Nasıl Yapılandırılır WP

Aşağıdaki bölümde, işlevsel bir ızgara oluşturmayı öğreneceksiniz. Çoğu (hepsi değilse de) ayarları karşılamak için elimden geleni yapacağım. Mükemmel haber, WP Grid Builder özelliklerinin yönetici arayüzünde net açıklamalara sahip olmasıdır. İleride başvurmak için yeni ızgaramızı adlandırarak başlamalıyız.

Yeni Bir Izgara Adlandırma

Yeni bir ızgara düzeni oluşturmak için Gridbuilder WP > Tüm Izgaralar WordPress yönetici menünüzde:

Bunu yapmak sizi Tüm Izgaralar ekranı boş. Ardından, Izgara Oluştur buton:

yeni ızgara oluştur

Alternatif olarak, demoları wpgridbuilder.com’dan içe aktarabilirsiniz. Bununla birlikte, demoların yalnızca düzen ayarları amaçlı olduğunu unutmayın. Izgaralarınızda görüntülenen içerik yayınlarınıza, medyanıza, ürünlerinize vb. Bağlıdır..

Test amaçlarımız için, ilk seçenekle gittim, sıfırdan yeni bir ızgara oluşturdum. Izgara Oluştur düğmesi sizi aşağıdaki sayfaya götürür:

wp grid builder'da yeni bir grid adlandırma

Yukarıdaki ekranda şunları yapabilirsiniz:

  • Izgaraya bir ad verin. Örneğimiz için “Test Galerisi” kullanıyorum
  • Özel CSS sınıfı ekleyin ve oluşturun, böylece isterseniz ızgaralarınıza özel stiller ekleyebilirsiniz
  • Kullanıcıların herhangi bir sonuç bulamazlarsa gördükleri hata mesajlarını tanımlayın

Izgarada Görüntülenecek Medyayı Seçin

Izgarada görüntülemek istediğiniz medyayı seçme zamanı. Bunun için bir sonraki bölüme gidin, yani., Izgara Ayarları> Kaynak İçerik, Aşağıda gösterildiği gibi.

kaynak içerik ayarları

Yukarıda gösterildiği gibi, üç çeşit kaynağınız var. Kaynak Türü:

  • Yazı tipi – Yazılarınızdan, sayfalarınızdan, medya kitaplığınızdan veya başka herhangi bir özel yazı türünden içerik alabilirsiniz
  • terim – Malzemeyi kategorilere, etiketlere veya diğer özel sınıflandırma koşullarına göre kaynaklayabilirsiniz.
  • kullanıcı – Bu seçenek, belirli WordPress kullanıcılarından içerik kaynaklamanıza olanak tanır

Bunun altında, sayfa başına öğe sayısını ayarlayabilirsiniz. Tüm yayınları göstermek için “-1” değerini kullanın. Sıfır (0), WordPress ayarlarında varsayılan olarak sayfa başına yayın sayısıdır.

Sorgulanan Mesajlar Bölümü

Bunun altında, Sorgulanan Postalar Bölüm:

sorgulanan gönderilerYukarıdaki ekranda aşağıdaki gibi birkaç şey yapabilirsiniz:

  • Altında yazı türlerinizi seçin Gönderi Tip (ler) i olarak işaretlenir. Blog gönderileriniz için bir ızgara oluşturmak istiyorsanız, Gönderiler. Medyanız için bir ızgara oluşturuyorsanız (örneğin, görsel bir portföy oluşturmak istiyorsanız), medya, Yukarıdaki örneğimizde olduğu gibi. Mevcut diğer gönderi türü Sayfalar.
  • Yayın türlerinin altında, kılavuzunuzda görüntülemek istediğiniz içeriğin yayın durumunu seçebilirsiniz. Birkaç seçeneğiniz var, ancak size bağlı kalmanızı tavsiye ederim Yayınlanan. Ayrıca, yayın yazarları, mim türleri seçebilir ve belirli içeriği ızgaraya dahil edebilir / hariç tutabilirsiniz.
  • Yukarıdaki resimde üç (3) numaralı öğeyle gösterildiği gibi, özellikle hızlı bir şekilde bir tablo dağıtmak istediğinizde size çok zaman kazandırabilecek başka ortamlar da ekleyebilirsiniz..

Ekranın altına doğru ilerlerken, ızgara içeriğinizi değerlere, etiketlere ve özel alanlara göre sıralamanıza yardımcı olacak seçenekleri not edersiniz. Bu seçeneklere yalnızca şebekenizi hassas şekilde ayarlarken ihtiyacınız olacak:

kenara: İlerlemenizi yanlışlıkla kaybetmemek için Değişiklikleri Kaydet düğmesini tıklayın. Medya formatlarını ayarlayalım.

Medya Biçimleri

Şu yöne rotayı ayarla Izgara Ayarları> Medya Biçimleri:

gridbuilder medya formatları

Izgaralarınızda kullanmak istediğiniz medya biçimlerini seçebilirsiniz. WP Grid Builder galerileri, videoları ve sesi destekler. Ekranın altına doğru, içeriğin eksik olması durumunda her bir ızgara kartında (veya kutucuğunda) varsayılan bir küçük resim ayarlayabilirsiniz.

Aynı ekranda, yayınlarınızdaki ilk medyayı otomatik olarak yakalamayı seçebilirsiniz (içeriğin eksik olması durumunda). Ayrıca, ızgara kartlarının içindeki galeri slayt gösterilerini etkinleştirebilir, gömülü videolardan posterler kullanabilir ve ızgara kartı yerine bir ışık kutusunda videoları açabilirsiniz.

Izgara Stili

Adresine git Izgara Ayarları> Izgara Stili ızgarayı, yukarıda gösterildiği gibi özelleştirmek için. Varsayılan olarak üç ızgara stiliniz vardır: Duvarcılık, Metro ve Yaslanmış. Duvarcılığı illüstrasyon amaçlı kullanıyorum. Ayrıca daha önce medya kütüphanemde görüntüler yayınlamıştım. WP Grid Builder fotoğrafları otomatik olarak ızgaraya ekler.

Bunun dışında ızgara davranışı, kart boyutlarını geçersiz kılma ve yanıt verme duyarlılığı gibi diğer seçenekleri de kontrol edebilirsiniz. Bir ızgara stili seçmek ve kart boyutlarını geçersiz kılmak için kaydedin, ayarlara pek dokunmazsınız. Izgara stilinizi seçin ve bir sonraki bölüme geçelim.

Izgara Düzeni

wp ızgara oluşturucu ızgara düzeni

Burada görülecek çok şey yok. Izgaralarınız için iki tür düzeniniz var; Standart dikey tasarım ve Carousel düzeni. Bunun da ötesinde, ızgaralarınızı tam genişlikte yapabilirsiniz. Standart tasarımla çalışıyorum ve ızgaram tam genişlikte.

Devam ediyoruz.

Izgara Besteci

ızgara bestecisi

Izgara Oluşturucu, ızgaralarınızı filtre, derecelendirme, arama, onay kutuları, daha fazla yükle, sayfalandırma ve çok daha fazlası gibi özelliklerle özelleştirirken kullanışlı olur.

Ekranın altında bir sürükle ve bırak ızgara düzeni oluşturucu bulacaksınız. Örneğin, aşağıdaki üç yönü içeren örneğime bakın: Tarihe Göre Filtrele, Arama, ve Daha fazla yükle buton.

Izgaramı bu noktada yayınlarsam, üç (3) tamamen işlevsel yönümle birlikte aşağıdaki ızgarayı görürüm:

Fena değil bad Hiç fena değil. Umarım işimiz biter, ancak işimiz bitmedi. WP Grid Builder yönetici alanına geri dönelim.

Kart Stilleri

Yukarıda gösterilen Kart Stili bölümü ızgara kartlarınızı özelleştirmenizi sağlar. Izgara kartları, ızgarayı oluşturan dikdörtgen veya kare fayanslardır. WP Grid Builder’ı kullanmaya başladığınızda, yukarıdaki resimde gösterildiği gibi demoları içe aktarmanız gerekebilir. Ancak,, Kartlarınızı sıfırdan oluşturun, bu da sonsuz olasılıkların kilidini açar.

Bu yüzden devam ettim ve tüm kartları içe aktardım ve ızgaralarıma varsayılan bir kart atadım. Bundan sonra, medyam da dahil olmak üzere her yazı türü için bir kart seçtim. Kullanıyorum beril benim varsayılan kart olarak. İşte benim test ızgara şimdi eylem:

Oldukça güvenilir görünüyor, bu WordPress ızgara oluşturucu, beni etkiledi. Sıradaki animasyonlarımız var.

Animasyonlar

gridbbuilder animasyonları

Yine, burada görülecek çok şey yok; bir kullanıcı sayfayı kaydırdığında veya tıkladığında ızgaradaki kartları göstermek için birkaç animasyon Daha fazla yükle buton. Özelliğin kullanımı inanılmaz derecede kolaydır ve kullanıcı etkileşimini artıran güzel efektler üretir.

Yükleniyor

Daha sonra, yukarıda detaylandırdığımız gibi yükleme seçenekleriniz var. Ekranda, ızgaralarınızın hızını muazzam bir şekilde artırmak için tembel yüklemede geçiş yapabilirsiniz. Tembel yükleme, medyayı yalnızca kullanıcının görüş alanındayken yükler, bu da ızgaralarınızın yüklenme süresini azaltabilir.

Öte yandan, bir yükleme çubuğu veya simgesi kullanıcılar tarafından Algılanan Yükleme Süresini azaltır. Yükleyici, kullanıcı bir grup yayın yüklediğinde görünür. Izgara sayfasını yüklerken ve kullanıcı bir ızgarayı filtrelediğinde veya sıraladığında görünür. Kullanıcıları sitenizde tutmanın kullanışlı ve kullanıcı dostu bir yoludur.

Özelleştirme

Daha önce ızgaramıza eklediğimiz özel CSS sınıfını hatırlıyor musunuz? Sınıfı eklenti CSS stillerini değiştirmek için Izgara Ayarları> Özelleştirme penceresi. CSS’de yolunuzu bilmiyorsanız, gerekirse dışarıdan yardım almanız daha iyi olur.

Gridbuilder WP Eklentileri

gridbuilder eklentileri

Eklentiler, bir WordPress eklentisinin işlevselliğini genişletmenize olanak tanır. WP Grid Builder, adresine giderek kolayca yükleyebileceğiniz birkaç eklenti ile birlikte gelir Gridbuilder WP > Eklentiler. Şu anda, WP Grid Builder dört eklenti ile geliyor:

  • Harita Faseti – Google Haritalar, Mapbox veya Broşürden harita eklemenizi ve işaretçileri görüntülemenizi sağlar
  • Önbellekleme – İçeriği ve özellikleri önbelleğe alarak ızgaraları hızlandırmak için
  • LearnDash – Ders bilgilerini kartlarda göster
  • Çok Dilde – WP Grid Builder’ı Polylang ve WPML ile entegre edin

Diğer Şebeke Yapımcısı WP Ayarlar

gridbuilder wp global ayarları

WP Grid Builder genel ayarlarına erişmek için şu adrese gidin: Gridbuilder WP > Ayarlar. Ekranda aşağıdaki gibi seçenekler bulabilirsiniz:

  • WP Grid Builder’ın Gutenberg’de blok oluşturmasına izin ver
  • Yazı biçimleri için desteği etkinleştir
  • Gönderi ve terim seçeneklerini görüntüleme (gönderi biçimleri ve terim renkleri)
  • Önbelleği temizle ve stil sayfalarını temizle
  • Global renkleri değiştirme
  • Ek görüntü boyutları ayarlama
  • Işık Kutusu eklentinizi yapılandırma
  • Eklenti genel ayarlarını sıfırla

Sonuç

WP Grid Builder, hem yeni başlayanlar hem de geliştiriciler için uygun muhteşem bir WordPress ızgarası ve filtre eklentisidir. Duyarlı ızgara düzenleri oluşturmayı bir esinti haline getiren kapsamlı özelliklerin kapsamlı bir listesi ile birlikte gelir. Bunun da ötesinde, size esnek bir fiyatlandırma yapısı ve hızlı destek sunar.

Gridbuilder hakkında ne düşünüyorsun? WP? Bir şey mi kaçırdık? Lütfen aşağıdaki yorum bölümünde bize bildirin.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map