Temel Kılavuz: Ayrıntılı Bir Genel Bakış ve İnceleme

ThemePunch, WordPress için en popüler eklentilerden bazılarını yapar. Essential Grid, Slider Revolution ile birlikte kütüphanelerinde en çok kazananlardan biridir . Essential Grid zamanla CodeCanyon'da en çok aranan ve en başarılı eklentilerden biri haline geldi. Bu yüzden eklentiyi öne çıkarmak ve sitelerinizi iyileştirebilecek bir şey olup olmadığına karar vermenize izin vermek istedik.

Temel Izgara

Izgara eklentileri nadir değildir. Aslında kendi Divi oluşturucumuz bu amaca hizmet eden bir Portföy modülüne sahiptir. Ancak Essential Grid, diğer ızgara eklentilerinin çoğunun ötesine geçer, bu nedenle birçok tema kendi özel ızgara şablonlarını ekledikten sonra bile, insanlar hala her gün EG lisansları satın alıyor.

Orijinal satış tanıtım yazısının kullanılması, EG ile neler yapabileceğinizi size söyleyecektir:

Essential Grid Gallery, çeşitli içerik biçimlerini son derece özelleştirilebilir bir galeri ızgarasında görüntülemenize olanak tanıyan, WordPress için premium bir eklentidir. Olası uygulamalar arasında portföyler, bloglar, galeriler, WooCommerce mağazaları, fiyat tabloları, hizmetler, ürün kaydırıcıları, Instagram, YouTube, referanslar ve hayal edebileceğiniz her şey vardır.

Ancak tanıtım yazılarının size söylemediği şey, tüm bu özelleştirmenin nelerden oluştuğudur. Bu bizim işimiz ve bunu yapmak niyetindeyiz. Öyleyse kazalım ve tüm yaygaraların ne hakkında olduğunu görelim.

Başlarken

Her şeyden önce, bunun bir premium eklenti olduğunu unutmayın. CodeCanyon'a gitmeniz ve indirmeyi 27 USD'ye indirmeniz gerekecek. Ardından manuel kurulum işlemini gerçekleştirin ( Eklentiler – Yeni Ekle – Yükle ). Bu noktada, WordPress yönetici kontrol panelinizde 3 yeni öğeniz olacak: Ess. Izgara , Delme Yazı Tipleri ve Ess. Izgara Örnek Mesajları . Başlangıç ​​olarak, basit Ess'e bakalım . ızgara .

İlk menü öğesi, aktivasyon kodunuzu girdiğiniz, güncellemeleri, değişiklik günlüklerini, bu tür şeyleri kontrol ettiğiniz yerdir. Eklentinin nasıl kullanılacağına dair bazı basit talimatlar veriyorlar: Kısa kod kullanın veya widget'ı bir kenar çubuğuna sürükleyin.

Bu sayfa aynı zamanda kullanmak istediğiniz yeni ızgaraları oluşturmak için geldiğiniz yer olacaktır, bu yüzden bu düğmeyi tıklamaya alışın.

Öğe Görünümü Düzenleyicisi

Item Skin Editor altında, Essential Grid ile birlikte gelen tüm temel şablonlara sahipsiniz. Bunları cilt bazında düzenleyebilir, bu konuda istediğinizi değiştirebilirsiniz. Ya da olduğu gibi kullanmak. Hatta sıfırdan kendinizinkini oluşturabilirsiniz.

Burada, EG size farklı ızgara öğeleri türleri için sekme yoluyla sıralama seçeneği sunar. (Eşit aralık, Duvar tasarımı, Gönderiler veya WooCommerce ürün ızgaraları.) Her birinin üzerine geldiğinizde, yeşil dişli simgesine tıklayarak özelleştirebileceğiniz başlıkları, alıntıları, renk katmanlarını vb. canlandıracak ve görüntüleyecektir.

Bu seçenekler panelinin içinde her bir öğe düzenlenebilir. Öğeler arasındaki boşluktan, görünen simgelerden, animasyon stilinden ve süresinden, bağlantılardan, gölgelerden, medya türlerinden ve uyumdan, her şey.

Essential Grid'in istediğiniz şekilde manipüle edebilmeniz için CSS Sınıflarını düz bir görünüme sahip olduğu gerçeğine dikkatinizi çekmek isterim. Herhangi bir nedenle buradaki seçenekler arasında mükemmel tasarım seçeneğini bulamıyorsanız, özel CSS ile kendiniz ekleyebilirsiniz.

Sayfanın alt kısmında, erişiminiz olan her katmanın ve o anda nasıl şekillendirildiğinin kuşbakışı görünümünü elde edersiniz.

Meta Veri ve Arama Ayarları

Dış görünüm editörü, muhtemelen Essential Grid'in en sağlam kısmıdır, ancak EG bu seçenekleri başka hiçbir yerde kaybetmiyor. Eklentiden ihtiyaç duyabileceğiniz özel işlevler için kutular yerleştirme seçeneği sunan Meta Veri İşleme altında özel meta kutular oluşturabilirsiniz.

Arama Ayarları altında hemen hemen aynı şeyi yapabilirsiniz, ancak (tahmin ettiniz) aramalar için. EG, bir arama sonuçları sayfası olarak da çalışır, bu nedenle normal arşivlerinizden ve bu görünümden memnun değilseniz, bu onları hızlı bir şekilde düzeltmenin harika bir yoludur.

Genel Ayarlar

Tıpkı kulağa hoş geldikleri gibi, Global Ayarlar tüm üslerinizi kapsar. Izgaraları kimlerin değiştirebileceği ve düzenleyebileceği, yazı tiplerinin ve JavaScript'in nasıl yükleneceği, önbelleğe alma için ne yapacağınız, simgeleri nereden alacağınız, ızgara öğeleri için varsayılan bir görüntü ayarlama vb. için izinler ayarlayabilirsiniz. Yalnızca dış görünümler gibi tek bir öğe yerine tüm eklenti için geçerliyse, onu burada bulabileceksiniz. Etkileyici kısım, elde ettiğiniz kontroldür - birçok eklenti size ne tür bir sorgu kullanacağınızı seçme seçeneği sunmaz , ancak EG, siteniz için get_posts() veya WP_Query()'nin en iyi şekilde çalışıp çalışmayacağını (ve eğer yapmazsanız ) seçmenize izin verir. Bunun ne anlama geldiğini bilmiyorum, sadece varsayılan olarak bırakın. Nasıl olduğu iyi.

İthalat ihracat

Eklentiyi ilk kurarken Import/Export sayfasına mutlaka göz atmalısınız. Tam Demo Verilerini İçe Aktar ve Sosyal Medya Demo Izgaralarını İçe Aktar 'ı tıklarsanız, başlayabileceğiniz çok sayıda başlangıç ​​şablonuna sahip olacaksınız. Onlar da iyidir, bu yüzden sadece düğmeye tıklayın ve içe aktarma/indirme işlemi neredeyse anında gerçekleşir.

Ess'e geri döndüğünüzde, içe aktarılan ızgaralar listenin altında görünecektir . ızgara . Yeni ızgara kitaplığınız sizinle orada buluşacak.

Es. Izgara Örnek Mesajları

Yeni yönetici menüsü seçeneklerinin ikincisi Ess. Izgara Örnek Mesajları . Bir menü başlığı yapmak garip bir seçimdir, çünkü şablonlu ızgara öğeleriniz muhtemelen burada yaşayacaktır. Görüyorsunuz, bu sayfada listelenen tüm gönderiler aslında Ess altındaki ızgaralarda bulunan kutuların içeriğidir. Izgaraya genel bakış.

Genel bakış sayfasından aldığınız kısa kodları, ızgarayı görüntülemek istediğiniz gönderi veya sayfada kullandığınızda, bunlar açılan tek tek öğelerdir.

Yeni bir ızgara için gönderi oluşturmak da kolaydır. Tıpkı başka türden yeni bir gönderi eklemek gibi çalışır. Sadece bu başlığın altındaki Yeni Ekle düğmesine basın ve parametrelerinizi ayarlayın.

Kaydedilmiş Temel Izgarayı Kullanma

İster şablonları kullanın, ister kendiniz yapın, bunları nasıl kullanacağınızı bilmeniz gerekir. Essential Grid ile her şey kısa kodlar etrafında döner. Tekrar tekrar kullanmak istediğiniz belirli bir ızgaranız varsa, Ess altında Yeni Ess Izgarası Oluştur'a tıklamanız gerekir . Yönetici panelinizde Grid'in genel bakış sayfası. İçeride, ızgaradaki öğeleri nasıl sıralayabileceğinizden, hangi yükleme animasyonuna sahip olduğundan, öğelerinin gerçekte nereden geldiğine kadar her şeyi seçiyorsunuz ve ona isim veriyorsunuz.

Adlandırdığınızda, kısa kod takma adını da seçersiniz. Bu takma ad, yalnızca Essential Grid kısa kodunu kullanarak bu belirli ızgarayı çağırmak için kullanılır. Ayrıca, gelecekte harici ince ayarlar yapmak istediğimde, CSS kimliği için aynı kimliği kullanmayı seçtim.

Ardından, kısa kodu bir gönderi veya sayfanın metin düzenleyicisine koymanız yeterlidir.

Ve işte!

Eşsiz Bir Temel Izgara Kullanma

Bir şeyi yalnızca bir sayfada veya bir gönderide görüntülemeniz gerektiğini biliyorsanız, tamamen yeni bir ızgara oluşturma, içeriği için şablon olarak yeni gönderiler oluşturma ve takma adlar oluşturma zahmetine girmeniz için herhangi bir neden olmayabilir. o. Bunun yerine, yazı düzenleyicinin içinden dinamik bir kısa kod oluşturabilirsiniz. Araç çubuğundaki Essential Grid Shortcode Creator düğmesine basmanız yeterlidir .

Ardından, bu kısa kodun hangi içeriği oluşturmasını istediğinizi söylemek için adımlardan geçmeniz gerekecektir. Genel bakış menüsünden önceden tanımlanmış olanlardan birini seçebilir (kısa kodunu manuel olarak kopyalayıp yapıştırmanıza gerek kalmadan) veya sunulan seçeneklere göre kendinizinkini yapabilirsiniz.

Başka bir yerde sahip olduğunuz tüm seçenekleri (animasyonlar, düzen, vb.) seçmek için sayfaları gözden geçireceksiniz ve gitmeye hazır olduğunuzda Kısa Kod Oluştur düğmesine basın.

Gördüğünüz gibi, dinamik olarak oluşturulan kısa kod, gridin kendisi hakkındaki tüm bilgileri içerdiğinden çok daha karmaşıktır.

Ama render edildiğinde, hiçbir fark yoktur. Özellikle oluşturma sırasında bir cilt uygulamayı seçtiyseniz.

Temel Izgara Widget'ı

Son olarak, oluşturduğunuz herhangi bir Temel Izgarayı bir widget'a koyma seçeneğiniz vardır. Bunun kurulumu diğerlerinden daha kolaydır çünkü kelimenin tam anlamıyla sürükle ve bırak yöntemidir. Görünüm - Pencere Öğeleri'ne gidin, Temel Izgara pencere öğesini seçin ve oluşturmasını istediğiniz yere sürükleyin. Yalnızca ana sayfada istiyorsanız, bunu ayarlayabilir veya hazır ızgaralarınızdan herhangi birini seçebilirsiniz. Ancak, yukarıda yaptığınız gibi bu şekilde dinamik bir ızgara oluşturamazsınız. Bunlar önceden oluşturulmalıdır.

Ancak akılda tutulması gereken bir şey, tüm düzenlerin bir kenar çubuğunda iyi görünmediğidir. İçeriğinizin bir kısmının çok garip bir şekilde görüntülenmesini sağlayabilirsiniz, ancak çıldırmayın. Böyle bir durumda, gidip ayarları farklı şekilde görüntülenecek şekilde değiştirin - belki tam ekran yerine kutulu veya Duvar yerine bile, belki. İstediğiniz gibi görünene kadar deney yapın. Bunun için kenar çubuğuna özel bir ızgara yapmak muhtemelen iyi bir fikirdir. (Orada istediğinizi çoğaltabilir ve orijinal yerine ince ayar yapabilirsiniz.)

Punch Yazı Tipleri

Ve son olarak, Essential Grid ile elde ettiğiniz son özelleştirme parçası var. Punch Fonts , EG'de Google Fonts'u kullanmak için basit bir arayüzdür. Bu kadar.

İyi başlıklı Yeni Yazı Tipi Ekle düğmesine basarak hangi yazı tiplerinin yüklenmesini istediğinizi seçebilirsiniz. Modeldeki Google Fonts bağlantısını takip ederseniz, ihtiyacınız olan parametreleri bulacaksınız ve eklenti yazı tipini sitenize çekecektir.

Ve tp-moniker'in yalnızca dahili kullanım için olduğunu söylediğinde, bu, daha önceki takma adla temelde aynı olduğu anlamına gelir. Yazı tiplerini şeylere uygularken bunu göreceksiniz. Bu yüzden onları uygun şekilde adlandırın.

Son düşünceler

Genel olarak, Essential Grid, oradaki en sağlam ve güçlü ızgara eklentilerinden biridir. Slider Revolution'ı daha önce kullandıysanız, düzenler ve katmanlar buna çok benzer şekilde çalışır ve kendinizi evinizde hissetmeniz gerekir. Değilse, hangi parçaların birbirine uyduğunu anladığınız için biraz öğrenme eğrisi olabilir. Ancak bir kez yaptığınızda, gerçekten güzel sayfalar oluşturabileceksiniz.

Bu özelleştirme düzeyine ihtiyacınız yoksa, premium fiyatı ödemek istemeyebilirsiniz. İhtiyaçlarınıza uygun birçok başka ızgara eklentisi var. Ek olarak, ızgaraları ne kadar ağır yaptığınıza bağlı olarak site hızı bir sorun haline gelebilir. Sana bir sebepten dolayı yükleme animasyonu özelleştirebilirsiniz ki.

Ancak, hem gerekli hem de doğru yapılırsa, eklenti gerçekten parlıyor. Essential Grid'in kategorisinde 1 numaralı satıcı olmasının bir nedeni var. Derecelendirmeleri ve destek konularını kontrol ederseniz, ThemePunch'ın yanıt vermesi ve yardım etmesi hızlıdır.

Yani 27 $ için muhtemelen giriş fiyatına değer. Ayrıca, bir tema tasarımcısıysanız, genişletilmiş lisanslarını satın alabilir ve kendi temalarınız için bir paket olarak ekleyebilirsiniz. Bu oldukça havalı.

Essential Grid kullanıyor musunuz? Yorumlarda kreasyonlarınızdan bazılarını görelim!

Makale özellikli görsel Bloomicon / Shutterstock.com