Gutenberg Geliştirme Hakkında Başlangıç İpuçları – Bilmeniz Gerekenler
Geçen yılın başlarında, Gutenberg editörü ve bir bütün olarak WordPress ortamı için ne anlama geldiğini yazdık. Denediniz mi, denemediniz mi, gerçek şu ki kendimize bundan bahsetmemiz gerekiyor. Hem geliştiriciler hem de içerik açısından, bu iyileştirme, WordPress’te kod oluşturma ve içerik üretme şeklimizi değiştirecektir. Bloklarla birlikte gelen tüm avantajlardan ve içerik oluşturma şeklimizden bahsetmiyorum bile. İçerik pazarlaması açısından Gutenberg editörü gerçekten çok ferahlatıcı. Geliştiriciden … duyduğum kadarıyla, hala iyileştirme zamanı var, ha? Şimdi, zamanında ve Gutenberg editörünü tam olarak yayınlamadan önce, Gutenberg’in gelişimi hakkında 31 ipucu paylaşıyoruz. Zac Gordon şimdi sizinle paylaştığımız bir ipucu yazarı.
Meks tarafından önerilen en iyi barındırma
Ayrıca bakınız: Future WordPress ve Gutenberg Editör – Matt WordCamp Europe 2019’da konuşuyor
31 Gutenberg’in Geliştirilmesi Üzerine Yeni Başlayan İpuçları 1. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları: Özel JavaScript bloğunuzu Gutenberg’e bağlamak için ‘enqueue_block_ededor_asses’ kullanın 2. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün: WP.Element, yukarıdaki bir WordPress soyutlama katmanıdır ve reaksiyon ve reaksiyon 3. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #3: WP.I18N, WordPress’te yerelleştirme için müşterinin bir kütüphanesidir ve JS blok dosyanıza ‘WP-I18N’-HTTPS: //buff.ly/ olarak bağımlı olmasını sağlar. 2ZQBQ1V4. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #4: Dashicons WordPress varsayılanını blok simgesi olarak kullanabilirsiniz. Aşağıdaki özel SVG simgesini de kullanabilirsiniz. How => https://buff.ly/2bsla1s 5. Gutenberg’in geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #5: /Bloklar /Kütüphane, tüm varsayılan Gutenberg bloklarının ikametgahıdır. Nasıl inşa edildiklerini görün – https://buff.ly/2bsavpz 6. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #6: Bloğun adında bulunmayan anahtar kelimeler için bloğun görünmesi için ‘Anahtar Kelime’ ayarlarını kullanın. İşte nasıl => https://buff.ly/2bdm4gp 7. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #7: Gutenberg @riadBenguella’nın geliştiricisinden bu makaleyi okuyun – “Bugün Gutenberg’i genişletmenin bin tek yolu” – https://buff.ly/2BivePe 8. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #8: Araştırmadıysanız, Gutenberg Geliştirici El Kitabı oldukça yararlı – https://buff.ly/2bbk1dz 9. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #9: Geliştirmede kontrol edebileceğiniz bir “Gutenberg teması” olduğunu biliyor muydunuz? Yirmi sekiz? https://buff.ly/2nsbfqq 10. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #10: İskele bloğu için bir @WPCLI komutu olduğunu biliyor muydunuz? https://buff.ly/2cy19xm 11. Gutenberg’in Geliştirilmesi ~ Yeni Başlangıç İpuçları Bugün #11: Bloğunuzda JSX kullanmak için, dosyada yapıldığı gibi ‘Transform-React-jsx’ eklentisini ekleyin. Babelrc inti gutenberg-https: //buff.ly/ 2cy76og12. Gutenberg’in Geliştirilmesi ~ Yeni Başlangıç İpuçları Bugün #12: Eklentilerin klasik editörün geri dönüşünü nasıl ele alması gerektiği hakkında ilginç bir tartışma var. Bir eklenti geliştiriciyseniz, kontrol etmelisiniz – https://buff.ly/2d4xuwh 13. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #13: Özel bloklar yaparken seçebileceğiniz 5 blok kategorisi vardır: Genel, Biçimlendirme, Düzen, Widget ve Gömme https://buff.ly/2p9ay7t 14. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #14: Eklentiyi yüklediğinizde Gutenberg demosunu kullandınız mı? Blok içeriği içeren basit JS dosyalarına bakın. İş yerinde GB yorum özniteliklerine bakın. https://buff.ly/2bq88ez 15. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #15: Gutenberg bloğuna JavaScript ve CSS nasıl eklenti ve temalarda https://buff.ly/2dmdlqs nasıl eklenir 16. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #16: Çekirdek bloğu yeniden inşa etmek veya yeniden inşa etmek istiyorsanız … belki yeniden kullanılabilecek şablon veya blok yaklaşımına geçme zamanı. 17. Gutenberg’in geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #17: RegisterBlockType () özel bloklar yapmanın çekirdeğidir. Bu şekilde çalışıyor https://buff.ly/2lkiaic 18. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #18: Genel olarak, özel bloklar eklentiye değil, temalara dahil edilmiştir. Tema, bloklarla belirli bir dereceye kadar düzenlenebilir ve entegre edilebilir! benim düşünceme göre 19. Gutenberg’in Geliştirilmesi ~ Yeni Başlangıç İpuçları Bugün #19: Herhangi bir SVG’yi özel bloğunuz için bir simge olarak kopyalanabilen ve eklenebilen geçerli bir JSX’e dönüştürmek için bu kullanışlı çevrimiçi aracı kullanın https://buff.ly/2pvpd6f20. Gutenberg’in gelişimi ~ Yeni Başlayanlar Bugün #20: Evet. Aslında bazılarının Gutenberg ile çalışmak için tepki verdiğini bilmeniz gerekiyor. Ya da en azından Gutenberg 21 öğreniminde bazı tepki öğreneceksiniz. Gutenberg’in gelişimi ~ Yeni Başlayanlar Bugün #21: Işın renk paletini ayarlamak ve temanız için renk şemasıyla uyumlu hale getirmek mi istiyorsunuz? Bunlar bunun gibi sadece birkaç php hattıdır – https://buff.ly/2cq6pnj 22. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #22: Gutenberg’deki bileşen, özel blok kontrolünüze erişilebilirlik ve kayganlık eklemenin kolay bir yoludur. Bloğunuzda nasıl kullanacağınızı öğrenin – https://buff.ly/2caluyu 23. Gutenberg’in geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #23: Şablon bloğu, gönderme, sayfalar veya özel yayın türleri için varsayılan bloğu belirlemenizi sağlar. Hatta kilitleyebilirsiniz. Bu şekilde çalışıyor https://buff.ly/2f3g8ga
24. Gutenberg’in Geliştirilmesi ~ Yeni Başlangıç İpuçları Bugün #24: İlk başta piyasaya sürüleceğinden, Gutenberg zengin ön uç siteleri veya sayfa yapımcılarının eklentilerinin yerini almaz. Bu çok gelişmiş bir düzenleme deneyimidir, ancak bir yedek değil … henüz değil. 25. Gutenberg’in Geliştirilmesi ~ Yeni Başlangıç İpuçları Bugün #25: Blok UI metninizin çevrilmesini sağlamak için blok kodunuzdaki tüm yerlerde wp.i18n .__ () kullanabilirsiniz. Basit, bu yol! https://buff.ly/2cj6vpr 26. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #26: Bir kullanıcı arayüzü bloğu oluşturmak için JSX’i Kullanma Zamanınızı kaydedebilir ve daha temiz ve okunması daha kolay bir kod sağlayabilirsiniz. Https://buff.ly/2cnsssr27’yi başlatmak ve çalıştırmak için bu resmi kılavuzu okuyun. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #27: Gutenberg, tema geliştiricileri için birkaç add_theme_support () seçeneğine sahiptir. Gutenberg El Kitabında bunun için referanslara bakın – https://buff.ly/2miv1ay 28. Gutenberg’in Geliştirilmesi ~ Yeni Başlangıç İpuçları Bugün #28: Gutenberg’de React olmadan API talebi için WP.apireQuest () – https://buff.ly/2dq0fhc veya reaksiyon kullanıyorsanız, veri () ile deneyin () Bileşen bileşenindeki bileşen – https://buff.ly/2dqsapq 29. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #29: RegisterBlockType için İsteğe Bağlı Ayarlar “Açıklama” Bloğunuz için çevrilebilecek açıklamayı ayarlamanıza izin verecektir. https://buff.ly/2dgajhp 30. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #30: Whoot Whoot! Blok şablonları için belgeler GB El Kitabında! Tema Geliştirici ~ Bunu beğeneceksiniz https://buff.ly/2mddddn 31. Gutenberg’in Geliştirilmesi ~ Yeni Başlayan İpuçları Bugün #31: Meta kutuları, eklenti seçenekleri veya diğer veritabanı verileri ile etkileşim kurmak istiyorsanız, iyi bir konvansiyon özel bir yangın bitiş noktası ve bloğunuzdan JS API çağrısıdır. Gutenberg editörünü denediniz mi ve bunun hakkında ne düşünüyorsun? Aşağıdaki yorumlarda bizimle paylaşın.
