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.
Ö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 Ondokuz Başlıkta Site Başlığı, Site Açıklaması ve Menüsü
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:
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.
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
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 ‘)));
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.