Fasulye: Kolay, Ücretsiz ve Hafif WordPress Tema Çerçevesi
Şişmiş temalar bugün giderek yaygınlaşıyor, birçok tema geliştiricisi temalarına birçok özellik ve bazen ek eklenti girmeyi seçiyor. Bu, sitenizi gereksiz yavaşlatabilecek bir sigara temasına neden olur. Şimdi, bu temaların hiçbirinin hedeflerine uygun olmadığı veya iyi olmadığı anlamına gelmez, ancak bazen sadece işi tamamlayan, kolayca ayarlanan ve gerekli olmayan ek düzenlemeler içermeyen basit bir tema istersiniz. . İki ay önce Ağustos 2015’te başlatılan tema çerçevesinden biri, fasulye temasının çerçevesiydi; Kullanımı kolay, hafif, iyi belgelenmiş, ücretsiz ve açık kaynaklar olan WordPress tema çerçevesi.
Fıstık temasının çerçevesini tanıtmak
Dahası, tema fasulyesinin, duyarlılığı ve uyarlanabilir görüntülerin kullanımı sayesinde tüm cihazlarda nasıl iyi göründüğü hakkında daha fazla bilgi. Bu, içeriğin boyutunu tüm cihazlarda doğru bir şekilde değiştirmenin yanı sıra kullanılan cihaz için en uygun görüntüleri yapmak, depolamak ve sunmak. Buna ek olarak, fasulye de en büyük övgü ile SEO dostudur çünkü hafif, semantik kodu ve hızlı yükleme. Kaliteli içerik yayınlayabildiğiniz sürece, fasulye SEO sıralamanızı artırmak için geri kalanıyla ilgilenecektir. Yukarıda belirtildiği gibi, fasulye ön uç çerçevesi kullanılarak inşa edilmiştir. Aslında, fasulye arkasındaki geliştirici, sadece sayfa başına ihtiyacınız olan bileşenleri yüklemenize izin vererek daha da kolaylaştırmak için daha da ileriye gider. Bu, sayfanın hafif kalmasını ve mümkün olan en kısa sürede yüklenmesini sağlar. Hızdaki bu artış tüm arama motorları ve tüm kullanıcılar tarafından beğenilmektedir. Fasulyelerde kullanılan her bir kod satırı optimal olarak optimize edilir ve temaların tüm kısımları yalnızca gerektiğinde yüklenir. Buna ek olarak, fasulye ayrıca azaltılmış bir dosyada birleştirilen varlıklara ve gerektiğinde sayfa başına tabanda önbelleğe sahiptir. Ateş Fasulyesi API’sı, her biri kendi özel hedeflerine sahip çeşitli yangın bileşenlerinden oluşur. Her bileşen yalnızca gereksiz bellek kullanımından kaçınmak için gerektiğinde yüklenir. Bu aynı zamanda web sitenizin hızını da artırır. API bileşeni, yani yükleme ve API fasulyesi genel bakışına bağımlılık hakkında daha fazla bilgi edinebilirsiniz.
Başlangıç Çocuk Temaları Çocuk temalarının kullanımı çok iyidir, çünkü ana temayı güncellediğinizde yaptığınız her değişikliğin kaybolmamasını sağlarken, ana temada zarar görmeden değişiklik yapmanıza izin verir. Fasulye başlamak için çok basitleştirilmiş bir tema düzeni sağladığından, geliştiriciler ayrıca ücretsiz yeni başlayan çocuk temaları sağlar. Bu çocuğun teması, yeni web sitenizi değiştirirken başlamak için güçlü bir temel sunar ve aşağıdaki gibi düzenlenmiştir: Dosya işlevleri.php, tüm özelleştirme fasulyesi alıntılarının dahil edildiği bir yerdir, screcepot.png, kullanılmak üzere sadece bir yer tutucu görüntüdür Yönetici görünüm> temalarında, Style .css, Stil sırasında çocuğun temasını kaydetmek için gereken temel bilgileri içerir. Functions.php dosyası aracılığıyla derleyiciye Ukituk’a daha az eklenir. Bu yeni başlayan çocuğun teması hakkında daha fazla bilgiyi belgelerde bulabilirsiniz. Yeni başlayan çocukların temasının yanı sıra fasulye kullanan temalar ve diğer çocuk web siteleri, bugün birkaç tema da var. Theuttler şu anda fasulye için birkaç farklı çocuk teması sunarken, fasulye ile başlama ve çocuk seçiminiz teması hakkında video öğreticileri gibi bazı yararlı kaynaklar sunuyor.
Fasulye Çocuk Teması, şu anda fasulye temasını kullanan birkaç doğrudan web sitesine de göz atabilirsiniz; Bu Devigner ve Goot. DeVigner Children teması da bir taneden indirilebilir. Daha önce de belirttiğim gibi çerçeveyle entegrasyon olan Fasulye Çerçevesi, UKIT çerçevesini kullanıyor. Bu, hızlı ve güçlü bir web arayüzü geliştirmek için hafif ve modüler bir ön uç çerçevedir. Kullanımı kolay, ayarlanması kolay ve genişletilebilen kapsamlı bir HTML, CSS ve JS bileşeninin kapsamlı bir koleksiyonundan oluşur. Bootstrap ile tamamlanmış, herhangi bir temel hakkında endişelenmenize gerek kalmayacak şekilde size yardımcı olur. Izgara veya temel stil, her şey sizin için çerçeveye göre yapılır. Tüm temel ızgaradan düğmeler ve simgeler gibi daha küçük şeylere kadar çeşitli stil öğeleri verilir, bunların hepsi bir bütün olarak sitenizin görünümü üzerinde büyük bir etkiye sahip olabilir. Uikit tarafından sunulan temel bileşenlerin tam listesi burada belgelerde bulunabilir. Bu ne kadar hızlı? Hızlı ve hafif olduğu söylenen fasulye ile, performanslarını görmek için GTMetrix ve Pingdom kullanarak demo sitelerinde birkaç hızlı test çalıştırıyorum ve performansın çok etkileyici olduğu söylenmelidir. Sonuçları aşağıdaki ekran görüntülerinde görebilirsiniz.
GTMetrix Hız Testi Pingdom Ping Hız Testi
Bir fasulye çerçevesi ve tema çerçevelerini kullanan çocukların teması kullanmak istediğiniz kadar basit veya karmaşık olabilir. Basit kurulum işlemi; Sadece gösterge paneli tema bölümünüzden zip dosya temalarını yükleyin ve etkinleştirin. Aşağıda çalışmanın nasıl hissettirilmesine bakacağız. İlk ayarı kullanarak, fasulyeleri kurup etkinleştirmez, temanın ayarlanmasından basit bir ayar yapabilirsiniz. Buradan renk ve arka plan görüntüsünü, başlık görüntülerini, menüleri, widget’ları vb. Değiştirebilirsiniz. Ayrıca, aşağıda görüldüğü gibi temalar için varsayılan düzeni de seçebilirsiniz. Aynı düzen, bireysel yayınların öğeleri ve terimleri için bile düzenlenebilir. Alan widget’ları, Canvas dışı menüler için parçaları içerir. Bu menü daha küçük ekran boyutlarında kullanılır ve tıklandığında ana siteyi gri yapan ve ekranın sol tarafındaki tuvalin dışındaki menüye süzülen bir menü anahtarı kullanır.
Çocukların temalarını değiştirmek, daha önemli değişiklikler yapmanın en iyi yolu, çocuğun temasını yukarıda belirtildiği gibi kullanmaktır. Çocuk teması seçiminiz yüklendikten ve etkinleştirildikten sonra, istediğiniz kadar değişiklik yapmak için belgelerde bulunan kod fragmanını ve kod referansını kullanabilirsiniz. Değişikliklerin çoğu Functions.php tema dosyası aracılığıyla yapılacaktır ve API fasulyesi onun olduğu yer burasıdır. Bu, temel çerçeveyi güncellerken yaptığınız değişiklikleri kaybetmeden temanın görünümünü değiştirmenizi sağlar.Buna ek olarak, sayfada herhangi bir yere bir sınıf eklemekte özgürsünüz ve tüm HTML işaretlemelerinin önce ve sonrasında bir ilişkisi vardır, böylece gerekirse herhangi bir blok ekleyebilirsiniz. Ukitk kullanımı ayrıca, bileşenin sayfa başına taban üzerine yüklendiği, temanın şişmesini azalttığı ve sayfa varlıklarının otomatik olarak derlenmesine ve önbelleğe alınmasına izin verdiği anlamına gelir, bu da sayfaların daha hızlı yüklenmesine yol açar. Bu, yeni başlayanlar ister deneyimli bir geliştirici olun, ihtiyacınız olan her şeyi içerir, size neredeyse her durumda ne yapmanız gerektiğini gösterir. Bu kapsamlı kılavuz ve tur listesi, gerekli değişiklikleri uygulamak için ne yapmanız gerektiğini gösterirken, çerçevenin her yönünü tam olarak anlamanıza olanak tanır. Kod Görüntüleri ve Kod Referansı Yollardan biri, Snippets kod ve belgelerin kod referans bölümüdür. Sağlanan kod görüntüleri, temanızdaki çeşitli öğeleri eklemek, silmek ve değiştirmek için tam olarak hangi kodun gerekli olduğunu açıklar, ister başlıktaki site başlık etiketini silsin veya hatta belirli bir düzen uygular.
