Yirmi Yirmi: Yeni Varsayılan WordPress Temasına Giriş
Yirmi Yirmi, WordPress 5.3’ün en son sürümü ile birlikte gelen yeni varsayılan WordPress temasıdır. Selefi yirmi on dokuz gibi, yirmi yirmi de Gutenberg’e özel bir odaklanarak tasarlandı. İkisi arasında büyük bir fark vardır, ancak: yirmi yirmi aşağıdan yukarıya inşa edilmemiştir; Bunun yerine WordPress topluluğundan mevcut temalara dayanarak tasarlanmıştır.
Ücretsiz demoyu deneyin
WordPress ile ilgili her şeyi sevdiğimiz için, Dosya işlevine bakarak yeni yirmi yirmi temaya daha yakından bakıyoruz.php, stil sayfası ve şablonlar. Yirmi yirmi, hala çözülmeyen birçok sorunla istikrarlı olmaktan uzak olsa da, bugün yeni varsayılan WordPress teması hakkındaki ilk düşüncemizi paylaşacağız.
Yirmi yirmi WordPress temasına seks yapalım!
Yirmi yirmi yirmi temaya hızlı giriş, aynı zamanda varsayılan WordPress 5.3 temasının tasarım lideri olan Anders Noren’in ücretsiz WordPress teması Chaplin üzerine inşa edildi. Chaplin, WordPress.org depolarında indirilebilir ve Anders’a göre Chaplin, blok düzenleyiciyi dikkate alarak oluşturuldu: Chaplin, sitenizdeki HTML yazı tipleri ve renkler üzerinde tam kontrol sağlayan özelliklerle dolu bir WordPress temasıdır. Yeni blok düzenleyiciyi düşünerek ve yayınlarda ve sayfalarda iyi bir düzen oluşturmayı kolaylaştırarak aşağıdan yukarıya inşa edilmiştir.
Aynı felsefe Yirmi Yirmi’nin arkasında: Esneklik, netlik ve okunabilirlik yeni temanın anahtar kelime odağıdır. Yirmi Yirmi, tek bir sütun düzeni ve üç gönderi/sayfa şablonu ile birlikte gelir, bu da yönetici ve tasarımcı WordPress’e, sütunlar, resimler gibi blok öğeleri için geniş ve tam bir hizalama kullanarak özel düzenlerini doğrudan blok düzenleyicisinde oluşturmak için özgürlük sağlamayı amaçlayan gelir. ve Blok Grubu Gutenberg 5.5’e tanıtıldı. Anders tarafından açıklandığı gibi: Twenty Twenty temel esnekliği ile tasarlanmıştır. Bunu kuruluşlar veya işletmeler için kullanmak istiyorsanız, hizmetlerinizi veya ürünlerinizi göstermek için dinamik bir düzen oluşturmak için sütunları, grupları ve medyayı geniş ve tam tesviye ile birleştirebilirsiniz. Geleneksel bloglar için kullanmak istiyorsanız, ortalanmış içerik sütunu da bunun için uygundur. Buna ek olarak, yirmi yirmi yeni bir mektup türü ile birlikte gelir: Inter. Bu, Rasmus Andersson tarafından özellikle karışık metinlerin ve küçük yazı tipleri ile küçük harflerin okunabilirliği için tasarlanmış açık ve serbest kaynak yazı tipi ailesidir.
Inter Type Ailesi
Yirmi Yirmi Tipografi: Etki ve Okunabilirlik
23 Eylül 2019: Beta 1
30 Eylül 2019: Beta 2
7 Ekim 2019: Beta 3
15 Ekim 2019: Aday Sürüm 1
22 Ekim 2019: Aday Sürüm 2
29 Ekim 2019: Aday Sürüm 3
5 Kasım 2019: Aday Sürüm 4 (gerekirse)
12 Kasım 2019: WordPress Sürüm 5.3 için hedef tarih.
Yirmi yirmi ile başlamak için aşağıdaki adımları izleyin:
GitHub’dan bir zip paketi alın.
ZIP dosyasını WordPress kontrol panelindeki veya SFTP üzerinden geliştirme yüklemenize yükleyin.
Görünüm → temaları keşfedin ve tema önizleme resmindeki Etkinleştir düğmesini tıklayın.
Görünüşe gidin → Yirmi yirmi yapılandırmak için özelleştirin.
Ve hepsi bu! Artık evreleme web sitesinde veya yerel ortamınızda test yapmaya başlayabilirsiniz.
Yirmi -yirmi şu anda geliştirilmektedir ve birçok sorun geliştirilmemiştir. Üretimde kullanmamalısınız.
Github’da sorunlar açın
Şimdi ayrılmaya hazırsınız, devam edelim ve yirmi yirmi WordPress temasını kampanya yapalım.
WordPress tema testi, tıklama sitemizle üretime geçmeden önce kolayca. Ücretsiz Kinsta’yı deneyin.
Temalar, içerik genişliği (580), otomatik yem bağlantıları, mini yayınlama görüntüleri, başlık etiketleri ve bazı HTML5 öğeleri (arama formları, yorum formları, yorum listeleri, galeriler ve bilgiler) gibi bir dizi tema özelliğini destekler. Diğer özellikler tema ayarına seçenekler ekler. Buna özel arka planlar ve özel logolar dahildir. Aşağıdaki kod görüntüleri, tema işlevi dosyasında etkinleştirilen özellikleri göstermektedir:
Bültenlere Kaydolun
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun
// özel arka plan rengi add_theme_support (‘özel-geri dönme’, dizi (‘varsayılan renk’ => ‘f5efe0’));// özel logo add_theme_support (‘custom-logo’, dizi (‘yükseklik’ => 240, ‘genişlik’ => 320, ‘esnek yükseklik’ => true, ‘esnek genişlik’ => true, ‘başlık-metin ‘=> Dizi (‘ site-title ‘,’ site-description ‘),);
Yirmi Yirmi ayrıca Gutenberg’in bazı özel özelliklerini desteklemektedir.İlk olarak, tema tam genişliğin genişliğini ve genişliğini destekler: // Tam ve geniş hizalama görüntüleri için destek ekleyin.add_theme_support (‘Allono-wide’);Kullanıcı özelleştiricideki vurgu rengini ayarlarsa (varsayılan olarak etkinleştirilir) editör renk paleti etkinleştirilir:
// Aksan renklerimiz varsa, bunları ($ editor_color_palette) {add_theme_support (‘editor-color-palet’, $ editor_color_palette) ise blok düzenleyici paletine ekleyin;}
Rengi yirmi olarak ayarlayın
Ve hepsi bu. Bu tema da işlevsellik bakımından oldukça azdır, ancak çocuk temasıyla kolayca genişletilir ve yakında tartışacağız. Yirmi yirmi yirmi yirmi görünümün nasıl ayarlanacağı çanlardan ve ıslıklardan uzak gelir, ancak Gutenberg (veya iyi bir sayfa üreticisi ile) ile birlikte kullanıldığında büyük esneklik sağlar. Site Kimlik İşleme Site Başlıkları ve Slogan, Logo ve Simgelerin yirmi -yirmi temasını ayarlayın. Site Kimliği bölümündeki tüm bu öğeleri ayarlamalarda etkinleştirebilir/devre dışı bırakabilirsiniz: Ayarları Ayarlama Site Kimliği
Kapak Şablonu Bölümü Ayarlama, kapak şablonu şablonu için ayar ayarlarını işler. Orada, bulacaksınız:
Mükemmel görüntüler için özel metninizin arka plan rengini ve rengini ayarlamak için renk seçmenleri.
Özelleştirici Kapak Şablonu Bölümü
Menü Yirmi Yirmi
Altbilgi, altbilgi menüsünün ve sosyal menünün yerini iki widget alanla birlikte işler. Aşağıdaki resim tema altbilgisini yerinde tüm unsurlarla gösteriyor:
Yirmi yirmide altbilgi şablonu
Son olarak, ek CSS bölümü özel stilinizi girmenizi sağlar. POS/Tek Sayfa Şablonu Düzeni ve sayfaları gönderme açısından, üç farklı şablon arasından seçim yapabilirsiniz. Varsayılan şablona ek olarak, yirmi yirmi, içeriğinizin görünümünü ve hissini ayarlamak için oynayabileceğiniz tam genişlikli bir kapak ve şablon şablonu sağlar.
WordPress tema testi, tıklama sitemizle üretime geçmeden önce kolayca. Ücretsiz Kinsta’yı deneyin.
Medya ve Metin Bloğu (tesviye ile dolu)
Gutenberg’i bloke
İstiflenebilir
Atomik blok.
Gutenberg ileri seviye
Şimdi görünüm → temayı açın ve çocuğunuzun temasını etkinleştirin. Artık ayarınızla başlayabilirsiniz. Çocuk temasını etkinleştirin
Özel bir şablon eklemekten özel stilinizi eklemeye veya varsayılan stil temasını değiştirmeye kadar neredeyse her şeyi yirmi yirmideki her şeyi değiştirebilirsiniz. Burada size bir gönderi ve sayfa için nasıl yeni bir özel şablon oluşturacağınızı göstereceğim. Yirmi yirmi şimdiye kadar özel bir yazı/sayfa şablonu ekleyin, yirmi yirmi için bir çocuk teması yaptık ve ana stili çocuğun tema stili sayfasına ekledik. Aşağıdaki örnekte, üstbilgiyi ve altbilgiyi kaldıracağız, Post/Sayfa şablonu dosyasındaki sayfanın sayfası için alan sağlayacağız. Adım 1 Aşağıdaki dosyaları ana temadan KAPALIK TEA DIRACH dizinine kopyalayın ve yapıştırın:
Şablonlar/Şablonlar-Full-Width.php
header.php
Footer.php
Adım 2 Template-Full-width.php adını Template-canvas.php (veya ne istersen) olarak değiştirin. Dosyayı açın, geçerli içeriği silin ve aşağıdakileri yapıştırın: <? PHP / * Şablon Adı: Canvas Şablon Şablonları Post Türü: Post, sayfa * / get_template_part ('tekil'); Şablon adı, şablon dosyasının adını blok düzenleyicisinde göreceğiniz gibi ayarlarken, yayın türü şablon bu şablon dosyasını destekleyen yazı türünü tanımlar. Get_template_part işlevi, üst temadan singular.php dosyaları içerir (bu dosyanın bir kopyasını çocuğumuzun temasında ihtiyacımız yoktur). WordPress kontrol panelini açın ve yeni bir gönderi oluşturun. Şimdi Post Nitelik bölümünde ek bir sayfa şablonu bulmanız gerekiyor.
Yeni şablonlar yayın sonrası özelliklerde mevcuttur
Adım 3 ve şimdi hoş bir parça gelir. En sevdiğiniz metin düzenleyicinizi başlayıcıyı açın ve başlık öğesini aşağıdakilere sararsa: …
<? php // sermaye menüsünü çıkarma_template_part ('Template-Parts/Capital-menu' ); } Bu kod, sayfa şablonunun şablon/template-canvas.php olup olmadığını kontrol eder. Sayfa şablonu bir şablon/template-canvas.php ise, site başlığı ve sermaye menüsünü içermez. Aynı şekilde, etkin sayfa şablonu tuvalimiz olduğunda altbilgiyi posta sayfasından silebiliriz. Aynı koşulu aşağıda gösterildiği gibi footer.php'ye ekleyin: …