Yeni in WordPress 5.4 ve Gutenberg : Sosyal Simgeler, Düğmeler, Fullscreen ve daha fazlası

8 Dk.
WordPress 5.4
Son güncelleme

Bu, WordPress 5.4 Yayın 31 Mart 2020 tarihinde yayınlandı. Sürüm kullanıcılara ve geliştiricilere ne getiriyor? Genel bakışımız: Bu yeni WordPress Ve Gutenberg .

WordPress editörü temizler Gutenberg ve yeni işlevler verir. Bir sonraki geliştirme adımlarına geçmeden önce – yani işbirliği ve Çokdillilik. Bazı yenilikler kullanıcılar arasında karışıklığa neden olabilir, bunun için hazırlıklı olmalıdır. Sizin için tüm önemli değişiklikleri özetliyoruz.

Widget: Sitenin durumu

Yenilik WordPress 5.4 ilk bakışta öne çıkıyor: pano şimdi "web sitesinin durumu" için yeni bir widget var. Arkasındaki fonksiyon uzun zamandır var. WordPress 5.2. Bunları arka uçta "Araçlar" altında bulabilirsiniz. Yeni merkezi yerleştirme ile, birçok kullanıcı ilk kez bu farkında yapılmalıdır:

Web sitesinin durumu
Yeni widget

Özelliğin arkasındaki fikir: Yöneticiler değil, aynı zamanda kullanıcılar WordPress kurulumda olası zayıflıkları farkında yapılmalıdır. Aynı şekilde, widget'ta bağlantılı ayrıntılara bir göz atmak, olası güvenlik açıkları hakkında iyileştirme önerileri veya ipuçları sağlar. Bunlar, örneğin şunlardır:

  • Etkin olmayanların listesi Plugins Ve Themes . Her zaman bu kaldırmanız gerekir, onlar da olabilir gibi Bilgisayar korsanları için saldırı hedefi olabilir.
  • Sunucunuza yüklenmesi gereken PHP modülleri için öneriler. Aksi takdirde, WordPress yavaş çalıştırın veya tek tek işlevler bile eksik. Bkz. bu liste Onun WordPress Hosting Takım.
  • Web siteniz henüz bir HTTPS bağlantısı kullanmıyorsa bir uyarı.

SSL ile şifreleme herhangi bir profesyonel web sitesi için mutlak bir zorunluluktur. Hakkında üzerinden Şifreleyelim. Google da güvenli bir bağlantı gerektirir, aksi takdirde web sitenizin sıralaması ve ziyaretçiler önemli ölçüde kaybedersiniz. İdeal olarak, SSL sertifikaları barındırma paketinize dahildir- çabanızı azaltır.

Şimdiye kadar, web sitesi durum bölümünün işlevselliği veya iyileştirmeler hala yönetilebilir. Bu kesinlikle gelecekteki sürümleri ile değişecektir. Ancak, "Rapor" sekmesi heyecan verici bilgiler içerir:

WordPress Yapılandırma
Konfigürasyonu WordPress

Bu size yapılandırma hakkında çok sayıda bilgi öğreneceksiniz WordPress Ve WooCommerce . Bunları dışa aktarabilirsiniz, örneğin sizin için bir hifsing aracı olarak WordPress hizmet sağlayıcısı. Veya geliştiriciler için sorun giderme için Plugins Ve Themes .

Gutenberg tam ekran modunda

Bunu bilmiyordun. Gutenberg tam ekran modu var mı? Sonra ilk sürüm 5.4 editörü aramak zaman rahatsız olacak. Çünkü solda pano çubuğu yok. Bu avantajları değil, aynı zamanda dezavantajları vardır:

  • Özellikle küçük ekranlarda artık içeriğiniz için daha fazla alana sahipsiniz
  • Gelen yorumlardan, güncelleştirmeyorumlardan ve Plugins vb. dikkati dağılmış
  • Aynı zamanda, kenar çubuğu tek tek işlemler için eksik

Özellikle metinlerinizi güncellerken gönderiye genel bakış ile editör arasında ileri geri geçiş yapmak zorunda ysanız, son nokta yavaşlar. Ya da kütüphaneye gitmek istersen.

Gutenberg Fullscreen
Gutenberg tam ekran modunda

Tam ekran modu işiniz için zararlı mı? Sonra aşağıdaki gibi tanıdık görünümü geri yükleyebilirsiniz:

  1. Gelişmiş seçeneklere gidin Gutenberg (sağ üstteki dişli sembolünün yanındaki üç dikey nokta)
  2. Bunlar editörde "Daha fazla araç ve seçenek" olarak adlandırılır.
  3. "Fullscreen Mode"daki kancayı çıkarın

Davranış - tam ekran modu veya kapalı - ayrıca JavaScript birkaç satır ile kullanılabilir sıkıca taklit:

const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' );

if ( isFullscreenMode ) {
    wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' );
}

Bu, özellikle bir yönetici veya geliştirici olarak kullanıcılarınızın istekleri tarafından aşılırsa, WordPress 5.4 web sitenizde canlı gider.

Gutenberg Sosyal Simgeleri Engelle

Bu işlek ile bir fare tıklaması ile sosyal ağlarda görünümler hakkında referanslar veya simgeler ekleyebilirsiniz. "Social Icon"un temel seçenekleri:

  • Simgelerin türünü, numarasını ve sırasını ve ilgili bağlantıları kendiniz belirleyebilirsiniz.
  • Yaklaşık 40 simge veya ağ mevcuttur
  • Ayrıca WordPress , Twitter, Facebook, YouTube veya Instagram örneğin Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn , Pinterest, Skype, Vimeo veya Spotify
  • Diğer web sitelerine (örn. konuk yazarlar) veya e-posta adreslerine yapılan atıflar da eklenebilir

Biraz kafa karıştırıcı: Bir vohanden simgesini kaldırmak istiyorsanız, bu simgeye tıklayarak ve daha sonra "Bloğu Kaldır" seçeneği yle yapılabilir. Sonra tam blok silinir, ama sadece ilgili giriş:

Sosyal Düğmeyi Sil Gutenberg
Sosyal düğmeleri silme Gutenberg

Oluşturduğunuz blok varsayılan olarak yeniden kullanılabilir bir öğe değildir. Bu, tek tek sosyal simgeekleme veya seçme gibi değişiklikler yaparsanız, daha sonra "Social Icon"u başka bir blota veya gönderiye entegre ederseniz bunu tekrar yapmanız gerektiği anlamına gelir. Çözüm: Sonucunuzu yeniden kullanılabilir bir bloya dönüştürür ve yalnızca kullanırsınız.

İpucu: Birçok kullanıcı henüz "yeniden kullanılabilir bloklar" işlevini bilmiyorum. Son derece kullanışlıdır: Örneğin, Google+ kaybolduğunda, yalnızca yeniden kullanılabilir öğedeki değişikliği ayarlamanız gerekirdi. Bu daha sonra bireysel katkıların ilgili bloklarında otomatik olarak yapılır.

Gutenberg Blok Düğmeleri

Adı programdır: Bu yeni hakkında WordPress Engelle, gönderilerinize metin tabanlı düğmeler ekleyebilirsiniz. Örneğin, e-kitapları indirmek veya merkezi Açılış Sayfaları. Düğmeler aşağıdaki gibi ayarlanabilir:

  • Farklı stilleri (tamamen renkli veya sadece kontur ile)
  • Arka plan ve metin rengi serbestçe seçilebilir, ayrıca tek tek renkler (hexadecimal renk değerleri ile)
  • Arka plan monokrom veya tarih (web tasarım vahşi kez selam izin)
  • Kenar Ayarları (Köşe Yarıçapı)
  • Hedef _blank gibi bağlantı seçenekleri

Özenli kullanıcılar Gutenberg zaten "Düğme" adlı bir blok olduğunu biliyorum. Ancak, yeni "Düğmeler" seçeneği önemli ölçüde daha fazla seçenek sunar:

Gutenberg Düğme
Gutenberg Degradeli ve eğrili düğmeler

Buna ek olarak, artık düzeninizi bozmadan bir satırda birden fazla düğme eklemenize olanak tanır. Düğmelerin sırasını istediğiniz şekilde sürükleyip bırak arak ayarlayabilirsiniz.

Not: Başlangıçta, WordPress 5.4 a yeni blok navigasyon bir sayfanın veya gönderinin içeriğine bir gezinti menüsü eklemek için. Ancak, bu ayarlama daha sonraki bir tarih Taşındı.

Ekran: Blok Düzenleyicisine Hoş Geldiniz

Benzer WooCommerce kullanıcıları Gutenberg bir "Hoş Geldiniz Rehberi" ile. Bu içerir:

  • Blok tabanlı yaklaşımın nasıl çalıştığına giriş
  • Blok başına seçeneklerin temel açıklaması (örneğin, renk, genişlik, yönlendirme)
  • Blok Kitaplığı Üzerine Notlar

Sonunda bir referans için talimatlaryol açar Gutenberg . Ancak, bu İngilizcedir.

Gutenberg Hoş Geldiniz Ekranı
Hoşgeldiniz Rehberi Gutenberg

Yeni editörü kullanmaya henüz başlamadıysanız aşağıdaki kaynakları öneririz WordPress çalıştık:

Yöneticiler için, kılavuz yeni bir şey değil, ama belki de saf kullanıcılar ve editörler için oldukça ilginç. Bu nedenle, Gutenberg yolunu bulmak için. Bu, yönetici olarak destek çabanızı da azaltabilir.

İpucu: Karşılama Kılavuzu yalnızca WordPress yeni yüklenmiş veya Gutenberg ilk kez. El ile mi aramak istiyorsun? Bu, Araçlar altında genel seçeneklerde yapılabilir -> Hoşgeldiniz Kılavuzu (kod ve görsel düzenleyici arasında geçiş yapabileceğiniz noktanın altında).

Post görüntüsünü sürükle ve bırak'a göre ekleme

Bazen kullanıcıların küçük değişiklikler olduğunu WordPress seni mutlu eder. Sürüm 5.4 ile sürükle ve bırak yoluyla gönderim görüntüsünü yükleyebilirsiniz. Örneğin:

  1. Resmi zaten düzenlediniz veya gönderdiniz ve bu resim bilgisayarınızdaki bir klasörde
  2. Buradan, sağ kenar çubuğundaki "Set Post Image" alanına sürükleyin Gutenberg sürümden WordPress 5.4
  3. Bitti - kitaplık yükleme arka planda otomatik olarak yapılır

Gerekirse, yalnızca eklenen resme tıklayarak daha sonra görüntüye meta verileri girmeniz yeterlidir. Ya da medya kütüphanesi içinde WordPress . Bu muhtemelen uygun yeni bir seçenek en büyük "tehlike" dir: sizin SEO için önemli olabilir nitelikleri pahasına gelir.

Optimize Blok Son Mesajlar

Blog gönderileriniz altında daha fazla makale nin görüntülenmesi birçok okuyucu tarafından memnuniyetle kullanılmaktadır. Bu son katkıları ile benzer (şu anda Gutenberg "Son Mesajlar"). Bu, kullanıcılarınızı web sitenizde daha uzun süre tutar. "İkamet süresi" ve "ziyaret başına sayfa görüntüleme" değerleri artmaktadır – her ikisi de Seo (SEO).

Yalnızca metin bağlantılarını kullanmakla kalmıyor, aynı zamanda ilgili gönderi resimlerini de görüntülerseniz, bu işlevin tıklama oranı önemli ölçüde artar. Aynen öyle oluyor. WordPress 5.4 mümkün:

En son mesajlar WordPress
Post image ile son gönderiler

"Son Katkılar" bloğundaki diğer yenilikler:

  • Önizleme görüntüsü için görüntü boyutunu ayarlama
  • Piksellerde sabit değerleri tanımlayabilir veya farklı yüzde boyutları kullanabilirsiniz
  • Görüntü yönü de ayarlanabilir (sol hizalı, ortalanmış, sağ hizalanmış)

Yazının tamamının önizlemede veya yalnızca bir metin alıntısında mı görünür olmasını istiyorsunuz? Bazı bloglar bu seçeneğin de eklendiğini bildirir. Ancak, zaten mevcuttur WordPress 5.3., "Katkı İçeriği Ayarları" altında.

Tek tek sözcükler ve cümleler için metin rengi

Şimdiye kadar, metin rengi olabilir Gutenberg sadece tam bir paragraf veya paragraf için. Ile WordPress 5.4 artık yalnızca tek tek harfler, sözcükler veya cümleler için rengi değiştirmenizi sağlayan bir seçenek vardır:

Metin rengi Gutenberg
Şimdi de metinlerin bazı bölümlerinde renkli alabilirsiniz

Bunu yapmak için akış metninde karşılık gelen bölümü fareyle işaretleyin. Gelişmiş seçeneklerde (bağlantı simgesinin yanında) artık "Metin rengi" girişini bulacaksınız. Burada önceden belirlenmiş renkler arasından seçim yapabilir veya tek bir renk ayarlayabilirsiniz. Bu amaçla, bir RGB renk tablosu ve hexadecimal renk değerleri mevcuttur.

Kullanıcılar için diğer değişiklikler

WordPress 5.4 ile birlikte başlık altında çok sayıda küçük ayarlamalar getiriyor, sistemin kendisi veya editör için Gutenberg . İşte en önemli noktaların genel bir özeti:

  • Tek tek bloklar için, artık genişletilmiş Renk ve Degrade Seçenekleri, örneğin kapak bloğu (bindirme metni içeren resim veya video) için değil, aynı zamanda gruplar ve sütunlar için
  • İç içe blokların kırıntılarında gezinme daha net bir şekilde düzenlenmiştir
  • Akıllı telefon görünümünde, yukarıdaki araç çubuğu, artık odak kaybolur
  • "Galeri" bloğunda görüntü boyutunu etkileyebilir (dört seviye: önizleme görüntüsü, orta, büyük, tam boyut)
  • Tablolar için artık bir başlık var, resimler için başlık özniteliği doğrudan düzenleyiciye atanabilir (gelişmiş seçenekler arasında)
  • TikTok portalının videoları blok düzenleyicisinde yeni bir katıştırma kaynağı olarak mevcuttur

Buna ek olarak, bazı yerlerde kullanılabilirlik Gutenberg örneğin blokları birden çok kez seçmeyi kolaylaştırarak veya Sekme tuşuyla gezinmeyi kolaylaştırarak optimize edilmiştir. İkincisi şimdi de blokların kenar çubukları içinde çalışır.

Resim Yazısı Tablosu WordPress
İmzalı bir tablo (resim yazısı)

İpucu: Gelecekteki yol haritası hakkında herhangi bir bilginiz varsa WordPress aramalar, daha sonra ziyaret blog Almanca konuşan WordPress Proje. Ya da sayfa https://de. wordpress.org /about/yol haritası/.

Geliştiriciler için değişiklikler

Perde arkasında çalışmak isteyenler için WordPress yeni olasılıklar da vardır. Ama aynı zamanda daha fazla performans:

  • Daha yüksek hız: Block Editor çevresindeki geliştirme ekibi, Şarj süresini azaltma yüzde 14 ile elde
  • Takvim widget' ı: Gezinme bağlantıları, geçerli HTML için tablo öğesini hemen izleyen bir gezinme HTML öğesine taşınır (belirtime göre 5.1)
  • Tek tip anlambilim: İşlev do_shortcode() bir apply_shortcode() Değiştirilir
  • Favicons: Favicon için istekler daha esnek yönetilebilir, WordPress logo bir geri dönüş çözümü olarak hizmet vermektedir
  • Hata günlüğü: Hatalar wp_login_failed daha ayrıntılı olarak sunulmaktadır

Bu konuda daha fazla bilgi edinebilirsiniz , yanı sıra daha fazla ayarlamalar, içinde resmi duyurular Hedef WordPress 5.4. Test üzerine notlar WordPress 5.4 burada bulabilirsiniz.

Hakkında ne gibi sorular WordPress 5.4 var mı? Lütfen yorum işlevini kullanın. Yeni katkılar hakkında bilmek istiyorum WordPress haberdar olmak? O zaman bizi takip et. TwitterFacebook ya da bizim aracılığıyla Bülten.

Benzer makaleler

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.