Veb saytın qurulmasını sürətləndirmək üçün blok nümunələrini necə yaratmaq olar

Blok nümunələri bütün WordPress istifadəçiləri üçün böyük bir iş olacaq və bu yazıda öz blok nümunələrinizi necə yaratmağı sizə göstərəcəyəm.


add_action ('tashabb', funksiya () {

register_pattern ('NAME', [
'title' => __ ('TITLE'),
'content' =>
'PATTERN'
]);
});

İki gün əvvəl bir video ilə çıxdım və küncdən gələn blog anlayışları adlanan WordPress-ə bu anlayışı təqdim etdim. Hal hazırda eksperimental bir növdür və həqiqətən həyəcanlandığım bir şeydir. Düşünürəm ki, əgər blok nümunələrinin potensialı ətrafında düşüncənizi qurarsanız, müştəriləriniz varsa veb saytları daha sürətli çatdırmağınıza kömək etmək üçün onların potensialını görə bilərsiniz. veb saytı.

Buna görə sənə göstərəcəyəm. Bu videoda blok nümunəsini necə yaratmaq olar. İndi texniki tərəfdə bir az olan bəzi işləri görəcəyik və bilirəm ki, bu qeyri-texnoloji şirkətlər üçün WordPress kanaldır, buna görə də mümkün qədər sadə olmağa çalışacağam, amma siz bu blok nümunələrindən birini yaratmaq nə qədər sadə olduğunu əslində sona qədər görəcəyik.

Beləliklə, gəlin bir nəzər salaq. Beləliklə, bu xüsusiyyəti hazırlayarkən yeni buraxılış haqqında danışdığı səhifədir. Bir blok nümunəsi yaratmaq üçün yalnız orta səviyyəli insanlar üçün qadirdir. Beləliklə, aşağı əyildikdə bunun üçün şablon növü verilir. Beləliklə, bununla əlaqəli olanların hamısı xüsusi bir funksiya deyilən bir şey yaratmaqdır.

Narahat olmayın, hamının etməsini çox asanlaşdıracağam, amma kodun kiçik parçası olduğu yer budur. İndi aşağıda göstərilən video təsvirində bir keçidim olacaq. Səni veb səhifəmə aparacaq. Bunu necə etmək barədə yazılı təlimatlar alacaqsınız. Öz veb saytınıza kopyala və yapışdıra biləcəyiniz bu kiçik kod parçası.

Tamam, burada ehtiyacımız olacaq. Bu Gutenberg üçün yeni bir xüsusiyyətdir və aktivləşdirilmiş Gutenberg plagininə ehtiyacınız olacaq, buna görə minimum 7.8 versiyasına ehtiyacınız olacaq və bu yaxınlarda ortaya çıxan budur. İndi nəyin baş verəcəyi bəlkə dörd-altı aydan sonra ola bilər, bəlkə 2020-ci ilin yayın sonunadək bu sözlər WordPress-ə daxil ediləcəkdir, amma indiyə qədər bunu sınamaq istəsəniz gərək olacaq , Gutenberg plaginini quraşdırmalı olacaqsınız.

Növbəti edə biləcəyiniz bir şey və bu isteğe bağlıdır, əgər bir uşaq mövzusuna xüsusi bir funksiya əlavə etməyinizi bilmirsinizsə və artıq uşaq mövzusundan istifadə etmirəmsə, bu pulsuz plagindən istifadə etmək istəyə bilərsiniz. və bu ən yaxşı pulsuz pluginlərdən biridir. Heç rastlaşmamışam və bu kod parçaları adlanır. Bu bizə bu xüsusi funksiyanı və istifadəsi çox asan olan, idarəedici qaydada asan əlavə etmək üçün imkan verəcəkdir.

Yaxşı? Beləliklə, buna ehtiyacınız olacaq. Və bu isteğe bağlıdır. Bu kadans blokları adlanan pulsuz bir plagindir. Bunun nə olduğu Gutenberg-ə bir çox səhifə qurucusu funksiyası əlavə edir. Bunu etməyə imkan verən şeylərdə olduqca səliqəlidir. Sütunları sürükleyin və ölçüsünü dəyişə bilərsiniz. Bu səhifə qurucusu funksionallığını əlavə edən bir çox element var, ancaq Gutenberg üçün tamamilə pulsuz bir plagindir.

Tamam. İndi mənim veb səhifəmdən atlayaq. Beləliklə, veb sayt var. Hamısı hazırda qurulub. Bir plugin necə quraşdırılacağını bilmirsinizsə, bir gün bir kimsə plagin və videonu necə quraşdıracağını göstərmədiyi üçün mənə əsəbiləşdi. Plaginlərə girirsiniz, yeni əlavə et düyməsini vurursunuz və bu planın adını axtarırsınız və sonra vurursunuz.

Yükləyin və ya bağışlayın, indi quraşdırmanı klikləyin və sonra aktivləşdirin. Çox sadə bir prosesdir. Beləliklə, quraşdırılmış plaginlərimi vuracağam və Gutenberg-in quraşdırıldığını görə bilərsiniz və bu isteğe bağlı kadans blokları idi və burada kod parçaları var. Beləliklə, mən kod parçaları hazırlamağa davam edirəm və indi burada aktivləşdirildiyini görə bilərsiniz.

Beləliklə, əvvəlcədən gedin və kod parçaları vurun və bunun bir neçəsini gördüyünüzü görürsünüz. Budur, bu keçid açarıdır və dəyişdirilib. Bunların hamısı söndürüldü və əslində adətən bu ilə gələnləri saxlamaq lazım deyil. Sadəcə buraya vurun və hamısını silə bilərsiniz, amma mən daha irəli getdim və burada blok naxış şablonu adlandırılan birini əlavə etdim.

Beləliklə, nə edərdiniz. Yeni əlavə et düyməsinə vurun və bu blok nümunə şablonunu burada göstərdiyiniz kiçik bir parça kodda adlandıra bilərsiniz, ancaq veb saytımda bunun dəyişdirilmiş versiyasını verəcəyəm. Bunu sadəcə buraya köçürmək və yapışdırmaq istəyirsən və sonra dəyişiklikləri saxlamaq düyməsini basacaqsan.

Saxlamaq və aktivləşdirmək üçün klik etməyəcəksiniz, dəyişiklikləri saxlamaq üçün tıklayacaqsınız və niyə bir anda sizə göstərəcəyəm. Tamam. Beləliklə, indi nə etmək istədiyiniz bu blok nümunəsini yaratmaqdır. Və bir blok nümunəsi sadəcə xilas bir hissədir. Bir səhifə qurucusundan istifadə etsəniz, indi bölmələri saxlaya biləcəyinizi və bəzilərinin əvvəlcədən təyin edilmiş bölmələrlə gəldiyini biləcəksiniz, amma istifadəçi təcrübəsi, hesab edirəm ki, Gutenbergdə daha yaxşı.

Beləliklə, nə etmək istədiyinizi səhifələrə getməkdir. Yenisini əlavə et düyməsini basın və bunun adını çəkmək istəyəcəksiniz. Um, əslində mənə bu turdan yaxa qurtarmaq üçün icazə ver. Bu blok naxışının adını çəkmək istəyəcəksiniz və bu blok naxışını yaratacağımız yer budur. İndi blok nümunəsi yaratmağa keçməyəcəyəm.

Artıq yaratdığımı sizə göstərəcəyəm və bu da. Budur. Beləliklə, yaratdığım bir blok nümunəsi. Bu bölmə olduğunu görə bilərsiniz. Bu rəngli fon var. Burada bir başlıq, bir neçə alt başlıq və bir neçə düymə var və bir video qoyuram. Buna görə blok sxemimi düzəltmək niyyətindəyəm ki, yalnız iki siçan vurmaqla bunu veb saytımdakı hər yerə əlavə edə bilim..

Beləliklə, mən edəcəyəm şey yuxarıdakı klikdir, bu üç nöqtə var. Bunları görmək çətindi və buna tıkladığınızda, burada kod redaktoru deyən bir seçim var. Beləliklə, kodu redaktora vurmaq istədiyinizi düşünürsünüz və bundan sonra o blogun bir blok nümunəsi blog modeli ilə əlaqəli bütün kodu göstərir..

Yaxşı? Beləliklə, buraya klikləyəcək və sonra hamısını vurğulamaq üçün kompüterinizə bir nəzarət düyməsini basmaq və ya əmr vermək üçün gedəcəksiniz. Və yeni il istəyirlər. Panoya qoyun. Beləliklə, mən C. idarə etmək üçün gedirəm, buna görə də bu, panoya daxil oldu. Deməli indi nə edəcəyəmsə, burdan çıxacağam. Əslində, bu mənzərədən çıxmaq istəyirsinizsə, burada çıxış kodu redaktoru deyilən bir az X var və indi mənə normal şəkildə burada olmağın yolunu göstərmək niyyətindədir.

Tamam. Beləliklə, istəsəniz bunu qaralama şəklində saxlaya bilərsiniz, ancaq buna ehtiyacınız olmayacaq. Bu blok nümunəsini yaratmaq üçün yalnız bir şey var və hər hansı bir blok blok nümunəsi yarada bilərsiniz və bu, bir şey bloku olmamalıdır. Məsələn, blog yazısı üçün bütöv bir şablon ola bilər. Tamam, buna görə indi blok redaktorundan məni çıxartdığı yerə vuracağam.

İndi kod parçaları üçün geri qayıdıram. Beləliklə, o blok nümunə şablonunu yaratdığım yer budur. Mən klon vuracağam və indi bir klon yaradıldı və sonra redaktə etməyə başladım. Buna görə başlıq üçün bunu idarə etmək üçün məna verən bir başlığa dəyişəcəyəm.

Buna görə mənim üçün sadəcə adını çəkəcəyəm. Video ilə bir qəhrəman. Buna görə indi gələcəkdə siyahıya baxanda bunun nə olduğunu bilirəm. Tamam, buna görə burada redaktə etməli olduğunuz bir neçə şey var. Üç şey. Bu, çox sadədir. Birincisi isimdir. Beləliklə, bu olacaq hər hansı bir ad ola bilər, hər bir kiçik hərf, boşluq və ya əyləncəli simvol olmamalıdır.

Buna görə irəlidə gedib bir ad qoyacağam. Videoda qəhrəman adını verdiyimi görə bilərsiniz. Sonrakı, burada bir başlıq qoymaq lazımdır. Beləliklə, bu söz başlığını əvəz etdik və bu da nələr göstərəcək. Siz blog blok nümunələri deyil, blok nümunələri siyahısına baxırsınız. Diqqət etsəniz, edə bilərsiniz, bu mehriban bir addır, buna görə boşluqlar ola bilər.

Uf, sadəcə orada heç bir əyləncəli simvol qoymazdım. Boşluqlar yaxşıdır. Beləliklə, bu siyahıda bir nümunə göstərildiyi bir yerdə və növbəti yerdə göstəriləcəkdir. Sadəcə panoya kopyaladığınız şeyləri yapışdıracaqsınız. İndi bir şeyi qeyd etməyinizi istəyirəm. Bunların hər biri üçün. Kiçik apostrofu öndən və arxadan buraxdım.

Görürsən ki, orada olmalı olan apostrof var. Təsadüfən çıxararsanız, geri qoyun. Tamam. Sadəcə dəyişirik. Mətn yerini dəyişdiririk. Buna görə burada hər şeyi əvəz etmək istəmirəm. Sadəcə söz nümunəsini əvəz etmək istəyirəm, buna görə onu vurğulamaq və sonra kopyaladığım şeylərə yapışdırmaq fikrindəyəm.

Və var. Beləliklə, indi aşağıya fırlanacağam və bu dəfə dəyişiklikləri saxlamaq və aktivləşdirmək düyməsini basın. Və indi parçanın yeniləndiyini və aktiv olduğunu söyləməlidir. Mən bütün parçaları vurduğumda indi video ilə bir qəhrəmanın işə salındığını görə bilərsiniz. Gələcəkdə əlavə blok nümunələri üçün blok naxış şablonunun dediyi yerə gedib klonu vurub həmin blok naxış şablonunu bu şəkildə etmək istəyirəm..

Bu yolla həmişə şablon var. İndi əvvəlcədən bilirsinizsə və xüsusi funksiyalar əlavə etmək üçün öz yolunuz varsa, kod parçaları və bu cür bütün əşyalara ehtiyacınız yoxdur, onu istədiyiniz yerə qoya bilərsiniz. Məndən soruşsanız, onu idarə etməyin sadəcə daha asan bir yolu. Tamam, indi indi tıkladığım səhifələrə yeni əlavə etmək üçün getmək istəyirəm və görmək istəyirsinizsə.

Blok naxışları. Uh, burada bunun simvolu var. Üzərinə hover zaman blok nümunələri deyir. Və tıkladığım anda, sınanan bəzi blok nümunələrini görürsən. Ancaq aşağı diyirlədikdə, yaratdığım blok nümunəsini görəcəksən. Və həqiqətən səliqəli olan, kiçik bir öniz görüntüsünü meydana gətirir.

Və bunu dinamik şəkildə edir. Bunu etməyən səhifə düzəltmə alətləriniz var. Uh və blok nümunələrinizi idarə etməyi çox asanlaşdırır. Beləliklə, şablon ilə qəhrəman deyir burada. İndi veb saytımdakı hər hansı bir yerdən istifadə etmək istəyirsinizsə, bu, bir siçan klikidir. Sonra da var. Bəzi mətnləri dəyişdirməyə başlamaq üçün düymələri dəyişdirmək üçün əlaqələri dəyişdirmək üçün bu nöqtədə etməliyəm.

Mən buraya vurub videonu dəyişə bilərəm. Belə ki. Beləliklə, bir blok nümunəsi yaradırsınız. İndi bu çox böyük bir şeydir, düşünürəm ki, baş verənlər bir mövzudur. Geliştiricilər və plagin yaradıcıları, onlar sizin üçün bu blok nümunələri yarada biləcəklər, buna görə WordPress-in özündə ehtiva etdiyi yerli blok qurma vasitəsindən istifadə edərək veb sayt hazırlamaq daha sürətli, daha sürətli və daha asan olacaqdır..

Alınacaq bir şey yoxdur, kod tükənmir. Bunların heç biri yoxdur və. Nə daha da vacibdir. Öz blok nümunələrinizi yaratmağın nə qədər asan olduğunu görə bilərsiniz və onu bir siyahıda görmək həqiqətən asandır. Bir düyməni vurun və içəriyə daxil olur. Beləliklə, indi özünüz blok nümunələri kitabxanası olduqda veb sayt qurmağın nə qədər asan olacağını düşünə bilərsiniz.

Müştərilər üçün veb saytlar yaratsanız və bir səhifə qurucusundan istifadə etmək istəmirsinizsə. Yalnız quraşdırılmış blok qurucusundan istifadə etmək istəyirsən. Öz nümunələr kitabxananızı yarada bilərsiniz. Bunun nə qədər asan olduğunu gördün. Mən bunu edə bilərəm. Bunu edə bilərsiniz. Uh, siz saytdan sayta keçə biləcəyiniz blok nümunələrinin öz kitabxanasını yarada bilərsiniz və bunu necə qura biləcəyinizi müştərinizə göstərə bilərsiniz.

İndi bu yalnız səhifələr üçün deyil, bu yazılar üçündür və yalnız gördüyünüz bir hissə ilə məhdudlaşmır. Bir səhifədə yarada biləcəyiniz hər şey. Bir blok nümunəsi edə bilərsiniz. Blok qurucusunu yalnız blog yazıları üçün istifadə edirsinizsə və blog yazılarının düzenini artırmaq üçün bloq yazılarında təkrarən istifadə etmək istədiyiniz müəyyən elementlər varsa, yaxşı olarsa blok üçün bir nümunə yarada bilərsiniz. o.

Və həqiqətən asandır. Bir klikləyin və istifadə edə bilərsiniz. Əslində, bütün blog yazı şablonları. Bir blog yazısının bölmələri üçün izlədiyiniz bir düstur varsa, bloqun hamısını bir blok şablonu edə bilərsiniz. Bir klik tətbiq olunur və sonra etməlisiniz ki, nöqtə vurun, vurun və düzəldin.

Beləliklə, bura yığmadan əvvəl son şey, bu yeni bir anlayışdır və növbəti bir neçə ay ərzində düşünməli bir şey var. İndi sınayın. Yeti deyil, Yeti. Baş vaxt üçün tam hazır deyil, çünki fərq etdinizsə, yeganə mənfi, bloga baxdığınız zaman. Yenə ora bax.

Blok nümunələrinə baxırsınızsa, yuxarıdan yuxarıya doğru bir məqalə siyahısına keçməlisiniz, buna görə də kateqoriyalara bölmə və təşkilatlanma prosesini yaxşılaşdırmaq lazımdır. Bəlkə bunun daha vizual və işləməsini asanlaşdırmaq üçün bir növ interfeysi var. 50 fərqli blokunuz olacaqsa.

Nümunələr. Buna görə sadəcə bunu inkişaf etdirməlidirlər. Koddakı bəzi sintaksislər bir az dəyişə bilər. Bunun nəhayət çıxacağını kim bilir. Ancaq bu videonun bütün nöqtəsi, nəyə başlamağınız üçün çox qısa zamanda mümkün olanı göstərməkdir. Bunun işinizə və veb sayt qurucusu olaraq nə etdiyinizə necə aid ola biləcəyini düşünmək.

Hər halda, bu vəzifədə sizin üçün olan bütün şeylərdir. Ümid edirəm ki, bu kimi WordPress-in gələcəyinə dair inkişaf etmiş görünüşləri təqdir edəcəksiniz və bu videonu qiymətləndirmisinizsə və ya müəyyən bir dəyər tapmısınızsa, baş barmaqlarını verməyi düşünün və insanlar bu küncdə nələrin baş verdiyini görə bilsinlər..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector