WordPress blok naqshlari 101: ular nima? Va ulardan qanday foydalanish kerak

Vaqtni tejashni va WordPress blok muharririda ko’proq professional dizaynlarni yaratmoqchimisiz? Agar shunday bo’lsa, WordPress blok naqshlari haqida o’rganish sizga kerak bo’lgan narsa bo’lishi mumkin.

Blok naqshlari yordamida siz oldindan tayyorlangan dizaynni kiritishingiz, uni ehtiyojlaringizga mos ravishda sozlashingiz va borishga tayyor bo’lishingiz mumkin. Bu vaqtni tejash imkonini beradi. Va agar siz dizayner bo’lmasangiz, blok naqshlar ham foydalidir, chunki ular sizga ko’proq noyob dizaynlardan foydalanishga imkon beradi, hatto siz ushbu dizaynlarni noldan yaratish uchun bilimga ega bo’lmasangiz ham.

Ushbu postda biz ko’rib chiqamiz WordPress blok naqshlari haqida bilishingiz kerak bo’lgan hamma narsa:

WordPress blok naqshlari nima?

WordPress blok naqshlari asosan bloklardan yasalgan shablonlardan iborat.

Ular bitta blok yoki ma’lum sxemalarda joylashtirilgan bir nechta bloklarni o’z ichiga olishi mumkin. Bloklarning o’ziga qo’shimcha ravishda, blok naqshlari ushbu bloklar uchun sozlamalarni ham o’z ichiga oladi (tugmani ma’lum bir rangga sozlash kabi).

To’liq sahifa shablonlari uchun blok naqshlarini topishingiz mumkin. Yoki, odatda, siz sahifada foydalanmoqchi bo’lgan ayrim bo’limlar uchun blok naqshlarini topasiz. Keyin dizayningizni yaratish uchun Legos kabi bir nechta blok naqshlarini birlashtira olasiz.

Misol uchun, siz tasvir foni, ba’zi sarlavha matni va tugmasi bo’lgan bo’lim yaratmoqchisiz deylik. Buni blok muharriri yordamida qo’lda sozlashingiz mumkin. Ammo blok naqsh bilan siz ushbu tartib bilan oldindan tayyorlangan dizaynni kiritishingiz va keyin uni tarkibingizga moslashtirishingiz mumkin.

Yuqorida aytib o’tganimdek, WordPress blok naqshlaridan foydalanishning asosiy afzalliklari quyidagilardan iborat:

1. Ular sizning vaqtingizni tejaydi.
2. Ular murakkabroq dizaynlarni yaratishni osonlashtiradi, chunki siz o’zingiz ba’zi dizayn turlarini yaratish uchun bilimga ega bo’lmasligingiz mumkin.

Blok naqshlari va qayta ishlatiladigan bloklar

Endi siz WordPress blok naqshlari nima ekanligini bilganingizdan so’ng, ular blok naqshlaridan oldin kiritilgan asosiy xususiyat bo’lgan WordPress qayta foydalanish mumkin bloklariga o’xshaydi deb o’ylashingiz mumkin.

Qayta foydalanish mumkin bo’lgan blok, shuningdek, kontentingizga osongina kiritishingiz mumkin bo’lgan bir yoki bir nechta bloklar to’plamidir.

Ular bir-biriga o’xshash, chunki ikkalasi ham oldindan tayyorlangan dizaynni tezda kiritishga imkon beradi, ammo ularning bitta katta farqi bor:

• Blok naqshlari sizning dizayningiz uchun sakrash nuqtasidir. Siz ulardan foydalanmoqchi bo’lgan asosiy dizaynni import qilish uchun foydalanishingiz mumkin, lekin siz ularni har safar moslashtirasiz va blok naqshining har bir nusxasi boshqacha bo’ladi.
• Qayta foydalanish mumkin bo’lgan bloklar har bir holatda bir xil bo’ladi. Qayta foydalanish mumkin bo’lgan blokning har bir nusxasi har doim bir xil bo’ladi va agar siz qayta foydalanish mumkin bo’lgan blok dizaynini bir joyda yangilasangiz, bu o’zgarishlar avtomatik ravishda qayta foydalanish mumkin bo’lgan blokning har bir nusxasiga qo’llaniladi.

Mana, har biridan qachon foydalanishingiz mumkinligiga misol:

Birinchidan, deylik, kontentingizga tirnoq kiritish uchun maxsus formatingiz bor. Shunday qilib, siz kotirovka kiritganingizda, narsalarni izchil saqlash uchun bloklarning aynan bir xil tartibidan foydalanmoqchisiz.

Agar har bir kotirovka boshqacha bo’lsa, siz buning uchun blok naqshidan foydalanmoqchisiz. Siz asosiy formatlashni o’rnatish uchun blok naqshini kiritishingiz va keyin noyob tirnoq matnini qo’shishingiz mumkin.

Aytaylik, sizda har bir blog postining oxiriga qo’shmoqchi bo’lgan odamlar elektron pochta ro’yxatiga qo’shilishlari uchun harakatga chaqiruv (CTA) bor. Siz ushbu CTA har bir holatda aynan bir xil bo’lishini xohlaysiz va kelajakda uni yangilash imkoniyatini ham xohlaysiz.

Ushbu foydalanish uchun siz qayta foydalanish mumkin bo’lgan blokdan foydalanmoqchisiz. Qayta foydalanish mumkin bo’lgan blok sizning CTA-ning har bir nusxasi bir xil ekanligiga ishonch hosil qiladi. Va agar siz CTA-ni o’zgartirmoqchi bo’lsangiz, qayta foydalanish mumkin bo’lgan blokni bir marta yangilashingiz kerak va bu o’zgarishlar har bir misol uchun amal qiladi.

WordPress blok naqshlaridan qanday foydalanish kerak

Blok naqshlarini bloklarni kiritish uchun foydalanadigan interfeys orqali kiritishingiz mumkin.

Boshlash uchun blok naqshini kiritmoqchi bo’lgan tarkibning muharririni oching. Keyin, ustiga bosing ortiqcha Kontentni qo’shish interfeysini ochish uchun yuqori chap burchakdagi belgi.

Ko’rsatilgan yon panelda ni bosing Naqshlar tab. Keyin ochiladigan menyudan turli xil naqshlarni filtrlash uchun foydalanishingiz mumkin.

O’zingizga yoqqan naqshni topganingizda, uni kontentingizga kiritish uchun ustiga bosishingiz kifoya:

Blok naqshini kiritganingizdan so’ng, siz dizaynni qo’lda yaratganingizdek, barcha alohida bloklarni tahrirlashingiz mumkin:

Va shunday! Agar siz boshqa blok naqshini kiritmoqchi bo’lsangiz, xuddi shu jarayonni takrorlashingiz mumkin. Blok namunasi muharrirda kursorni joylashtirgan joyingizga kiritiladi.

Yangi WordPress blok naqshlarini qanday topish va ulardan foydalanish

Yangi blok naqshlarini topishga yordam berish uchun WordPress jamoasi WordPress-da rasmiy blok naqshlari kutubxonasini yaratdi. Siz .. qila olasiz; siz … mumkin bu yerni bosish orqali unga kiring.

Siz barcha blok naqshlarini ko’rib chiqish uchun filtrlardan foydalanishingiz mumkin va natijani oldindan ko’rish uchun ustiga bosing. Agar sizga yoqqan blok naqshini topsangiz, shunchaki bosing Naqsh nusxasi naqshni vaqtinchalik xotiraga nusxalash uchun tugma:

Endi, blok naqshini qo‘shmoqchi bo‘lgan kontent bo‘lagi uchun muharrirni oching va uni oddiy matnni joylashtirganingizdek, sichqonchaning o‘ng tugmachasini bosib, joylashtirishni tanlash yoki klaviatura yorlig‘i kabi joylashtiring. Ctrl + V (yoki Cmd + V Mac-da).

Hammasi shu – siz qaerga qo’ygan bo’lsangiz ham, to’liq blok naqsh paydo bo’lishini ko’rishingiz kerak:

WordPress.org saytidagi rasmiy blok naqsh kutubxonasidan tashqari, siz kabi uchinchi tomon kataloglarini ham topishingiz mumkin ShareABlock va Gutenberg Hub shablonlar kutubxonasi (rasmiy kutubxona bilan bir xil nusxa ko’chirish/joylashtirish usulidan foydalanadi).

Bundan tashqari, blok naqshlari va shablonlarini kiritish imkonini beruvchi bir qator plaginlarni topishingiz mumkin, ammo ular mahalliy blok naqsh xususiyatidan foydalanish o’rniga o’zlarining shaxsiy echimlaridan foydalanishlari mumkin. Qanday bo’lmasin, yakuniy natija bir xil bo’ladi. Siz Gutenberg shablon plaginlari haqidagi maqolamizda eng yaxshi variantlarni topishingiz mumkin.

O’zingizning WordPress blok naqshlarini kodsiz qanday yaratishingiz mumkin

Hozircha, asosiy WordPress blok muharriri, agar siz kodlashni bilmasangiz, o’zingizning blok naqshlaringizni yaratishga ruxsat bermaydi, bu biroz zerikarli.

Yaxshiyamki, WordPress-dan kutganingizdek, buni tuzatuvchi plaginlar mavjud.

Mening shaxsiy sevimliim – bu Justin Tadlock bepul Blok naqshini yaratuvchisi plagin. Aslida, ushbu plagin blok muharriri yordamida o’z dizayningizni yaratishga va keyin uni blok naqsh sifatida saqlashga imkon beradi. Shunday qilib, siz muharrir yordamida naqshingizni loyihalashingiz, uni naqsh sifatida saqlashingiz va keyin uni boshqa naqsh kabi osongina kiritishingiz mumkin.

Rostini aytsam, bu xususiyat WordPressning asosiy dasturiy ta’minotida yo’qligi biroz g’alati, lekin bu unchalik muhim emas, chunki uni faqat bepul plaginni o’rnatish orqali hal qilishingiz mumkin.

Boshlash uchun WordPress.org saytidan bepul Block Pattern Builder plaginini o‘rnating va faollashtiring. Men Justin Tadlock’dan yuqorida aytib o’tilgan plagindan foydalanmoqdaman, lekin bor BlockMeister-dan xuddi shunday nomlangan plagin Bu biroz ko’proq xususiyatlar bilan bir xil funksiyani taklif qiladigan ko’rinadi.

Keyin oddiy muharrirni oching va saqlamoqchi bo’lgan dizaynni yarating. Buni qilganingizdan so’ng, blok naqshingizga kiritmoqchi bo’lgan barcha bloklarni tanlang va ustiga bosing uchta nuqta belgisi. Keyin, uchun variantni tanlang Blok naqshlariga qo’shish:

Keyin unga nom berishingiz mumkin:

Va hamma narsa – endi uni boshqa har qanday blok naqshlari kabi kiritishingiz mumkin. Odatiy bo’lib, u “Uncategorized” bo’limida bo’ladi:

Muharrirdan ishlashdan tashqari, siz ham bag’ishlangan bo’lasiz Blok naqshlari Blok naqshlarini boshqarish va yaratish uchun WordPress asboblar panelidagi yorliq.

Bugun blok naqshlari bilan boshlang

Blok naqshlaridan foydalanish juda oson – ularni xuddi blok kabi kiritishingiz mumkin. Va ularni kiritganingizdan so’ng, siz dizaynni o’zingiz yaratganingizdek, naqshdagi bloklarni tahrirlashingiz mumkin.

O’zingizga ko’proq moslashuvchanlikni berish uchun yangi blok naqshlariga kirishning bir necha yo’li mavjud:

1. Siz WordPress.org saytidagi rasmiy Blok naqsh kutubxonasidan yoki uchinchi tomon kutubxona veb-saytlaridan biridan foydalanishingiz mumkin. Sizga kerak bo’lgan narsa – kutubxonalar va WordPress muharriri o’rtasida nusxa ko’chirish va joylashtirish.
2. Siz biz to’plagan Gutenberg shablon plaginlaridan birini ishlatishingiz mumkin. Ushbu plaginlarning barchasi mahalliy blok naqshlari xususiyatidan foydalanmaydi, lekin ular aynan bir xil maqsad va funksiyaga xizmat qiladi.
3. Tahrirlovchi va Block Pattern Builder kabi plagin yordamida siz o’zingizning blok naqshlaringizni loyihalashingiz mumkin. Dizaynlaringizni saqlaganingizdan so’ng, kelajakda ularni osongina qayta ishlatishingiz mumkin.

Blok muharririda ishlashni yaxshilashning boshqa usullarini bilish uchun blok muharriridan maksimal foyda olish bo’yicha qo’llanmamiz va eng yaxshi blok plaginlari to’plamimiz bilan tanishib chiqing.