Temel Izgara: Ayrıntılı Gözden Geçirme ve İnceleme
Themepunch, WordPress için en popüler eklentilerden bazılarını yapar. Essential Grid, Slider Revolution’ın hemen yanında, kütüphanelerinde en üst düzey üretimden biridir. Zamanla, Essential Grid, CodeCanyon’daki en çok aranan ve en başarılı eklentilerden biri haline geldi. Bu nedenle eklentideki spot ışığı vermek ve sitenizi geliştirebilecek bir şey olup olmadığına karar vermenize izin vermek istiyoruz. Grid Essential eklenti ızgarası nadir değildir. Aslında, divi üreticimizin bu amaca hizmet eden bir portföy modülü vardır. Ancak Essential Grid, diğer birçok ızgara eklentisinin yaptıklarını çok aşıyor, bu yüzden birçok tema kendi özel ızgara şablonlarını içerdikten sonra bile, insanlar hala her gün EG lisansları satın alıyor.
Sadece orijinal satış açıklamasını kullanmak, EG ile neler yapabileceğinizi söyleyecektir: Essential Grid Gallery, WordPress için, yüksek düzeyde ayarlanmış bir galeri ızgarasında çeşitli içerik biçimlerini görüntülemenizi sağlayan birinci sınıf bir eklentidir. Olası uygulamalar portföyler, bloglar, galeriler, wooocommerce mağazaları, fiyat tabloları, hizmetler, ürün vites değiştirme, Instagram, YouTube, referanslar ve hayal edebileceğiniz her şeyden farklıdır. Ancak, tüm özelleştirmeden neyin oluştuğunu size söylemeyen açıklamaları nedir? Bu bizim işimiz ve bunu yapmayı planlıyoruz. Öyleyse kazıp ne olduğunu görelim.İlk olarak, bunun premium bir eklenti olduğunu unutmayın. Codecanyon’a gitmeniz ve 27 $ USD için bir indirme yapmanız gerekiyor. Ardından manuel kurulum işlemini yapın (eklenti – yeni – yükleme ekleyin). Bu noktada, WordPress yönetici kontrol panelinizde 3 yeni öğe olacak: Ess. Kutu, yazı tipi yumruk ve ess. Izgara gönderme örneği. Başlamak için basit bir ess’e bakalım. Kafes. İlk menü öğesi, etkinleştirme kodunuzu girdiğiniz, güncellemeleri kontrol ettiğiniz, günlük değişiklikleri, bu tür şeylerdir. Esasen olan eklentilerin nasıl kullanılacağı hakkında bazı basit talimatlar sunarlar: Kısa bir kod kullanın veya yan çubuğa sürükle widget’ı kullanın. Deri Editör Öğesi Cilt editörü öğesinin altında, temel şebekeye dahil olan tüm temel şablonlara sahipsiniz. Cilt başına cilde göre düzenleyebilir, istediğiniz her şeyi değiştirebilirsiniz. Veya olduğu gibi kullanın. Başından beri kendiniz bile yapabilirsiniz. Burada, örneğin, çeşitli ızgara öğeleri için sekmeyi sıralama seçeneği sunar. (Boşluklar, duvar tasarımı, gönderme veya wooocommerce ürün kafesi bile.) İmleci her bir ızgaraya yönlendirdiğinizde, başlığı, alıntı, renk stresi, vb. Yeşil dişli simgesini tıklayarak ayarlayabilirsiniz. Bu seçenek panelinde, her öğe düzenlenebilir. Elementler, görünen simgeler, animasyonun stili ve süresi, bağlantılar, gölgeler, medyanın türleri ve uygunluğu arasındaki mesafeden hepsi.
Dikkatinizi, Essential Grid’in istediğiniz gibi manipülasyon için basit bir görünümde bir CSS sınıfına sahip olduğu gerçeğine çekmek istiyorum. Herhangi bir nedenden dolayı burada seçeneğe mükemmel tasarım seçeneğini bulamıyorsanız, özel bir CSS aracılığıyla kendiniz ekleyebilirsiniz. Sayfanın altında, erişebileceğiniz her katmana ve şu anda stilin nasıl bir gözünü alırsınız. Veri ve Ayar Ayarları Ayarları Temel Şebekenin en güçlü bireysel kısmı olabilir, ancak örneğin göz ardı etmez. başka bir yerde seçenek. Eklentiden ihtiyaç duyabileceğiniz özel işlevsellik için bir kutu yerleştirme seçeneği sunan meta verilerin işlenmesi altında özel bir meta kutu oluşturabilirsiniz. Aynı şeyi arama ayarları altında yapabilirsiniz, ancak aramayı (tahmin edebilirsiniz) için yapabilirsiniz. Örneğin bir arama sonucu sayfası olarak da işlev görür, bu nedenle normal arşivinizin görünümünden memnun değilseniz, bu hızlı bir şekilde düzeltmenin iyi bir yoludur. Global ayarlar sondaj ile aynıdır, küresel düzenlemeler tüm üslerinizi içerir. Kimin değiştirilebileceği ve düzenleyebileceği, yazı tiplerinin ve JavaScript’in nasıl yüklendiği, bir simge aldığınız, ızgara öğesi için varsayılan görüntüyü ayarladığınız önbellek için ne yaptığınız için izin ayarlayabilirsiniz. Bu, sadece cilt gibi bir eleman yerine tüm eklentiler için geçerlise, burada bulabilirsiniz. Etkileyici kısım, aldığınız kontroldür – birçok eklenti, kullandığınız sorgu türünü seçme seçeneği sunmaz, ancak örneğin get_posts () veya wp_query () işlevinin siteniz için en iyi olup olmadığını seçmenize izin verir (ve Ne anlama geldiğini bilmiyorum, sadece temerrüt bırakın. İyi. İçe Aktarma İçe Aktarma Bir eklenti hazırladığınızda, kesinlikle içe aktarma/dışa aktarma sayfasını kontrol etmelisiniz. Gösteriler, başlayabileceğiniz birçok başlangıç şablonunuz olacak. Ayrıca iyi, bu yüzden düğmeyi tıklayın ve neredeyse anında içe aktarın/indirin. İthal kafes, ESS’ye geri döndüğünüzde listenin altında görünecektir. Kafes. Yeni ızgara kütüphaneniz sizinle orada buluşacak. Ess. İkinci Yönetici Menü seçeneği ızgarasının örnekleri Ess. Izgara gönderme örneği. Bu, menü başlıkları yapmak için garip bir seçimdir, çünkü ızgara şablonu öğenizin canlı olabileceği yer burasıdır. Görüyorsunuz, bu sayfada listelenen tüm yayınlar aslında ESS altındaki ızgaradaki kutuların içeriğidir. Izgara Genel Bakış. Bir ızgara görüntülemek istediğiniz herhangi bir gönderi veya sayfadaki genel bakış sayfasından aldığınız kısa kodu kullandığınızda, bu görünen tek tek bir öğedir. Yeni ızgaralar için yayınlar yapmak da kolaydır. Bu, diğer türlerden yeni yayınlar eklemek gibi işlev görür. Bu başlığın altındaki yeni ekle düğmesine basın ve parametrenizi ayarlayın. Bir şablon kullanırsınız veya kendiniz yapın, nasıl kullanacağınızı bilmeniz gerekir. Her şey kısa kodun etrafında temel ızgaralarla döner. Tekrar tekrar kullanmak istediğiniz belirli bir ızgaranız varsa, ESS altında yeni bir ESS kutusu için tıklamanız gerekir. Yönetici panelinizdeki ızgara özet sayfası. İçeride, ızgaradaki öğeleri nasıl sıralayabileceğinizden, hangi yükleme animasyonuna sahip olabileceğinizden, öğelerin gerçekte nereden geldiğinden ve bunları adlandırabileceğiniz her şeyi seçersiniz. Adlandırdığınızda, takma ad kısa kodunu da seçebilirsiniz. Takma ad, bu özel ızgarayı sadece temel ızgara kısa kodunu kullanarak çağırmak için kullanılır. Ayrıca gelecekte CSS kimlikleri için aynı kimliği kullanmayı seçtim, gelecekte harici bir ince ayar yapmak istiyorum. Metin düzenleyicisine veya sayfasına kısa kodu girmeniz yeterlidir.
Ve voila!
Benzersiz bir temel ızgara kullanarak, yalnızca bir sayfada veya bir gönderide bir şey görüntülemeniz gerektiğini biliyorsanız, yeni bir ızgara hazırlamak, içerik için yeni bir gönderi yapmak ve bir şablon olarak yeni bir yazı yapmak için hiçbir neden olmayabilir ve takma adlar Ve tüm bunlar. Post düzenleyicinin kendisinden kolayca dinamik bir kısa kod oluşturabilirsiniz. Sadece araç çubuğundaki Temel Grid Kısaylık Kodu Oluşturma düğmesine basın. Ardından, bu kısa koda hangi içeriği oluşturulmak istediğinizi anlatmak için adımlardan geçmeniz gerekir. Özet menüsünden belirlenen birini seçebilirsiniz (kısa kodu manuel olarak kopyalamak/eklemek zorunda kalmadan) veya sunulan seçeneklere göre kendiniz yapabilirsiniz.Başka bir yerde (animasyon, düzen, vb.) Sahip olduğunuz tüm seçenekleri seçmek için sayfadan geçeceksiniz ve ayrılmaya hazır olduğunuzda kısa kod oluştur düğmesine basın. Gördüğünüz gibi, dinamik olarak üretilen kısa kod çok daha karmaşıktır, çünkü şebekenin kendisi hakkındaki tüm bilgileri saklar. Ancak oluşturulduğunda, hiçbir fark yaratmaz. Özellikle yaratıcı olduğunda cilt uygulamayı seçerseniz. Son temel ızgara widget’ı, widget’a yaptığınız herhangi bir temel kutuyu yerleştirme seçeneğiniz vardır. Bu yönetimi diğerlerinden daha kolaydır, çünkü tam anlamıyla sürük ve bırak. Görünüm – widget’ları girin, temel ızgara widget’ını seçin ve oluşturulmak istediğiniz yere sürükleyin. Verandada istiyorsanız, ayarlayabilirsiniz veya daha önce yapılmış kafeslerden birini seçebilirsiniz. Ancak, yukarıdaki yolda dinamik bir kafes yapamazsınız. Bu daha önce yapılmalıdır. Ancak, hatırlanması gereken bir şey, tüm düzenlerin yanda iyi görünmemesidir. İçeriğinizin bir kısmının çok garip bir şekilde oluşturulmasını sağlayabilirsiniz, ancak panik yapmayın. Bu olursa, ayarları değiştirin, böylece mümkün olan tam ekranın farklı bir şekilde görüntülenmesi ve hatta duvarcılık, belki de değiştirin. İstediğiniz gibi görünene kadar deney yapın. Belki bunun için özel bir kafes yaratmak için iyi bir fikir. (Orada istediğinizi çoğaltabilir ve orijinal yerine değiştirebilirsiniz.) Yazı tipi yumruk ve son olarak, temel ızgaralarla aldığınız hafif bir son ayar var. Punch Fonts, Google yazı tiplerini EG’de kullanmak için basit bir arayüzdür. İşte burada. Good adlı yeni yazı tipi düğmesine basarak hangi yazı tipini yüklemek istediğinizi seçebilirsiniz. Capital’in Google yazı tipine olan bağlantısını takip ederseniz, ihtiyacınız olan parametreleri bulacaksınız ve eklenti sitenize yazı tiplerini çekecektir. Ve yalnızca dahili kullanım için yazılı TPMonicer olduğunda, temelde daha önce aynı takma ad anlamına gelir. Bir şeye yazı tipleri uyguladığınızda göreceksiniz. Öyleyse onlara ismi doğru verin. Daha önce bir kaydırıcı devrimi kullandıysanız, düzen ve katman çalışması buna çok benzer ve evde gibi hissedeceksiniz. Değilse, hangi parçaların uygun olduğunu bildiğinizde küçük bir öğrenme eğrisi olabilir. Ama bir kez yaptıktan sonra, gerçekten güzel birkaç sayfa yapabilirsiniz. Bu ayar seviyesine ihtiyacınız yoksa, prim fiyatı ödemek istemeyebilirsiniz. İhtiyaçlarınıza uygun olabilecek birçok başka ızgara eklentisi var. Buna ek olarak, ızgaralar ne kadar ağır olduğunuza bağlı olarak, site hızı bir sorun olabilir. Demek istediğim, yükleme animasyonunuzu bir nedenden dolayı ayarlayabilirsiniz. Ancak, her ikisi de gerekli ve doğru yapılırsa, eklenti gerçekten parlar. Essential Grid’in kategorisinde 1 numaralı satıcı olmasının bir nedeni vardır. Destek sıralamasını ve desteğini kontrol ederseniz, ThemEpunch hızlı bir şekilde yanıtlayın ve yardımcı olur. Yani 27 $ için, giriş fiyatı ile orantılı olabilir. Ayrıca, bir tema tasarımcıysanız, genişletilmiş lisanslarını satın alabilir ve kendi temanız için bir paket olarak girebilirsiniz. Bu oldukça havalı. Temel ızgaralar kullanıyor musunuz? Yorumlarda bazı kreasyonlarınıza bakalım! Bloomicon / Shutterstock.com tarafından makalenin üstün görüntüsü
