Ana İçeriğe Geç

Gutenberg için web sitenizi nasıl hazırlanır

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Gutenberg yakında WordPress'e geliyor. Web siteniz hazır mı? Hala tam olarak ne şekilde olacağını bilmiyor olsak da, bu yeni içerik sistemi gelecekte WordPress'e eklenecek. Bunun siteniz üzerindeki olası etkilerine ve sorunlu alanları önceden belirleyip düzeltmenin yollarına bir göz atalım.

gutenberg wordpress

Gutenberg, kullanıcılara içeriklerini tasarlamada daha fazla esneklik sağlamayı amaçlayan bir WordPress projesidir. Esasen proje, öncelikle kelime işlemci işlevi gören mevcut düzenleyiciyi daha görsel ve yapılandırılmış bir arayüzle değiştirmeyi hedefliyor. Şu anda Gutenberg bir eklentidir ve kullanıcılara içeriklerini Visual Composer veya diğer sürükle ve bırak editörleriyle aynı şekilde, ancak basitleştirilmiş ve sezgisel bir şekilde düzenleme olanağı sağlar.

Gutenberg hakkında daha fazla bilgi için, burayı tıklayın.

Gutenberg büyük bir iştir ve muhtemelen web sitenizdeki birçok uç noktaya çarpacaktır. Potansiyel sorunları araştırırken keşfedeceğimiz üç alan şunlardır:

  • Temanız: Gutenberg, içerik için kendi stil setiyle birlikte gelir. Temanız uyumlu mu? Gutenberg aktif olduğunda neye benzeyecek?
  • Eklentileriniz: Gutenberg'in diğer eklentilerinizle beklenmedik şekillerde etkileşime girmesi mümkündür. Ne olabileceğini ve ortaya çıkan sorunları çözmek için ne yapılacağını göreceğiz.
  • İçeriğiniz: Gutenberg, içeriğinizin görüntülenme şeklini etkileyecektir. Bunun sayfalarınızın görünümünü nasıl değiştirebileceğine bir göz atacağız ve sorun yaşıyorsanız bazı olası çözümleri gözden geçireceğiz.

Başlamadan önce, ana sitenizi riske atmadan Gutenberg ile deneyler yapabileceğiniz bir test alanı oluşturmak iyi bir fikirdir. İdeal olarak, kendi test alanınızı oluşturmalı veya sitenizin yerel bir kopyasını oluşturmalısınız. Bu görevlerden herhangi birinin nasıl gerçekleştirileceği hakkında daha fazla bilgi için aşağıdaki eğiticiye bakın: WordPress yerel olarak nasıl kurulur.

Bu mümkün değilse, testleri doğrudan sitenizde gerçekleştirebilirsiniz. Sitenizin bazı bölümlerini etkinleştirip devre dışı bırakacağımız için bunun riskli olabileceğini unutmayın. Canlı testi gerçekleştiriyorsanız, başlamadan önce sitenizin bir yedeğini oluşturduğunuzdan emin olun.

Nerede test edeceğinizi öğrendikten sonra eklentiler dizinine gidin ve Gutenberg'i bulun. Yüklendikten ve etkinleştirildikten sonra okumaya devam edin.

Artık Gutenberg'i yüklediğinize göre, sitenizin etkilenebilecek ilk bölümüne bir göz atalım: temanız. Bu noktada, veritabanı hataları veya WordPress kontrol paneliyle ilgili sorunlar gibi zaten büyük sorunlar varsa, bölüme devam edin. Çok fazla sorun olduğunda ne yapılmalı.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Gutenberg öncelikle site içeriğiyle etkileşime girdiğinden, birkaç şeyi test etmek yeterli - neyse ki bizim için.

İlki, Gutenberg'in kendi stil sayfası ve bir dizi stil ile birlikte gelmesidir. Hâlâ doğru göründüklerinden emin olmak için sitenizde kullanılan farklı sayfa ve şablon türlerinin her birini kontrol edin. Buradaki temel amaç, sayfalarınızın ana içerik alanındaki öğelere, özellikle içerik ve görüntü bloklarına odaklanmaktır. Herhangi bir sorun görürseniz, muhtemelen Gutenberg'in stilleri sitenizdekilere göre önceliklidir.

Bunu düzeltmek için sorunun nereden geldiğini belirlemeniz gerekecek. Genellikle bu, bir HTML öğesine veya Gutenberg stillerinin kendi sınıflarınıza göre önceliğine odaklanan bir CSS seçici olacaktır. Her iki durumda da, hatanın nerede meydana geldiğini belirlemeye çalışın. Ardından, Gutenberg'in stillerinin neden sizinkini geçersiz kıldığını anlayın ve önceliğe sahip olması için kodunuzu düzeltin.

Kendi temanızda düzeltmeler yapmaya çalışın (veya daha iyisi, temanızdaki CSS için belirtilen bir alt tema veya alanda), Gutenberg'i değiştirmek yerine. Gutenberg'deki dosyalardan herhangi birini doğrudan düzenlerseniz, eklenti güncellendiğinde büyük olasılıkla üzerine yazılır.

Benzer şekilde, aynı testleri kontrol panelinizde bir kez ve tamamen çalıştırmak isteyeceksiniz. Tema seçenekleri ve temanız tarafından oluşturulan diğer özel bölümler şimdiye kadarki en büyük suçlular gibi görünüyor. Bu alanlarda stil oluşturma sorunlarını belirledikten sonra, genellikle bunları bir alt tema değiştirerek veya oluşturarak ve CSS'yi orada ince ayarlayarak düzeltebilirsiniz.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Temanızı test ettikten sonra sitenizin eklentileri aşağıdaki gibidir. Özellikle, içeriğinizde kullandığınız kısa kodları (ör. Yerçekimi Formları), içeriğinizin görünümünü etkileyen eklentileri (ör. Metin boyutunu etkileyen erişilebilirlik eklentileri) sağlayan eklentilere dikkat edin ve doğrudan sayfanıza öğe ekleyen eklentiler (Gelişmiş Özel Alanlar gibi).

Bu alanı denetlemek için, kullandığınız tüm kısa kodların yanı sıra var oldukları sayfaların bir listesini toplayarak başlayın. Listeniz elinizin altındayken, beklendiği gibi çalışıp çalışmadıklarını görmek için bu sayfaların her birini ziyaret edin. Şekillendirme sorunları yaşıyorsanız, muhtemelen aynı sorunu yaşıyorsunuz ve stillerinizi yeniden ayarlamanız gerekiyor.

Bununla birlikte, kısa kod görüntüleniyorsa ve beklenen içerik görüntülenmiyorsa (yani, sayfanız, [shortcode]doğru olanı yapmak yerine) başka bir çözüm var. Bu durumda, kısa kodun bulunduğu bloğa bakabilir ve metin olarak kabul edilmediğini onaylayabilirsiniz (kısa kodun etrafındaki istenmeyen etiketleri bulun ve kaldırın). Sorun devam ederse, kısa kodu daha uygun bir blok türüne taşımak her şeyi yeniden başlatmalıdır.

Bu sorun, daha önce ele aldığımız aynı sorundan kaynaklanıyor: stil ikameleri. Etkilenen öğeleri belirleyin ve CSS'yi düzeltin.

Çakışan sorunlar için bakacağımız son alan, öğe oluşturma ile ilgilidir. Kısa kodlar kullanmadan bir sayfaya HTML öğeleri ekleyen herhangi bir eklenti burada şüphelidir, örneğin, PHP Gelişmiş Özel Alanlar eklentisinden özel alanlar çıkardığında.

Elemanların yaratılmasıyla ilgili en yaygın kayma, uyumsuz bloklar etrafında döner. Gutenberg kendi stillerini sağladığından, öğelerinizin istem dışı bir blok içinde yaratılması durumunda doğru şekilde görüntülenmeyebilir. Bunun düzeltmesi, kodunuzun, olmasını istediğiniz yere bloğa öğeler eklediğinden emin olmaktır.

Bahsettiğimiz diğer konular kadar acil değil, ancak içeriğinizin görüntülenme biçiminde bazı zorluklar olabilir. Bu sorunların çoğu, küçük stil değişikliklerinden veya blokların düzenlenmesinden kaynaklanacaktır. Bunu düzeltmek için, sayfanızı istediğiniz şekilde alana kadar blok sistemiyle uğraşmanız gerekecek.

Çok fazla sorun olduğunda ne yapılmalı

Bu eğitimdeki önerilerle çözemediğiniz bir sorunla karşılaştınız mı? Panik yapma ! Gutenberg'in WordPress'in çekirdeğine entegre edilmesi için hala biraz zaman var.

İlk olarak, hatanın ne olduğunu ve hataya hangi adımların yol açtığını yazın. Ne kadar fazla bilgi toplarsanız o kadar iyidir. Tüm bu bilgileri Gutenberg ekibine iletin. Şans eseri, sorunu belirleyebilecek ve gelecekteki bir sürümde düzeltebilecekler.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Bir hazırlık sitesi üzerinde çalışıyorsanız, bu noktada şimdilik yapabileceğiniz tek şey budur. Sorununuzun çözülüp çözülmediğini görmek için sürüm notlarını kontrol etmeye devam edin veya muhtemelen sorunu kendiniz çözmeye çalışın.

Canlı sitenizde çalışıyorsanız, Gutenberg'i devre dışı bırakmak her şeyi normale döndürmelidir. Değilse, eğitimin başında yaptığınız yedeklemeye geri dönme zamanı!

Gutenberg, içeriği daha iyi hale getirmek için WordPress ortamında büyük bir değişim olmayı hedefliyor. Ana şubeye ulaşmadan önce, sitenizin yeni değişikliklerle çalışacağını doğruladığınızdan emin olun. Burada listelenenler dışında sorunlarınız varsa, bu eğitimdeki herhangi bir şey için daha iyi çözümler veya düzeltmeler varsa, lütfen aşağıya bir yorum bırakın.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş