Yirmi -Yirmi Temaya Giriş (Gutenberg için Temalar)

WordPress 5.0 yakın ve çoğumuz aynı zamanda mutlu ve endişeli hissediyoruz. Gutenberg, WordPress kullanma şeklimizde büyük değişiklikler getiriyor ve kurulumumuzu daha önce test etmeden güncellememiz gerekiyorsa, web sitemizde neler olacağına dair bazı endişeler olmalı. Ancak endişelenmeyin, web sitemize zarar vermek için desteklenmeyen temaları ve eklentileri önlemek için Gutenberg WordPress editörünü (sadece geçici olarak olsa da) nasıl devre dışı bırakacağımız hakkında bir yayınımız var.
Ücretsiz demoyu deneyin
WordPress 5.0 kullandığımızı bilmek şaşırabilirsiniz. Aslında biz! WordPress blogunda Matt tarafından belirtildiği gibi:
5.0 ila 4.9.8 + Gutenberg sürümünü korursak, yeni kod açısından büyük ve olay olmayan bir sürüm alacağız. Her şey savaşta test edildi. Bazı açılardan, 5.0’ın vahşi doğada fiili var, gelecekte birkaç konakçı yeni kurulumlar için Gutenberg’i kurdu ve aktive etti. Bu, sunucumuzda WordPress 5.0’ı çalıştırdığımız anlamına gelir: sadece WordPress 4.9.8, Gutenberg ile. Aslında, sadece bu değil, çünkü WordPress 5.0, yeni varsayılan yirmi on dokuz tema olan ek girişlerle birlikte geliyor.

Yirmi Ondokuz WordPress Teması
Öyleyse dalın ve yenilikleri görelim.
Gutenberg ve yirmi on dokuz hakkında
Yirmi -2NETEEN
Yirmi on dokuzun gösterilmesi ve nüansı
Gutenberg için temalar: geliştirici yaklaşımı
Gutenberg ve yirmi -yılı hakkında bazılarınız Gutenberg’i sevmeyebilir. Buna ek olarak, yeni editörle ilgili tartışmalar hala tamamlanmaktan uzak, ancak Gutenberg’in kapsamını göz önünde bulundurun: Bu özel blok Sezgisel, teknik yeteneklerine bakılmaksızın herkes için yayıncılık ve çalışma gösterin. Bu Gutenberg’in amacıdır ve yirmi on dokuz, Gutenberg ve Gutenberg ile inşa edilen bir adım önde. Bu, bir sütunun düzeni ile tipografi tarafından yönlendirilen ve kişisel bloglardan küçük işletme web sitelerine kadar çeşitli web siteleri oluşturmak için kullanılabilen minimum bloglama temasıdır. Yaklaşık yirmi on dokuz yazmak çoğunlukla Gutenberg hakkında yazdığımız anlamına gelir. Yirmi Ondokuz Gutenberg, kullanıcıların yalnızca zengin içerik oluşturmalarına değil, tüm web sitelerini düzenleyicide oluşturmalarına izin verir. Allan Cole’a göre The WordPress Make Blog’da,
Gutenberg, kullanıcılara sitelerinin düzenini ve tasarımını ayarlamak için daha önce hiç var olmayan özgürlük seviyesini verir. Tüm vizyonlarını elde etmek için, kullanıcıların Gutenberg tarafından sunulan yaratıcı özgürlükten yararlanmak için yapılan yeni nesil esnek temalara ihtiyacı olacaklar. Bunu hatırlayarak, WordPress 5.0 yeni bir varsayılan temayla başlatılacak: Yirmi Ondokuz Temada Yirmi Ondokuz, Gutenberg sadece bir içerik üreticisinden daha fazla, bu bir site üreticisi ve WordPress kullanıcılarının tüm web sitelerini oluşturmasına izin verilecek blokları kullanmak. Ve eğer Gutenberg sizin değilse, popüler sayfa yapımcılarının çoğu Gutenberg için de destek ekler. Tweet’e tıklayın Tweet Yirmi -Yirmi Yirmi -Yirmi -inineten yeni WordPress Sürüm Planını takip etmelidir. Ancak, WordPress 5.0 19 Kasım’da piyasaya sürülecek ve yirmi on dokuz çalışma sürümünün o tarihte hazır olmaması olasılığı var. WordPress 5.0 için tüm olası sürüm tarihlerine bakın. Ancak, tema GitHub’da indirilebilir ve çekirdeğe birleştirilene kadar orada kalacaktır.
Yirmi on dokuz tema _s ve gutenberg starter’a dayanır ve içinde bir sass bulunur. .ZIP paketini aldıktan sonra, tema çıkarımı ve tema klasörünü/wp-concent/temaları geliştirme kurulumunuzdan yükleyin/taşıyın. Ayrıca WordPress kontrol panelinizden yükleyebilirsiniz.
WordPress panosundan yeni bir tema yükleme
Kinsta müşterileri bunu performans ortamlarına yükleyebilir. Kinsta kullanmıyorsanız, yine de yerel bilgisayarınıza yükleyebilirsiniz. Yirmi Ondokuz Başarılı Bir

Yirmi -bir sütunun yirmi alan düzeni, içeriği vurgular ve en çok tam ve geniş genişlik blokları için uygundur. Tema şimdi kenar çubuğu altbilgisini destekliyor ve üç navigasyon menüsü ile donatılmıştır: her ikisi de sayfa üstbilgisinde konumlandırılmıştır ve altbilgide bulunan altbilgi menüsü.
Yirmi Ondokuz Başlıkta Site Başlığı, Site Açıklaması ve Menüsü

Blog sayfası, üstün bir görüntü etkinleştirilmiş sıradan bir blog sayfasına benziyor. Gönderme ve tek sayfa, Gutenberg’in site üreticisi olarak mevcut versiyonunun en iyi potansiyelini gösterir. Tamamen Gutenberg’e dayandığı için, yirmi on dokuz özellik çoğunlukla Gutenberg geliştirme döngüsüne ve blokların mevcudiyetine bağlıdır. Widget blokları, kısa kod blokları, galeriler, HTML kodları vb. Ekleyebiliriz. Ancak, tüm bu bloklar tüm ihtiyaçlarımızı karşılamaktan uzaktır. Ama neyse ki, Gutenberg’e atomik bloklar, ileri Gutenberg ve istiflenebilir gibi yeni bloklar eklememize izin veren birkaç eklentimiz var. Gutenberg Cloud gibi ortaya çıkan projeler bile var.
Temanın çok az olduğunu düşünüyorsanız, yirmi on dokuzun hala süreçte olduğunu düşünün. WordPress 5.0 piyasaya sürüleceğinde çekirdeğe birleştirilip birleştirilmeyeceğinden emin değiliz ve gelecekte ek ve hata çözünürlüğü bekleyebiliriz. Ayrıca, hala çözülmemiş birçok sorun ve uygulanması gereken özellikler vardır. Şimdi yirmi on dokuz alt menüyü destekliyor, ancak özel bir başlık ve video üstbilgisi değil. Ancak, makul bir aralıkta ek özelliklerin eklenmesini bekleyebiliriz. Tema durumu ile ilgileniyorsanız, GitHub’daki sorunların tam listesine bakın. Ancak geliştiriciler ayrıca özel stilleri tamamen ortadan kaldırabilir ve sitenin önündeki bloklar düzenlemek için sadece Gutenberg’e güvenmeye karar verebilir. Üretilen içerik gibi görünen ve hisseden bir editöre sahip olmak, yazarın yazma deneyimini geliştirir ve herkesin UI ile rahat hissetmesini sağlar. Bununla birlikte, Gutenberg’in sunumunun bazı stilleri ve özellikleri, temanın kendileri için açıkça destek eklemesini gerektirir ve bu, işlevi işlevi tetiklendiğinde functions.php dosyasında add_theme_support çağırarak yapılabilir. İşte özellikleri uygulama örneği:

Function mytheme_setup () {// blok stilleri için destek ekle add_theme_support (‘wp-block styles’); } Add_action (‘After_setup_theme’, ‘mytheme_setup’); Bunun altında, bazıları yirmi on dokuz tarafından da desteklenen Gutenberg özelliklerinin bu seçimi listelenmiştir. Gutenberg El Kitabında tam bir özellik listesi bulacaksınız. Gutenberg blok sunum stili için destek eklemek, ekibin Gutenberg’in arkasındaki hedeflerinden biri, temadaki stil için esnek bir sistem oluşturmak ve “ön uç ve editör arasındaki görsel parite ile” mümkün olduğunca yakın bir sistem oluşturmaktır. Amaç, ön alanda görülebileceği gibi doğru öncesi kullanıcılar vermektir. Bu hedefe ulaşmak için ekip sunum gücünü ve yapısal gücü ayırmalıdır. Varsayılan olarak, sunum kuvveti, sitenin görünümünü etkilemekten kaçınmak için ön uçta yüklenmez. Bununla birlikte, yeni tema Gutenberg sunum stilinden sadece aşağıdaki kayıtla etkinleştirerek yararlanabilir (daha fazla ayrıntı için el kitabına bakın): // Blok stilleri add_theme_support (‘wp-blok-skyles’) için destek ekleyin; Beklediğiniz gibi, yirmi on dokuz Gutenberg blok stilini destekliyor. Düzenleme posta sayfası gibi ön uçta tek bir yayın sayfası görülür ve masaüstünde tüm görünümün tamamını kapsayan bir arka plan görüntüsü olarak görüntülenen üstün görüntüden tek farkla görülür. Aşağıdaki resim Gutenberg’i arka uçta çalışırken gösteriyor. Bülten için 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!
Tam ekran modunda Gutenberg WordPress’e abone olun
Ve işte ön alanda aynı yazı.
Yirmi Ondokuz’da Bir Gönderi Sayfası

Geniş ve Full Gutenberg hizalama ayrıca iki ek seviyelendirme seçeneği sunar: geniş ve geniş seviyelendirme, ancak yalnızca temanız destekliyorsa tam veya tam genişlik seviyesini seçebilirsiniz.Evet ise, Gutenberg iki ek seviyelendirme simgesi gösterir.
Gutenberg’de tam ve geniş seviyelendirme düğmesi
Aşağıdaki resim, yirmi on dokuzdaki hizalama merkezi, geniş genişlik ve tam genişlikte görüntüler göstermektedir.

Orta ortalama, geniş genişlik ve tam genişlik
Tema geliştiricileri, işlev dosyasında bir ifadeyle etkinleştirerek seviyelendirme genişliğine ve genişliğine destek ekleyebilir: // Tam ve geniş hizalama için destek ekle add_theme_support (‘allono-wide’); Tespit genişliği ve tam genişlik için destek ekledikten sonra, iki ek CSS sınıfı için bir CSS bildirimi sunmak zorunda kaldık: hizalı ve hizalı. Yirmi Ondokuz aşağıdaki stili sağlar: .Entry-concent> Marj-Sağ: Otomatik; } sadece @media ekran ve (min-width: 768px) {.Entry-content> *.alignwide, .Entry-nummary>. aalignwide {margin-sol: calc (1 *(100VW / 12)); Marj-sağ: Calc (1 * (100VW / 12)); Max-Width: Calc (10 * (100VW / 12)); }. Marj-sağ: 0; Marj-Alt: Calc (2 * 1Rem); Marj-sol: 0; Max-Width:%100; } .entry-concent. wp-block-image.alignful img {genişlik: 100vw; Marj-sol: Otomatik; Marj-Sağ: Otomatik; } Not: Bu seçeneği kullanırken dikkatli olun, çünkü temayı değiştirirseniz sorunlara neden olabilir (GitHub’daki bu konu hakkında daha fazla bilgi edinin). Editor Style Editor Style, tema geliştiricilerinin Tinymce editörüne özel stiller eklemelerini sağlayan WordPress 3.0’a tanıtılan bir özelliktir. Gutenberg de bu özelliği destekliyor, ancak çalışma şekli, IFrame düzenleyicisine doğrudan bir stil içeren klasik editörden farklı. Gutenberg belirli CSS seçmenlerini ekledi, çünkü IFrame kullanmadılar. Kesinti ve WordPress sorunu ile bertaraf edildi mi? Kinsta, zamanınızı korumak için tasarlanmış bir barındırma çözümüdür! Özelliklerimizi görün

Editör stili için destek ekleyebiliriz: // editör stilleri için destek ekle add_theme_support (‘editör tarzları’); // enqueue editör stilleri add_editor_style (‘style-editor.css’); Bu özellik aynı zamanda yirmi on dokuz tarafından da desteklenmektedir. Bu konuyu Gutenberg’deki editör tarzında keşfedebilirsiniz. Gutenberg renk paleti bloğu, Editör Renk Ayarları panelinde genel renk seçmenleri sağlar. Tema geliştiricileri, kullanıcıların blok ve metnin arka planı için hızlı bir şekilde doğru rengi almasını sağlayan özel bir renk paleti ekleyerek bu aracı artırabilir. Bu iki aşamalı bir işlemdir: İlk olarak, bir renk dizisi sağlamalıyız: add_theme_support (‘editör-renk palet’, dizi (dizi (‘adı’ => __ (‘sıcak pembe’, ‘tema’), ‘,’ Slug ‘=>’ sıcak-pembe ‘,’ renk ‘=>’#f865b0 ‘,), dizi (‘ name ‘=> __ (‘ klasik gül ‘,’ tema ileri ‘),’ slug ‘=>’ klasik- Gül ‘,’ renk ‘=>’ #fbcaef ‘,)); O zaman tema stili sayfasında uygun stili beyan etmeliyiz :. Has-Hot-Hot-Pink-Background-Color {Arka Plan-Color: #F865B0; } .Has-Hot-Pink-Color {Color: #F865B0; } Sınıf adı HAS-, ardından kebap kutusundaki renk sümüğü ile başlar ve renk veya arka plan rengi olabilen bağlamla biter. Şu anda, yirmi on dokuz blok renk paletini desteklemiyor, ancak çocuğun temasıyla kolayca değiştirebiliriz.
Bunun yerine, özel bir renk paletini devre dışı bırakmak istiyorsanız, çocuğunuzun dosya işlevi temasına veya temasına aşağıdaki satırı eklemeniz gerekir: add_theme_support (‘Devre dışı bırakma-cömert-renkler’); Bir temanın yazı tipi boyutunu engelleyin, ayrıca varsayılan Gutenberg yazı tipi boyutunun yerini alabilir. İşte işlev dosyasına eklemeniz gereken kodun bir örneği: add_theme_support (‘editör-geçiş-boyutlar’, dizi (‘name’ => __ (‘ekstra şarkılar’, ‘tema’ ileri ‘),’ Shortname ‘=> __ (‘ xs ‘,’ tema ileri ‘),’ boyut ‘=> 10,’ slug ‘=>’ ekstra şarkı ‘), dizi (‘ adı ‘=> __ (‘ küçük ‘,’ themelangdomain ‘),’ Shortname ‘=> __ (‘ S ‘,’ tema ileri ‘),’ boyut ‘=> 12,’ slug ‘=> küçük’), dizi (‘adı’ => __ (‘normal’, ” Themelangdomain ‘),’ kısa ad ‘=> __ (‘ m ‘,’ tema ileri ‘),’ boyut ‘=> 16,’ slug ‘=> normal’), dizi (‘ad’ => __ (‘büyük’,, ‘themelangdomain’), ‘kısa ad’ => __ (‘l’, ‘tema müzayedesi’), ‘boyut’ => 26, ‘slug’ => büyük ‘), dizi (‘ ad ‘=> __ (‘ daha büyük ” , ‘Tema ileri’), ‘kısa ad’ => __ (‘xl’, ‘tema ileri’), ‘boyut’ => 36, ‘slug’ => daha büyük ‘), dizi (‘ ad ‘=> __ (‘ Büyük ‘,’ tema ileri ‘),’ kısa ad ‘=> __ (‘ xxl ‘,’ tema müzayedesi ‘),’ boyut ‘=> 56,’ slug ‘=>’ büyük ‘)));

Yeni yazı tipi boyutu Gutenberg metin ayarlarında yazı tipi boyutu seçmenine eklenecek. Gutenberg’de özel yazı tipi boyutu
Ardından, tema stili sayfasında uygun stili beyan etmeliyiz. Sınıf adı HAS-, ardından kebap harflerinde yazı tipinin adı ile başlamalı ve -font boyutu ile bitmelidir. .Has-Huge-FONT-BOYUT {YAZIL BOYUTU: 56PX; } Yirmi Ondokuz belirli bir yazı tipi boyutu sağlamaz ve varsayılan Gutenberg’e bağlıdır. Not: Tüm bu kodların işlevini sağlamak için, bunu After_setup_The eyleminden bağlamanız gerektiğini unutmayın. Yirmi Ondokuz Özeti Kişisel Bloglar için iyi çalışabilir ve bunu tamamen işleyen bir WordPress temasından ziyade beyaz bir tuval gibi düşünebilirsiniz. İş ve E-Niaga için web siteleri oluştururken çok az bir yaklaşım biraz sınırlayıcı olabilir, ancak endişelenmeyin: yakında yeni özellikler uygulanacak ve yakında daha güçlü bir yirmi on dokuz sürüm göreceğiz. Bu arada, Gutenberg’i zaten destekleyen bazı temalar da görebilirsiniz. Birkaç isim için atomik bloklar, GeneratePress, Gutentype ve Divi, ancak diğerleri yakında mevcut olacak. WordPress 5.0’ın bu kadar hızlı yaklaşmasıyla, Gutenberg’i desteklemek bir seçenek değildir ve tema geliştiricileri rekabetin ön saflarında kalmak için en kısa sürede yeni WordPress düzenleyicisini kucaklamalıdır. Gutenberg’i destekleyen yirmi on dokuz veya herhangi bir temayı yüklediniz mi? Aşağıdaki yorumlarda fikrinizi duymaktan mutluluk duyarız.

admin

Bir Cevap Yazın

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