Gutenberg üçün qurun: Plugin və mövzu müəllifləri Gutenberg-ə keçid məsələsini necə müzakirə edirlər

Gutenberg üçün qurun: Plugin və mövzu müəllifləri keçid məsələsinə necə müraciət edirlər


WordCamp Europe 2018-də Matt Mullenweg növbəti bir neçə ay ərzində Gutenberg üçün kobud bir yol xəritəsi qurdu. İyul ayında Gutenberg’in qəbulunu artırmaq üçün böyük bir təkan olacaq, Avqust üçün 5.0 beta (və ya daha çox; əslində, bəlkə də kənarda). Yaxınlaşan inteqrasiya, WordPress tərtibatçılarının Gutenberg üçün necə qurmağı planlaşdırdığını maraqlandıra bilər.

Yəni, geliştiricilərin Gutenberg üçün təkliflərini hazırlamağın müxtəlif yolları nələrdir? İnsanlar Gutenberg üçün yeni və maraqlı bir şey edirlər?

Bu yazıda sizə mövcud olanları göstərməklə plugin və mövzu tərtibatçılarının Gutenberg üçün necə qura biləcəyinə dair real, konkret nümunələr verəcəyik..

Geliştiricilərin daha inteqrasiya edilmiş bir tənzimləmə təcrübəsi yaratmaq üçün bloklardan və üslublardan necə istifadə etdiyinə dair bəzi real nümunələrə baxaraq ümid edirik ki:

  • Gutenberg’in son istifadəçi olaraq sizə necə fayda verə biləcəyini anlayın.
  • Öz WordPress layihələriniz üçün Gutenberg üçün qurmaq üçün bəzi fikirlər əldə edin.

Gutenberg redaktorunun nə olduğuna hələ də əmin deyilsinizsə, əvvəlcə Gutenberg redaktoru dərsliyimizi yoxlamaq istəyə bilərsiniz..

Mövcud plaginlərin Gutenberg-ə keçidlə necə əlaqəli olduğuna dair altı nümunə

Plutin müəlliflərinin Gutenberg üçün qurduğu yol, ilk növbədə plaginin işindən asılıdır.

Bir tərəfdən, ön hissə məzmununu əlavə etməyə yönəlmiş plaginləriniz var. Bu, əvvəllər şifrə əlavə etməklə əvvəllər görülən işlərdir.

Yaxşı bir nümunə bir forma plaginidir. Pretty çox hər forma plugin formaları yaratmaq üçün ayrıca bir interfeys verir və sonra bu formaları ön cəbhədə yerləşdirmək üçün qısa kod verir.

Bu tip plaginlər adətən Gutenberg-ə a ilə müraciət edir xüsusi blok məzmunu daxil etməyi asanlaşdırmaq üçün. Bu hissədə bir neçə nümunə görəcəksiniz:

  • Ninja formaları
  • Verin
  • WooCommerce

Sonra, pərdə arxasında olan təfərrüatları idarə etməyə kömək edən digər plaginləriniz var. Tipik olaraq, bu pluginlər meta qutularından istifadə edir.

Ən məşhur nümunə Yoast SEO kimi bir şey olardı. Məzmun əlavə etməmisiniz, amma bütün bu meta qutusu məlumatları vacibdir.

Meta qutular indi Gutenberg ilə işləyir, lakin bu pluginlərin Gutenberg-dən yararlanmaq üçün funksiyalarını dəyişdirmələri üçün hələ bir şans var. Yoast SEO-nun problemi həll etməsinin bəzi yollarını, habelə bəzi öz pluginlərimizlə işləməyi necə seçdiyimi sizə göstərəcəyəm.

1. Ninja Forms yeni Gutenberg bloku əlavə edir

Ninja formaları WordPress.org reponun ən populyar forma pluginlərindən biridir. Bu günə qədər sadə əlavə etməklə Gutenbergə müraciət edir Ninja formaları blok.

Bloku hər hansı digər Gutenberg bloku kimi daxil edirsiniz:

ninja formaları devs Gutenberg üçün necə qurur

Sonra, açılan şəkildən şəklinizi seçə bilərsiniz:

ninja formaları blok

Bir forma seçdiyiniz zaman, redaktorda canlı bir önizlemə görərsiniz:

formanın canlı görüntüsü

Bu anda hər şey var. Lakin bu möhkəm bir təməl yanaşmadır, çünki:

  • Qısa şifrə ilə birbaşa işləmək ehtiyacını aradan qaldırır
  • Dizaynınızı hələ də redaktə edərkən canlı bir görüntülü görə bilərsiniz

Növbəti iki plugin, daha dərin stil / nəzarət seçimləri ilə buna əsaslanacaqdır.

2. Vermə variantları olan iki Gutenberg bloku əlavə edin

Verin Gutenberg redaktoru ilə Give-ə inteqrasiya olunmaqda çox fəal olan bir inkişaf qrupu ilə məşhur bir hədiyyə plaginidir (bu yazının mövzusunu bəyənsəniz, #PlayingWithBlocks seriyasından zövq alacaqsınız) Blog verin, burada komandanın Gutenberg üçün qurmaq planlarını ətraflı məlumat verin).

Güven cəhd etdiyim ən uyğunlaşdırılan Gutenberg təcrübələrindən birinə malikdir. Hədiyyə vermək formalarını Give’in iki bloku ilə gətirməklə yanaşı Gutenberg interfeysindən istifadə edərək onları da tərtib edə bilərsiniz.

Verdiyiniz iki blok verin:

  • Tək bir ianə forması
  • Bağış formalarından ibarət bir şəbəkə

gutenberg blokları

Ninja Forms kimi, şəklinizin canlı görüntüsünü alırsınız. Ancaq sən də al Blok sizə imkan verən tənzimləmə seçimləri:

  • Formatı seçin
  • Bağış məqsədini aktivləşdirin / deaktiv edin
  • Məzmunun harada yerləşdiriləcəyini seçin

blok layout seçimləri

Formanın üzərində hover etsəniz, həmin formanı düzəltmək üçün birbaşa link əldə edəcəksiniz:

blok tənzimləmə

Beləliklə, blokların Ninja Forms-ın hazırkı tətbiqindən bir az daha dərinə gedə biləcəyinə nəzər yetirin. Lakin WooCommerce bir addım irəli gedir …

3. WooCommerce sütun nəzarəti ilə bir məhsul bloku əlavə edir

WooCommerce, ehtimal ki, WordPress 5.0 yaxınlaşdıqca daha çox Gutenberg inteqrasiyasını əlavə edəcəkdir (bəziləri buraya məhsul əlavə etmək üçün fikirlər), komanda artıq rəsmi ilə birlikdə barmaqlarını Gutenbergə salıb WooCommerce Gutenberg Məhsulları Block plugin.

Bəli – hazırda bu ayrı bir plagindir. Ancaq onu quraşdırdıqdan sonra mövcud WooCommerce məhsullarınızı Gutenberg tərkibinizə bir blok kimi daxil edə bilərsiniz.

Siz əlavə zaman Məhsullar Blokda, hansı məhsulların göstəriləcəyini seçə bilərsiniz:

gutenberg woocommerce bloku

Sonra, nizamın dəyişdirilməsi üçün blok tənzimləmə seçimlərindən istifadə edə bilərsiniz:

gutenberg-də dəyişən ticarət ticarət planını

Bu məni olduqca həyəcanlandırır, çünki Gutenberg’in stil / qeyri-standart məzmunu daha əlçatan etməsinin gözəl bir nümunəsidir..

4. Qunduz İnşaatçı əlavə edir "Beaver İnşaatçıya çevrilmək" seçim

Səhifə qurucularının Gutenberqə necə müraciət edəcəyi barədə çox söhbət var. Hələ çox beton yoxdur, lakin Beaver Builder, Gutenberg planını Beaver Builder-ə çevirməyə imkan verən Beaver Builder 2.1-də bir xüsusiyyət əlavə etdi:

qunduz qurucusu gutenberg

Hal-hazırda, dönüşüm prosesi mükəmməl deyil. Gutenberg və bir səhifə qurucusu arasında hərəkət edə bilmək fikri dönüşümün düz olsaydı maraq doğurur..

5. Meta qutuları hələ də işləməlidir – Yoast SEO yaxşı bir nümunədir

Düşünmürəm ki, Yoast SEO hələ Gutenberg-ə müraciət etmək üçün hər hansı bir dəyişiklik hazırlamadı, buna görə də bu, mövcud meta qutularının Gutenberg ilə necə işlədiyinə daha bir nümunədir (əgər Gutenberg’i yaxından izləməmisinizsə – indi meta qutusuna dəstək var, olmasına baxmayaraq uzun müddətli bir həlldən daha çox geri uyğunluq üçün).

Gördüyünüz kimi, əsas Yoast SEO meta qutusu Gutenberg ilə təmənnasız gəlir:

gutenberg yoast seo meta qutusu

Ancaq yan paneldə gedən SEO və məzmun təhlili puanlarını itirdiniz.

Beləliklə, Yoast Gutenberg’i bu problemi həll etmək üçün necə qura bilər? Budur bəzi istehza Yoast’ın analizini həqiqi Gutenberg interfeysinə birləşdirə biləcəyi mümkün yollar üçün:

Mockup Byoast seo xəbərdarlığı
Mockup Cyoast seo məzmun təhlili

6. WP Product Review-da meta qutularına necə müraciət edirik

Bizim WP Product Review plagin ön nöqtədə çıxışı idarə etmək üçün bir meta qutusundan istifadə edən pluginlərdən biridir (bu vəziyyətdə bir baxış qutusu).

WP Product Review’nin Gutenberg redaktoruna inteqrasiyası üzərində işləyirik.

wp məhsul araşdırması gutenberg

İstifadəçilər yazının bir kənar paneli dəyişdirərək nəzərdən keçirdiyini göstərdikdə yuxarıdakı seçimlərdən nəzərdən keçirmə qutusu haqqında hər şeyi konfiqurasiya edə biləcəklər:

gutenberg pro keçidi

Geliştiricilər – plugininizi Gutenberg üçün hazırlamaq üçün əla bir qaynaq var

Həqiqi bir plugin geliştiricisisinizsə, xüsusi plagininiz üçün Gutenberg üçün necə qurulacağınız barədə sualınız ola bilər. Yaxşı … Bunu sizə deyə bilmərəm. Ancaq sizi bu özümüzün Hardeep Asrani’nin müdhiş yazısına işarə edə bilərəm. Hardeep, plugininizi Gutenberg üçün hazırlamaq üçün bəzi təsirli məsləhətləri təqdim edir.

Gutenberg üçün inkişaf etdiricilər də yeni pluginlər ilə qura bilərlər

Yaradıcılar yalnız mövcud pluginləri Gutenberg ilə uyğunlaşdırmağa yönəlmirlər, həmçinin yeni pluginlər ilə Qutenberg üçün qurmağı planlaşdırırlar.

Yeni Qutenberq cəlbediciliyi blok edir

Bir tərəfdən sadəcə yeni məzmun blokları əlavə edən çox sayda ümumi plugin var. Bunlar Gutenbergə səhifə qurucusu kimi hisslər verir. Bunun üçün blokları tapa bilərsiniz:

  • Qiymət cədvəlləri
  • Testimonials
  • Komanda üzvləri
  • Və s.

Məsələn, burada qiymət masası bloku Stackable – Ultimate Gutenberg Blocks plaginidir. Blok tənzimləmə seçimlərinin nə qədər detallığına baxın:

yeni gutenberg blokları

WordPress.org-da bu plaginlərin bir dəstəsi artıq var. Ancaq yuxarıda göstərilən Stackable plugin xaricində digər məşhur təkliflər belə görünür:

Bir də təklif var CoBlocks özü kimi bazarlar "Məzmun Marketoloqları üçün Gutenberg Blokları".

Düşünürəm ki, bu niş yanaşma xüsusilə maraqlıdır. Bəlkə gələcəkdə Gutenberg üçün xüsusi blok dəstlərini görəcəyik:

The Kitab nəzərdən keçirmə bloku plugin Gutenberg bloklarının bir şeyə çevrilməsinin başqa bir mini nümunəsidir.

Xüsusi sahələrin Gutenberg ilə necə işləyə biləcəyinə bir nümunə

Gutenberg Xüsusi Sahələri bəzi dartma əldə etdiyi görünən başqa bir maraqlı plagindir.

Xüsusi bir yazı növü ilə əlaqəli xüsusi sahələri və ya sahə qruplarını qurmağı asanlaşdırır:

gutenberg redaktoru xüsusi sahələr

Sonra, Gutenberg redaktoruna gedəndə həmin xüsusi sahələr əvvəlcədən blok kimi doldurulur:

gutenberg xüsusi sahə nümunəsi

Xüsusi sahələrin Gutenberg ilə necə işləyəcəyinə dair bir çox insan maraqlanırdı – bu, təbiətdə artıq mövcud olan bir ümidverici nümunədir. Bacararsan bu barədə daha çox məlumat burada.

Tema tərtibatçılarının Gutenberg-ə keçid məsələsini həll etməsinin üç nümunəsi

Plutin inkişaf etdiricilərinin Gutenberg üçün necə qura biləcəyinə dair bir neçə nümunə gördünüz, ancaq mövzular haqqında?

Mövzu tərtibatçıları, keçidi həll etmək üçün iki əsas yolu izləyirlər:

  • Bloklar üçün üslub əlavə etmək və Gutenberg layout seçimlərini dəstəkləməklə mövzular hazırlamaq
  • Tema məzmunu yaratmaq üçün Gutenberg bloklarından istifadə

Şəkili rəngləmək üçün bəzi nümunələr var …

1. Gutenberg redaktoruna xüsusi üslub əlavə etmək

Tərtibatçıların gördükləri həqiqətən səliqəli bir şey, mövzu üslublarını faktiki arxa Gutenberg interfeysinə əlavə etməkdir. BigBox WooCommerce-dən Spencer olsa da bu, həqiqətən WYSIWYG təcrübəsi yaratmaq üçün qapıları açır. üçüncü tərəf bloklarının üslubu ilə bağlı bəzi məsələləri ətraflı.

Məsələn, ThemeShaper’in Ohana mövzusu Gutenberg’in bütün məzmununu, o cümlədən yazı başlığını necə tamamilə düzəltdiyinə baxın:

gutenberg-in tablosuna aid üslubları

Bunu hərəkətdə görmək istəyirsinizsə, Ohana temasını GitHub-dan yükləyin. Və ThemeShaper bu təsiri necə əldə etdiklərini də izah edir bu blog yazıda.

2. Yeni geniş eniş uyğunlaşdırma seçimlərinin əlavə edilməsi

Gördüyünüz başqa bir sərin mövzu uyğunluğu çimdik əlavə olunur Geniş uyğunlaşdırma dəstək. Əslində, bu müəyyən blokları tam genişliyə salmağa imkan verir. Ən çox yayılmış bir nümunə, tam genişlikli bir şəkil daxil etmək olardı.

Yenə də Ohana mövzusu ilə bunun təsirini görə bilərsiniz:

gutenberg geniş planı

Bu hizalanın işləməsi üçün mövzu müəllifləri açıq şəkildə dəstək elan etməlidirlər.

3. Bloklarla tema demo məzmununu qurmaq – məs. Blok mövzusu

Nəhayət Üzvi Mövzuların bu yanaşması olduqca gözəldir:

Blokun mövzusu demo tərkibi tamamilə Gutenberg blokları ilə qurulmuşdur.

Bu, şübhəsiz ki, böyüməyi görməyə davam edəcəyimiz bir şeydir, Matt açıq şəkildə Gutenberg yol xəritəsində iyul ayının araşdırma daxil olacağını söylədiyi kimi "Gutenberg’i post xaricində saytın özelleştirilmesine qədər genişləndirmək."

Blok mövzusundan başqa Array Temalar da var Atom blokları mövzusu yuxarıda göstərilən Atom Blocks plugin ilə inteqrasiya üçün xüsusi olaraq hazırlanmışdır.

Geliştiricilər – mövzunu Gutenberg üçün hazırlamaq üçün burada

Mövcud mövzunu Gutenberg ilə uyğunlaşdırmağı maraqlandıran bir mövzu tərtibatçısıdır, Bill Erickson’un əla bələdçisi var yüksək məqamlara. Və Tema Dəstəyi Gutenberg kitabının bölməsi başqa bir yaxşı mənbədir.

Gələcək daha maraqlı şeylər olacaq

Yuxarıdakı nümunələrdən, ümid edirəm ki, plugin və mövzu tərtibatçılarının Gutenberg üçün necə qurmağı planlaşdırdıqlarını daha yaxşı anlayırsınız..

Şəxsi qeydimdə bilirəm ki, bu yazını yazmağım Gutenberg ilə olan imkanlarımı daha çox həyəcanlandırdı.

Plugin ön hissəsində əvvəllər edilən şifrələrlə yerinə yetirilən bütün işləri əvəz etmək üçün bloklardan istifadə edilməsi, xüsusən təsadüfi istifadəçilər üçün əla bir inkişafdır.

Həm də tema tərtibatçılarının öz üslublarını gətirə və blokları birləşdirə bilməsi yolu da maraqlıdır – xüsusən Gutenberg saytın özelleştirilmesine daha çox yayıldığı üçün.

İndi sizə – Gutenberg üçün qurmaq üçün maraqlı yollar tapan plugin və ya mövzu müəlliflərinin hər hansı bir böyük nümunəsinə görə büdrəmisiniz? Bizə şərhlərdə bildirin!

WordPress saytınızı sürətləndirmək üçün qəza kursumuza qoşulmağı unutmayın. Bəzi sadə düzəlişlərlə yükləmə müddətinizi hətta 50-80% azalda bilərsiniz:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map