WordPress Blok Nümunələri 101: Onlar nədir? Və onlardan necə istifadə etmək olar

WordPress blok redaktorunda vaxta qənaət etmək və daha peşəkar dizaynlar yaratmaq istəyirsiniz? Əgər belədirsə, WordPress blok nümunələri haqqında öyrənmək sizə lazım olan şey ola bilər.

Blok nümunələri ilə əvvəlcədən hazırlanmış dizayn daxil edə, ehtiyaclarınıza cavab vermək üçün onu düzəldə və getməyə hazır ola bilərsiniz. Bu əla vaxta qənaətdir. Dizayner deyilsinizsə, blok nümunələri də faydalıdır, çünki onlar sizə daha unikal dizaynlardan istifadə etməyə imkan verir, hətta bu dizaynları sıfırdan qurmaq üçün biliyə sahib deyilsinizsə.

Bu yazıda biz əhatə edəcəyik WordPress blok nümunələri haqqında bilmək lazım olan hər şey:

WordPress blok nümunələri nədir?

WordPress blok nümunələri əslində bloklardan hazırlanmış şablonlardır.

Onlar bir blok və ya müəyyən layoutlarda təşkil edilmiş çoxlu bloklardan ibarət ola bilər. Blokların özlərinə əlavə olaraq, blok nümunələri həmin blokların parametrlərini də əhatə edəcək (məsələn, müəyyən bir rəng olmaq üçün düyməni konfiqurasiya etmək).

Tam səhifə şablonları üçün blok nümunələri tapa bilərsiniz. Və ya daha çox, bir səhifədə istifadə etmək istəyə biləcəyiniz müəyyən bölmələr üçün blok nümunələri tapa bilərsiniz. Daha sonra dizaynınızı qurmaq üçün Legos kimi bir çox blok nümunələri birləşdirə bilərsiniz.

Məsələn, deyək ki, siz şəkil fonu, bəzi başlıq mətni və düyməsi olan bölmə yaratmaq istəyirsiniz. Blok redaktorundan istifadə edərək bunu əl ilə qura bilərsiniz. Lakin blok nümunəsi ilə siz həmin tərtibatla əvvəlcədən hazırlanmış dizayn daxil edə və sonra onu məzmununuza uyğunlaşdıra bilərsiniz.

Yuxarıda qeyd etdiyim kimi, WordPress blok nümunələrinin istifadəsinin əsas üstünlükləri bunlardır:

1. Onlar vaxtınıza qənaət edir.
2. Onlar daha mürəkkəb dizaynlar yaratmağı asanlaşdırır, çünki müəyyən növ dizaynları özünüz yaratmaq üçün biliyə malik olmaya bilərsiniz.

Blok nümunələri və təkrar istifadə edilə bilən bloklar

İndi WordPress blok nümunələrinin nə olduğunu bildiyiniz üçün, onların blok nümunələrindən əvvəl təqdim edilmiş əsas xüsusiyyət olan WordPress təkrar istifadə edilə bilən bloklarına çox bənzədiyini düşünə bilərsiniz.

Yenidən istifadə edilə bilən blok eyni zamanda məzmununuza asanlıqla daxil edə biləcəyiniz bir və ya bir neçə blokdan ibarət topludur.

Onlar oxşardır ki, hər ikisi əvvəlcədən hazırlanmış dizaynı tez bir zamanda daxil etməyə imkan verir, lakin onların bir böyük fərqi var:

• Blok nümunələri dizaynınız üçün atlama nöqtəsidir. Siz onlardan istifadə etmək istədiyiniz əsas dizaynı idxal etmək üçün istifadə edə bilərsiniz, lakin siz onları hər dəfə fərdiləşdirəcəksiniz və blok nümunəsinin hər nümunəsi fərqli olacaq.
• Yenidən istifadə edilə bilən bloklar hər bir vəziyyətdə eyni olacaq. Yenidən istifadə edilə bilən blokun hər bir nümunəsi həmişə eyni olacaq və təkrar istifadə edilə bilən blok dizaynını bir yerdə yeniləsəniz, bu dəyişikliklər avtomatik olaraq təkrar istifadə edilə bilən blokun hər bir nümunəsinə tətbiq olunacaq.

Hər birini istifadə edə biləcəyiniz bir nümunə:

Birincisi, deyək ki, məzmununuza sitatlar daxil etmək üçün xüsusi formatınız var. Beləliklə, hər dəfə sitat daxil etdiyiniz zaman hər şeyi ardıcıl saxlamaq üçün blokların eyni düzülüşündən istifadə etmək istəyirsiniz.

Hər bir sitat fərqli olacaqsa, bunun üçün blok nümunəsindən istifadə etmək istərdiniz. Siz əsas formatlaşdırmanı qurmaq üçün blok nümunəsini daxil edə və sonra unikal sitat mətnini əlavə edə bilərsiniz.

İndi deyək ki, hər bloq yazısının sonuna daxil etmək istədiyiniz insanların e-poçt siyahınıza qoşulması üçün fəaliyyətə çağırış (CTA) var. Siz bu CTA-nın hər bir halda eyni olmasını və gələcəkdə onu yeniləmək imkanını da istəyirsiniz.

Bu istifadə halı üçün təkrar istifadə edilə bilən blokdan istifadə etmək istərdiniz. Yenidən istifadə edilə bilən blok, CTA-nın hər bir nümunəsinin eyni olduğuna əmin olacaq. Əgər siz nə vaxtsa CTA-nı dəyişdirmək istəsəniz, təkrar istifadə oluna bilən bloku bir dəfə yeniləməlisiniz və bu dəyişikliklər hər bir nümunəyə şamil olunacaq.

WordPress blok nümunələrindən necə istifadə etmək olar

Blokları daxil etmək üçün istifadə etdiyiniz eyni interfeys vasitəsilə blok nümunələri daxil edə bilərsiniz.

Başlamaq üçün blok nümunəsi daxil etmək istədiyiniz məzmun parçası üçün redaktoru açın. Sonra üzərinə klikləyin plus məzmun daxil edən interfeysi açmaq üçün yuxarı sol küncdəki ikona.

Görünən yan paneldə üzərinə klikləyin Nümunələr nişanı. Daha sonra müxtəlif naxış növlərini süzgəcdən keçirmək üçün açılan menyudan istifadə edə bilərsiniz.

Bəyəndiyiniz nümunəni tapdığınız zaman onu məzmununuza daxil etmək üçün üzərinə klikləmək kifayətdir:

Blok nümunəsini daxil etdikdən sonra dizaynı əl ilə yaratdığınız kimi bütün fərdi blokları redaktə edə bilərsiniz:

Və bu qədər! Başqa blok nümunəsi daxil etmək istəyirsinizsə, eyni prosesi təkrarlaya bilərsiniz. Blok nümunəsi kursorunuzu redaktorda yerləşdirdiyiniz hər yerə daxil ediləcək.

Yeni WordPress blok nümunələrini necə tapmaq və istifadə etmək olar

Yeni blok nümunələri tapmağınıza kömək etmək üçün WordPress komandası WordPress-də rəsmi blok nümunələri kitabxanası yaratdı. Bacararsan buraya klikləməklə daxil olun.

Siz bütün blok nümunələrinə baxmaq üçün filtrlərdən istifadə edə və nəticəyə baxmaq üçün klikləyə bilərsiniz. Bəyəndiyiniz blok nümunəsi tapsanız, sadəcə vurun Nümunəni Kopyalayın Nümunəni mübadilə buferinizə köçürmək üçün düymə:

İndi blok nümunəsini əlavə etmək istədiyiniz məzmun parçası üçün redaktoru açın və onu adi mətni yapışdırdığınız kimi yapışdırın – ya sağ klikləyərək yapışdırıb seçin və ya kimi klaviatura qısa yolundan istifadə edin. Ctrl + V (və ya Cmd + V Mac-da).

Və budur – bütün blok nümunəsinin onu yapışdırdığınız yerdə göründüyünü görməlisiniz:

WordPress.org saytında rəsmi blok nümunəsi kitabxanasına əlavə olaraq, kimi üçüncü tərəf qovluqlarını da tapa bilərsiniz ShareABlock və Gutenberg Hub şablon kitabxanası (rəsmi kitabxana ilə eyni kopyalama/yapışdırma yanaşmasından istifadə edir).

Siz həmçinin blok nümunələri və şablonları daxil etməyə imkan verən bir sıra plaginləri tapa bilərsiniz, baxmayaraq ki, onlar yerli blok nümunəsi xüsusiyyətindən istifadə etmək əvəzinə öz xüsusi həllindən istifadə edə bilərlər. Hər halda, son nəticə eynidir. Ən yaxşı seçimlərdən bəzilərini Gutenberg şablon plaginləri ilə bağlı yazımızda tapa bilərsiniz.

Öz WordPress blok nümunələrini kod olmadan necə yaratmaq olar

Hal-hazırda, əsas WordPress blok redaktoru kodlaşdırmağı bilmədiyiniz halda öz blok nümunələrinizi yaratmağınıza imkan vermir, bu bir az çaşdırıcıdır.

Xoşbəxtlikdən, WordPress-dən gözlədiyiniz kimi, bunu düzəldən plaginlər var.

Mənim şəxsi sevimli Justin Tadlock pulsuzdur Blok nümunəsi qurucusu plagin. Əslində, bu plagin blok redaktorundan istifadə edərək öz dizaynınızı yaratmağa və sonra onu blok nümunəsi kimi saxlamağa imkan verir. Beləliklə, siz redaktordan istifadə edərək naxışınızı tərtib edə, onu naxış kimi saxlaya və sonra hər hansı digər naxış kimi asanlıqla daxil edə bilərsiniz.

Düzünü desəm, bu xüsusiyyətin əsas WordPress proqram təminatında olmaması bir az qəribədir, lakin bu o qədər də böyük məsələ deyil, çünki siz bunu sadəcə pulsuz plagin quraşdırmaqla həll edə bilərsiniz.

Başlamaq üçün WordPress.org saytından pulsuz Block Pattern Builder plaginini quraşdırın və aktivləşdirin. Mən Justin Tadlock-dan yuxarıda qeyd olunan plagindən istifadə edirəm, lakin bir var BlockMeister-dən eyni adlı plagin bir az daha çox funksiya ilə eyni funksionallığı təklif etdiyi görünür.

Sonra adi redaktoru açın və saxlamaq istədiyiniz dizaynı yaradın. Bunu etdikdən sonra blok modelinizə daxil etmək istədiyiniz bütün blokları seçin və üzərinə klikləyin üç nöqtə ikona. Sonra seçimini seçin Blok Nümunələrinə əlavə edin:

Sonra ona bir ad verə bilərsiniz:

Və budur – indi onu hər hansı digər blok nümunəsi kimi daxil edə bilərsiniz. Varsayılan olaraq, “Kateqoriyalaşdırılmamış” bölməsində olacaq:

Redaktordan işləməkdən əlavə, siz həm də xüsusi bir iş alacaqsınız Blok Nümunələri blok nümunələrini idarə etmək və yaratmaq üçün WordPress tablosunuzdakı nişanı.

Bu gün blok nümunələri ilə başlayın

Blok nümunələrindən istifadə olduqca asandır – siz onları blok kimi daxil edə bilərsiniz. Onları daxil etdikdən sonra siz dizaynı özünüz yaratmış kimi naxışdakı blokları redaktə edə bilərsiniz.

Özünüzə daha çox çeviklik vermək üçün yeni blok nümunələrinə daxil olmağın bir neçə yolu var:

1. Siz WordPress.org saytındakı rəsmi Blok Nümunə Kitabxanasından və ya üçüncü tərəf kitabxana saytlarından birindən istifadə edə bilərsiniz. Etməli olduğunuz şey kitabxanalar və WordPress redaktoru arasında kopyalayıb yapışdırmaqdır.
2. Siz topladığımız Gutenberg şablon plaginlərindən birini istifadə edə bilərsiniz. Bu plaginlərin hamısı yerli blok nümunələri xüsusiyyətindən istifadə etmir, lakin onlar eyni məqsəd və funksiyaya xidmət edirlər.
3. Redaktor və Block Pattern Builder kimi plaqindən istifadə edərək öz blok nümunələrinizi dizayn edə bilərsiniz. Dizaynlarınızı saxladıqdan sonra gələcəkdə onları asanlıqla təkrar istifadə edə bilərsiniz.

Blok redaktorunda necə işləməyinizi təkmilləşdirməyin başqa yollarını öyrənmək üçün blok redaktorundan maksimum fayda əldə etmək haqqında bələdçimizi və ən yaxşı blok plaginləri kolleksiyamızı nəzərdən keçirin.