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 WordPress temasının önizlemesi (Resim Kaynağı: WordPress Core’u Yap)
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.

Chaplin WordPress Teması
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

Inter, büyük bir başlığa daha güçlü bir kişilik verin, ancak WordPress.org blog girişinin temasında gösterildiği gibi alternatif bir metin boyutuyla kullanırken ondan maksimum sonuçlar alacaksınız:
Yirmi Yirmi Tipografi: Etki ve Okunabilirlik

Tam bir özellik temasından daha fazlası olan Twenty Twenty, UI WordPress düzenlemesinin gelecekteki evrimine doğru yeni bir adım atan bir temadır. Yirmi yirmi temel olarak içeriği düzenlemek ve koymak için blok düzenleyiciye ve başlıklar, altbilgiler ve ek ayarlamalar için temaları ayarlamaya bağlıdır. Bununla birlikte, bu WordPress temasını yüklemenin ve çalıştırmanın zamanı geldi. WordPress 5.3 sürüm planını takip edecek yirmi yirmi varsayılan tema nasıl yüklenir. Bu, yazma sırasında, WordPress tema dizininde hala yirmi yirmi indirilemeyeceği anlamına gelir. Ancak, GitHub’daki süreçte yer alan yirmi yirmi sürümü indirebilir ve WordPress’in mevcut sürümüne yükleyebilir veya WordPress 5.3 ile alabilirsiniz. Github’ın deposu, tema çekirdeğe birleştirildikten sonra tekrar kullanılmayacaktır. Bu arada, aşağıdaki tarihi WordPress 5.3 sürüm programından kaydetmek isteyebilirsiniz:
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.

Yirmi Yirmi Yirmi Yirmi Yirmi Tema özelliği, WordPress’in tam bir WordPress teması değil, yayınları ve sayfaları için özel içerik düzeni oluşturmak için geliştiricilere ve yönetici özgürlüklerini vermeyi amaçlayan kesilmiş ve minimal temalardır. Yirmi on dokuz gibi, Gutenberg için yirmi yirmi yapıldı ve çoğu Gutenberg’in yaşam döngüsüne bağlı (WCEU 2019’daki bu Matt Mullenweg videosundaki bu konu hakkında daha fazla).
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

Yirmi Yirmi Tema Block Editor’da bulunan dört boyutta yazı tipi editörü ile birlikte gelir: // gutenberg yazı tipi boyutları add_theme_support (‘editör-yazı-boyutları’, dizi (dizi (‘ad’ => _x (‘küçük’, ‘küçükün adı Gutenberg’de yazı tipi boyutu ‘,’ Twentytwenty ‘),’ Shortname ‘=> _x (‘ S ‘,’ Gutenberg editöründe küçük yazı tipi boyutunun kısa adı. ‘,’ Yirmi birçik ‘),’ boyut ‘=> 16,’ Slug ‘=>’ küçük ‘,), dizi (‘ adı ‘=> _x (‘ normal ‘,’ Gutenberg’de normal yazı tipi boyutunun adı ‘,’ yirmi twenty ‘),’ kısa ad ‘=> _x (‘ m ‘, ‘Gutenberg editöründe normal yazı tipi boyutunun kısa adı.’, ‘Twentytwenty’), ‘boyut’ => 18, ‘slug’ => ‘normal’,), dizi (‘ad’ => _x (‘büyük’ , ‘Gutenberg’deki büyük yazı tipi boyutunun adı’, ‘yirmi twenty’), ‘kısa ad’ => _x (‘l’, ‘gutenberg editöründe büyük yazı tipi boyutunun kısa adı.’, ‘Twentytwenty’), boyut Boyut ‘=> 24,’ slug ‘=>’ büyük ‘,), dizi (‘ name ‘=> _x (‘ daha büyük ‘,’ gutenberg’de daha büyük yazı tipi boyutunun adı ‘,’ yirmi twenty ‘),’ kısa ad ‘= = = > _X (‘xl’, ‘kısa adı Gutenberg editöründe daha büyük yazı tipi boyutu. ‘,’ Twentytwenty ‘),’ boyut ‘=> 32,’ slug ‘=>’ daha büyük ‘,),),); metin ayarlarındaki metin düzenleyicisinde yazı tipi boyutu
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:

Arka plan görüntüsü üzerindeki paralaks efekti etkinleştirme seçenekleri (sabit arka plan görüntüsü).
Mükemmel görüntüler için özel metninizin arka plan rengini ve rengini ayarlamak için renk seçmenleri.

Opaklık kaplamasını kontrol etmek için bir kaydırıcı.

Özelleştirici Kapak Şablonu Bölümü

Menü bölümü beş menü konumu sağlar. Başlığa (masaüstü yatay menü) ve/veya yönlendirilebilen gezinme menüsüne (masaüstü genişletilmiş menü) sıradan yatay menüleri ekleyebilirsiniz. Hücresel menü mobil cihazlar için özel bir menüdür ve altbilgi menüsü ve sosyal menü sayfa altbilgisinde bulunur.
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.

Blok Editör Yirmi Yirmi Minimum yaklaşımı nedeniyle, Twenty Twenty’nin görünüşü çoğunlukla blok düzenleyicisine dayanıyordu. Testlerimizi Gutenberg sürüm 6.4.0 ile yirmi yirmi üzerinde gerçekleştirdik. Bu sürüm, düzenleme deneyimini önemli ölçüde artıran bir dizi yeni özellik, iyileştirme ve hata onarımı sağlar.
WordPress tema testi, tıklama sitemizle üretime geçmeden önce kolayca. Ücretsiz Kinsta’yı deneyin.

Bazı bloklar, özellikle bir sayfa web sitesi oluştururken yararlıdır. Medya ve metin ve kapak gibi bloklar yükseltildi ve şimdi profesyonel ürünler ve/veya portföyler sunarken harika görünüyor:
Medya ve Metin Bloğu (tesviye ile dolu)

Ancak, Gutenberg devam eden bir proje olduğundan, editöre daha fazla blok eklemeyi mümkün kılan en popüler eklentilerden bazılarını görmek isteyebilirsiniz. İşte denemeye değer olabilecek kısa bir eklenti listesi:
Gutenberg’i bloke

Tıpkı
İstiflenebilir
Atomik blok.
Gutenberg ileri seviye

Temaları ve Blok Düzenleyiciyi Ayarlama Görünümü ve düzeni ayarlama açısından iyi işler yapar, ancak çocuğun teması size sayfanızın görünümü ve hissi üzerinde daha fazla kontrol sağlayabilir. WordPress için bir çocuk teması inşa etmek için bir çocuk teması nasıl yapılır WordPress için eğlenceli ve aynı zamanda bir WordPress geliştiricisi olarak kariyere başlamak için iyi bir yol olabilir ve yirmi yirmi tema bir çocuğun inşa ederken iyi bir ebeveyn teması olabilir WordPress teması. Öyleyse neden denemiyorsun? Çocuğun temasıyla nereden başlayacağınızı bilmiyorsanız, WordPress’te bir çocuk teması oluşturma konusunda tam kılavuzumuzu okuduğunuzdan emin olun. Şimdi, yirmi yirmi için ilk çocuk temamızı yapalım! WP-Concent/Theats ve WP-Concent/TEMAS adları altında iki yirmi twenty-child veya ne istersen yeni bir dizin oluşturun. WP-Concent/Themes/Twentytwenty-Child’i keşfedin ve yeni bir stil dosyası oluşturun. Yazar: Adınız Yazar URI: https://example.com/ Şablon: Twentytwenty Sürüm: 1.0 Lisans: GNU Genel Kamu Lisansı V2 veya daha sonra Lisans Uri: https://www.gnu.org/licens/gpl-2.0. html */ Next, ana temanın stil sayfasını eklemeliyiz. Aynı dizinde, aşağıdaki işlevleri oluşturun. } Add_action (‘wp_enqueue_scripts’, ‘Twentytwenty_Styles’);
Ş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: …

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir