Ինչպե՞ս ստեղծել բլոկային ձևեր `կայքի կայացման արագացման համար

Բլոկի օրինաչափությունները մեծ բան կլինեն WordPress- ի բոլոր օգտագործողների համար, և այս գրառման մեջ ես ձեզ ցույց կտամ, թե ինչպես ստեղծել ձեր սեփական բլոկի նախշերը.


add_action ('նախաձեռնել', գործառույթ () {

Register_pattern ('NAME', [
'title' => __ ('TITLE'),
'բովանդակություն' =>
«ՊԱՏՏԵՐՆ»
]);
});

Երկու օր առաջ ես դուրս եկա տեսանյութով և ես ներկայացրեցի այս գաղափարը, որը հենց անկյունից է գալիս WordPress- ին, որը կոչվում է բլոգի նախշեր: Դա միանգամայն փորձարարական է, և դա մի բան է, որից ես իրոք հուզված եմ: Եվ ես կարծում եմ, որ եթե ձեր միտքը փաթաթեք բլոկային նմուշների ներուժի շուրջ, ապա կարող եք տեսնել դրա ներուժը, որը կօգնի ձեզ ավելի արագ մատուցել կայքեր, եթե ունեք հաճախորդներ, որպեսզի կարողանաք հնարավորություն տալ նրանց ավելի շատ գործ ունենալ իրենց կայք.

Ուստի ես ձեզ ցույց կտամ: Թե ինչպես կարելի է ստեղծել այս տեսանյութում բլոկի օրինակ: Այժմ մենք պատրաստվում ենք անել մի քանի բաներ, որոնք փոքր-ինչ տեխնիական կողմում են, և ես գիտեմ, որ սա ոչ-tech- ի համար WordPress- ի ալիքն է, ուստի ես կփորձեմ այն ​​հնարավորինս պարզ դարձնել, բայց դու վերջապես կտեսնենք, թե որքանով է պարզ այդ բլոկային նմուշներից մեկը ստեղծելը.

Այնպես որ, եկեք պարզապես առաջ գնանք և նայենք դրան: Այսպիսով, ահա այն էջը, որտեղ խոսվում է այն պատրաստելու այս հնարավորության նոր թողարկման մասին: Բլոկի օրինակ ստեղծելու համար կարող եք պարզապես միջին մարդկանց համար: Այսպիսով, երբ ես պտտվում եմ ներքև, դա տալիս է դրա համար նախատեսված ձևանմուշ: Այսպիսով, դրանում ներգրավվածը մաքսային գործառույթ է ստեղծում.

Բայց մի անհանգստացեք, ես շատ հեշտ կդարձնեմ բոլորի համար անելը, բայց ահա այստեղ է հենց այդ փոքրիկ կոդը: Հիմա ներքևում տեսանյութի նկարագրության մեջ հղում կունենամ: Դա ձեզ կտանի իմ կայք: Դուք կստանաք գրավոր ցուցումներ, թե ինչպես դա անել, ինչպես նաև: Կոդի այս փոքրիկ հատվածը, որը կարող եք պատճենել և տեղադրեք ձեր սեփական կայքում.

Լավ, ահա այն, ինչ մեզ հարկավոր է: Սա նոր առանձնահատկություն է Գուտենբերգին, և ձեզ հարկավոր կլինի Gutenberg plugin- ը, որը տեղադրված է ակտիվացված, ուստի ձեզ հարկավոր կլինի նվազագույն տարբերակ `7.8, և սա այն է, ինչ վերջերս հայտնվեց: Հիմա այն, ինչ վերջապես տեղի կունենա, հնարավոր է չորսից վեց ամսվա ընթացքում, գուցե մինչև 2020-ի ամառվա վերջը սա լռելյայն ընդգրկվի WordPress- ում, բայց առայժմ հարկավոր է, եթե ուզում եք փորձել սա , դուք պետք է տեղադրել Gutenberg plugin- ը.

Հաջորդ բանը, որ դուք կարող եք անել, և դա կամայական է, եթե չգիտեք, թե ինչպես կարելի է ավելացնել սովորական գործառույթ մանկական թեմային, և ես այլևս չեմ օգտագործում երեխայի թեման, գուցե ցանկանաք օգտագործել այս անվճար plugin- ը, և սա լավագույն անվճար հավելվածներից մեկն է: Որ ես երբևէ բախվել եմ, և այն կոչվում է կոդերի բեկորներ: Եվ սա մեզ թույլ կտա ավելացնել այս սովորական գործառույթը և օգտագործման համար շատ դյուրին ձևով ՝ հեշտ կառավարման համար.

Լավ? Այսպիսով, դուք դրա կարիքը կունենաք: Եվ սա ըստ ցանկության: Սա անվճար հավելված է, որը կոչվում է կադենս բլոկ: Եվ սա ինչ է անում, դա ավելացնում է շատ էջեր ստեղծող ֆունկցիոնալությունը Գուտենբերգին: Այն բավականին կոկիկ է այն ամենի մեջ, ինչ թույլ է տալիս անել: Կարող եք սյուներ քաշել և չափափոխել: Դրա վրա կան շատ տարրեր, որոնք ավելացնում են այդ էջի շինարարի շատ գործառույթներ, բայց Գութենբերգին, և դա բոլորովին անվճար հավելված է:.

Լավ. Հիմա եկեք անցնենք իմ վեբ կայք: Այսպիսով, այստեղ կա կայք: Այս ամենը ստեղծվել է հենց հիմա: Եվ եթե չգիտեք, թե ինչպես կարելի է plugin տեղադրել, ինչ-որ մեկը մյուս օրը ինձ իսկապես զայրացրեց ՝ չցուցադրելով, թե ինչպես կարելի է plugin և տեսանյութ տեղադրել: Դուք գնում եք plugin- ներ, կտտացնում եք ավելացնել նորը, այնուհետև հենց այստեղ եք որոնում այդ plugin- ի անունը, և ապա կտտացնում.

Ներբեռնեք, կամ կներեք, դուք հիմա սեղմում եք տեղադրել, այնուհետև ակտիվացնում եք: Դա շատ պարզ գործընթաց է: Այսպիսով, ես պատրաստվում եմ սեղմել իմ տեղադրված plugins- ը, և դուք կարող եք տեսնել, որ ես տեղադրել եմ Gutenberg- ը, և սա կամընտիր կադենսական բլոկ էր, և ահա կոդային հատվածները: Այսպիսով, ես պատրաստվում եմ առաջ գնալ և ակտիվացնել կոդերի հատվածները, և դուք կարող եք տեսնել, որ այն այժմ ակտիվացված է հենց այստեղ.

Այսպիսով, այնուհետև առաջ գնացեք և կտտացրեք կոդերի կոճակները և պատրաստվում եք տեսնել դրանցից մի քանիսը: Եվ ահա այս անջատիչ անջատիչը և այն միացված է: Դրանք բոլորը անջատված են, և ձեզ իրականում հարկավոր չէ պահել դրանք, որոնք գալիս են լռելյայն: Դուք պարզապես կարող եք սեղմել այստեղ և կարող եք ջնջել դրանք բոլորը, բայց ես արդեն առաջ եմ գնացել և ավելացրել եմ հենց այստեղ, որը կոչվում է բլոկային օրինաչափության ձևանմուշ.

Այսպիսով, ինչ կանեիք: Կտտացրեք `ավելացնել նոր, և դուք կարող եք անվանել այս բլոկի օրինակին ձևանմուշ այն կոդով այն փոքրիկ կոդով, որը ես ցույց տվեցի, որ հենց այստեղ է, բայց ես պատրաստվում եմ ձեզ այս կայքում փոփոխված տարբերակ տալ: Դուք պարզապես պատրաստվում եք պատճենել և կպցնել հենց դա հենց այստեղ, և այնուհետև կտտացրեք կտտացնել պահելու փոփոխությունները.

Դուք չեք պատրաստվում սեղմել պահպանել և ակտիվացնել, դուք կկարողանաք սեղմել ՝ փոփոխությունները պահպանելու համար, և ես պատրաստվում եմ ցույց տալ ձեզ, թե ինչու ընդամենը մի ակնթարթում: Լավ. Այսպիսով, այժմ այն, ինչ դուք կցանկանաք ցանկանալ անել, ստեղծել այս բլոկային օրինաչափություն: Եվ բլոկի օրինաչափությունը պարզապես փրկված հատված է: Այսպիսով, եթե դուք օգտագործում եք էջի կառուցող, ապա այժմ գիտեք, որ դուք կարող եք պահպանել հատվածներ, և դրանցից մի քանիսը գալիս են կանխատեսված բաժիններով, բայց օգտագործողի փորձը, կարծում եմ, շատ ավելի լավ է Գուտենբերգում:.

Այսպիսով, այն, ինչ դուք ուզում եք անել, էջեր է: Եվ կտտացրեք նոր ՝ ավելացնելով, և կցանկանաք անվանել այս: Um, փաստորեն, թույլ տվեք ազատվել այս շրջագայությունից: Դուք կցանկանաք անվանել այս բլոկի օրինաչափությունը, և հենց այստեղ է, որ մենք պատրաստվում ենք ստեղծել այս բլոկի օրինաչափությունը: Հիմա ես հիմա չեմ պատրաստվում անցնել բլոկային նմուշի ստեղծման.

Ես պատրաստվում եմ ձեզ ցույց տալ այն, որ ես արդեն իսկ ստեղծել եմ, և դա: Հենց այստեղ. Այսպիսով, ահա մի բլոկային նմուշ, որը ես ստեղծեցի: Դուք կարող եք տեսնել, որ դա այս բաժնում է: Այն ունի այս գունագեղ ֆոնը: Ես այստեղ ունեմ վերնագիր, մի քանի ենթածրագիր և մի քանի կոճակ, և ես վիդեո եմ դնում: Այսպիսով, ես պատրաստվում եմ պատրաստել այս իմ բլոկային օրինակը, որպեսզի կարողանամ պարզապես մուկի երկու կտտոցով ավելացնել սա իմ կայքում:.

Այսպիսով, այն, ինչ ես պատրաստվում եմ անել, կտտացրեք վերևից աջ, կա այս երեք կետերը: Դրանք շատ դժվար է տեսնել, և երբ կտտացնում ես դրան, հենց այստեղ կա այս տարբերակը, որն ասում է կոդերի խմբագրիչը: Այսպիսով, դուք կցանկանաք սեղմել կոդերի խմբագրին, այնուհետև այն ձեզ ցույց է տալիս բոլոր այն ծածկագրերը, որոնք առնչվում են այդ բլոգը բլոգի բլոգի օրինակին դարձնելու հետ.

Լավ? Այսպիսով, դուք պատրաստվում եք կտտացնել այստեղ, այնուհետև կտտացրեք ձեր համակարգչի վրա հսկիչ կամ հրամանի վրա սեղմելը `այդ ամենը կարևորելու համար: Եվ դրանք նոր տարի են: Ներդրեք այն ձեր clipboard- ում: Այնպես որ, ես պատրաստվում եմ անել դա վերահսկել C., այնպես որ հիմա այն գտնվում է իմ clipboard- ում: Այնպես որ, հիմա ես ինչ եմ անելու, պատրաստվում եմ դուրս գալ այստեղից: Փաստորեն, եթե ուզում եք դուրս գալ այս տեսակետից, այստեղ կա մի փոքր X, որը ասում է, որ ելքի կոդերի խմբագիրն է, և հիմա այն ինձ ցույց կտա այն ճանապարհը, որը սովորաբար ճիշտ է այստեղ:.

Լավ. Այսպիսով, եթե ցանկանում եք, կարող եք դա պահպանել որպես նախագիծ, բայց դրա կարիքը չունեք: Սա հենց ձեզ համար է, որպեսզի ստեղծեք այս բլոկային օրինաչափությունը, և դուք կարող եք ստեղծել բլոկային նմուշ, որն ամեն ինչ է, և պարտադիր չէ, որ իրերի մեկ բլոկ լինի: Օրինակ, դա կարող է լինել բլոգային գրառման մի ամբողջ ձևանմուշ: Լավ, այնպես որ հիմա ես կցանկանայի սեղմել, թե որտեղ կա այն, որ այն ինձ դուրս է բերում բլոկի խմբագրից.

Հիմա ես պատրաստվում եմ վերադառնալ ներքև ՝ կոդերի հատվածները: Այսպիսով, հենց այստեղ է, որ ես ստեղծեցի այդ բլոկային օրինաչափության ձևանմուշը: Ես պատրաստվում եմ սեղմել կլոնին, և հիմա այն ստեղծեց դրա կլոնը, և ես պատրաստվում եմ այնուհետև կտտացնել վերնագրին, որպեսզի սկսեմ խմբագրել այն: Այսպիսով, վերնագրի համար ես սա կփոխեմ վերնագրի, որը իմաստ ունի այն ղեկավարելու համար.

Այնպես որ, ինձ համար ես պարզապես պետք է անվանեմ: Հերոս ՝ տեսանյութով: Այնպես որ, հիմա ես գիտեմ, թե սա ինչ է, երբ ապագայում ես նայում եմ ցանկին: Լավ, այնպես որ այստեղ կա մի քանի բան, որ դուք պետք է խմբագրեք: Երեք բան: Դա շատ պարզ է: Առաջինը անունն է: Այսպիսով, սա կարող է լինել ցանկացած անուն, որը նա լինելու է, այն պետք է լինի բոլոր փոքրատառերով, առանց տարածությունների կամ զվարճալի նիշերի.

Այնպես որ, ես առաջ կգնամ և հենց հիմա անուն կդնեմ: Դուք կարող եք տեսնել, որ ես այն հերոս եմ անվանել տեսանյութերով: Հաջորդը, հենց այստեղ պետք է վերնագիր դնել: Այսպիսով, մենք փոխարինում ենք այս բառի վերնագիրը, և սա այն է, ինչ ցույց կտա: Դուք դիտում եք բլոգի օրինաչափությունների ցուցակը, բլոկը, այլ ոչ թե բլոգի բլոկների օրինաչափությունները: Եվ եթե նկատում եք, կարող եք, սա բարեկամական անունն է, այնպես որ այն կարող է ունենալ տարածքներ.

Այ, ես ոչ մի զվարճալի կերպար չէի դնի այնտեղ պարզապես: Տեղերը լավ են: Այսպիսով, սա այն է, ինչ ցույց է տալիս այս ցուցակի մեջ և հաջորդը հենց այստեղ, որտեղ ասվում է, օրինակ. Դուք պատրաստվում եք պարզապես կպցնել այն, ինչ դուք պարզապես պատճենել եք ձեր ստեղնաշարի մեջ: Այժմ ես ուզում եմ, որ դուք մի բան նշեք: Դրանցից յուրաքանչյուրի համար: Ես թողեցի փոքրիկ առաքյալը առջևի և հետևի մասում.

Դուք տեսնում եք, որ այնտեղ կա առաքյալը: Եթե ​​դա պատահաբար հեռացնեք, ապա այն ետ դարձրեք: Լավ. Մենք պարզապես փոխվում ենք: Մենք պարզապես փոխարինում ենք տեքստի տեղապահին: Ուստի այստեղ ես չեմ ուզում ամեն ինչ փոխարինել: Ես պարզապես ուզում եմ փոխարինել բառի օրինակին, այնպես որ ես կցանկանայի այն կարևորել, այնուհետև ես պատրաստվում եմ կպցնել այն, ինչ ես պատճենել եմ.

Եվ ահա այն: Այսպիսով, հիմա ես պատրաստվում եմ ներքև շարժվել, և այս անգամ ես կցանկանայի սեղմել պահպանել փոփոխությունները և ակտիվացնել: Եվ այսպես, հիմա այն պետք է ասի, որ հատվածը թարմացված և ակտիվացված է: Եվ երբ ես կտտացնում եմ բոլոր կտորները, դուք կարող եք տեսնել, որ տեսանյութով այս մեկ հերոսը միացված է: Այսպիսով, ապագայում լրացուցիչ բլոկային օրինաչափությունների համար ես ուզում եմ գնալ այնտեղ, որտեղ ասվում է բլոկային օրինաչափության ձևանմուշ և կտտացրեք կլոնին և այդ բլոկային ձևանմուշը կազմեմ.

Այդ կերպ ես այնտեղ միշտ կաղապար ունեմ: Այժմ, եթե դուք արդեն գիտեք և ունեք ձեր սեփական ձևը `սովորական գործառույթներ ավելացնելու համար, ձեզ հարկավոր չէ կոդերի բեկորներ և այս բոլոր տեսակի իրեր, կարող եք տեղադրել այն այնտեղ, որտեղ ցանկանում եք տեղադրել: Սա ուղղակի կառավարելու շատ ավելի հեշտ միջոց է, եթե ինձ հարցնեք: Լավ, այնպես որ հիմա ես պատրաստվում եմ գնալ էջերին իմ կտտոցով `ավելացնել նոր, և եթե ուզում եք տեսնել.

Բլոկի նախշերով: Հա, հենց այստեղ է դրա պատկերակը: Եվ երբ սավառնում ես դրանով, ասում են բլոկային նախշեր: Եվ երբ ես կտտացնում եմ այն, տեսնում ես բլոկի որոշ նախշեր, որոնք հիմա փորձարկվում են: Բայց երբ պտտվում ես ներքև, պատրաստվում ես տեսնել այն ստեղծած բլոկի օրինաչափությունը: Եվ ինչն է իրականում կոկիկ, դա մանրապատկերների նախադիտում է առաջացնում.

Եվ դա անում է դինամիկ կերպով: Դուք ունեք էջերի կառուցման գործիքներ, որոնք նույնիսկ դա չեն անում: Uh, և դա շատ ավելի հեշտացնում է ձեր բլոկի օրինաչափությունները կառավարելը: Այսպիսով, և հենց այստեղ կարող եք տեսնել, որ հերոսն ասում է նախշերով: Այժմ, եթե ես ուզում եմ սա օգտագործել ցանկացած կայքից, իմ մկնիկի մեկ կտտոցով: Եվ հետո այն կա: Եվ այն ամենը, ինչ ես պետք է անեի այդ պահին, սկսելու փոխել որոշ տեքստեր, փոխել հղումները դեպի կոճակները.

Ես կարող եմ հենց այստեղ սեղմել, և կարող եմ փոխել տեսանյութը: Այսպիսով Ահա թե ինչպես եք ստեղծում բլոկի օրինակ: Հիմա սա մեծ գործ է, կարծում եմ, որովհետև այն, ինչ տեղի է ունենալու, թեմա է: Մշակողները և plugin- ի ստեղծողները, նրանք կկարողանան ստեղծել այս բլոկային նախշերը ձեզ համար, ուստի այն շատ ավելի արագ, արագ և հեշտ կլինի վեբ կայք ստեղծել, օգտագործելով հայրենի բլոկի կառուցման գործիքը, որն արդեն ներառում է WordPress- ը.

Գնելու բան չկա, կոդն ուռճացված չէ: Այս բաներից ոչ մեկը չկա, և Ինչն էլ ավելի է պահանջում: Դուք կարող եք տեսնել, թե որքան հեշտ է ձեզ համար ստեղծել ձեր սեփական բլոկի նախշերը, և այն իսկապես հեշտ է տեսնել այն ցուցակում: Կտտացրեք մի կոճակի վրա և այն տեղադրվում է այնտեղ: Այսպիսով, այժմ դուք կարող եք մտածել այն մասին, թե որքան ավելի հեշտ կարող է լինել վեբ կայք ստեղծելը, երբ դուք ունեք բլոկային օրինաչափությունների ձեր սեփական գրադարան.

Այսպիսով, եթե դուք ստեղծում եք կայքեր հաճախորդների համար և չեք ցանկանում օգտագործել էջի ստեղծող: Դուք պարզապես ցանկանում եք օգտագործել ներկառուցված բլոկի կառուցիչը: Դուք կարող եք ստեղծել ձեր սեփական օրինաչափությունների գրադարանը: Դուք տեսաք, թե որքան հեշտ է դա: Ես կարող եմ դա անել. Դուք կարող եք դա անել. Այ, դուք կարող եք ստեղծել ձեր սեփական բլոկային օրինաչափությունների գրադարան, որը կարող եք տեղափոխել կայքից կայք, և կարող եք ցույց տալ ձեր հաճախորդին, թե ինչպես են նրանք կարող կառուցել.

Այժմ սա միայն էջերի համար չէ, սա գրառումների համար է և չի սահմանափակվում միայն ձեր տեսած մեկ բաժնում: Հիմնականում ցանկացած էջ, որը կարող եք ստեղծել: Դուք կարող եք պատրաստել բլոկի օրինակ: Այսպիսով, եթե դուք օգտագործում եք բլոկի ստեղծողը պարզապես բլոգային գրառումների համար, և կան որոշ տարրեր, որոնք ցանկանում եք բլոգային հաղորդագրության մեջ կրկին ու ավելի օգտագործել ՝ բլոգային գրառումների դասավորությունը բարելավելու համար, դե, դուք կարող եք ստեղծել բլոկային օրինակ: այն.

Եվ դա իսկապես հեշտ է: Մեկ կտտոցով, և դուք ի վիճակի եք օգտագործել այն: Փաստորեն, ամբողջ բլոգի գրառման ձևանմուշները: Այսպիսով, եթե կա մի բանաձև, որը դուք հետևում եք բլոգային գրառման բաժիններին, կարող եք այդ ամբողջ բլոգը տեղադրել բլոկային ձևանմուշ: Այդ մեկ կտտոցը կիրառվում է, այնուհետև միայն այն, ինչ պետք է անեք `կետն է, կտտացրեք և խմբագրեք.

Այնպես որ, վերջին բանը, նախքան այստեղ փաթաթելը, սա նոր հայեցակարգ է, և մտածելու բան է առաջիկա մի քանի ամիսների ընթացքում: Փորձ հիմաով: Դա այնքան էլ Yeti չէ, Yeti: Վարչապետի համար այնքան էլ պատրաստ չէ, քանի որ, եթե նկատել ես, հա, միակ բացասականը, որը ես տեսա, բլոգը նայելիս է: Տեսեք, որ ես նորից եմ գնում.

Եթե ​​նայում եք բլոկի օրինաչափություններին, ապա դա պարզապես ավելի բարձր հոդվածների ցուցակ է, որտեղ դուք պետք է շրջեք, այնպես որ նրանք պետք է բարելավեն դասակարգման և կազմակերպման գործընթացը: Հնարավոր է, որ դրա համար ինչ-որ ինտերֆեյս լինի, որպեսզի այն ավելի տեսողական և հեշտ աշխատի: Եթե ​​դուք կունենաք 50 տարբեր բլոկ.

Նախշերով: Այնպես որ, նրանք պարզապես պետք է բարելավեն դա: Եվ կոդերի վրա շարադրությունների մի մասը կարող է մի փոքր փոխվել: Ո՞վ գիտի, թե երբ է վերջապես դուրս գալիս սա: Բայց այս տեսանյութի ամբողջ իմաստը պարզապես ցույց տալն է, թե ինչն է հնարավոր շատ շուտ, որպեսզի սկսեք: Մտածելով, թե ինչպես դա կարող է կիրառվել ձեր աշխատաշրջանի վրա և ինչ եք անում որպես վեբ կայքի ստեղծող.

Համենայն դեպս, դա այն ամենն է, ինչ ես ունեմ ձեզ համար այս գրառման մեջ: Հուսով եմ, որ դուք կգնահատեք WordPress- ի ապագայի նման զարգացած զարգացած տեսքը, ինչպիսին է այսպիսին, և եթե դուք գնահատել եք այս տեսանյութը կամ ինչ-որ արժեք եք գտել, մտածեք, որ այն տալիս է մի բալ:.

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