Ինչպե՞ս օգտագործել Գութենբերգը (WordPress խմբագիր)


ինչպես օգտագործել գութենբերգի բլոկները2018-ին WordPress- ը հեռացավ իր երկարամյա խմբագրից այն մեկը, որը կոչվում էր «Գութենբերգ».


Ի տարբերություն հին խմբագրի, WordPress- ի օգտվողները այժմ օգտագործում են ժամանակակից քաշքշուկի խմբագրիչ `վեբ կայքեր կառուցելու և հարմարեցնելու, բովանդակություն հրապարակելու և իրենց ծառայություններն ու ապրանքները առցանց վաճառելու համար:.

Անկախ նրանից, թե դուք երկարամյա օգտվող եք, ով փորձում է իմաստավորել նոր խմբագրիչը, կամ WordPress- ին բոլորովին նոր եք, այս ուղեցույցը ձեզ կսովորեցնի պարանները: Դուք կսովորեք.

  • Ինչպե՞ս են Գութենբերգի բլոկները տարբերվում դասական խմբագրից.
  • Ինչպե՞ս օգտագործել բլոկի կառուցիչը էջեր ստեղծելու և խմբագրելու համար.
  • Ինչ են անում Գութենբերգի բլոկները.
  • Ինչպես բացել լրացուցիչ պարամետրերը կողպեքի հետ.
  • Ինչպե՞ս օգտագործել գործիքագոտին ՝ ավելի արդյունավետ.

Contents

Դասական խմբագիրն ընդդեմ Գութենբերգի բլոկների

Դասական խմբագրից դեպի Գութենբերգի բլոկների անցումը հսկայական թռիչք է WordPress- ի համար: Եկեք նայենք, թե ինչպես է զարգացել խմբագիրը.

WordPress- ի դասական խմբագիր

2003 թվականից մինչև 2018 թվականը WordPress- ը իր օգտագործողներին տրամադրեց հիմնական տեքստային խմբագիր.

WordPress-Classic- խմբագիր

WordPress- ի դասական խմբագրիչը ձեր բնորոշ WYSIWYG («այն, ինչ տեսնում եք, այն է, ինչ եք ստանում») խմբագիր.

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

WordPress-WYSIWYG- խմբագիր

Դա բավականաչափ պարզ ինտերֆեյս է, և այն WordPress- ի բազմաթիվ օգտվողներ, որոնք սովորել էին տարիներ շարունակ: Բայց դա իր սահմանափակումներն ուներ.

Օրինակ:

WordPress- էջ-օրինակ

Այսպիսով բովանդակությունը կցուցադրվի հրապարակված մեկ անգամ կայքում: Բայց դուք միայն կկարողանաք հաստատել, որ ամեն ինչ լավ է թարգմանված խմբագրից դեպի էջ ՝ օգտագործելով «Նախադիտում» գործառույթը.

Էջի բուն համատեքստում բովանդակություն գրելու միջոց չկար: Ի հավելումն, դրա համար անհրաժեշտ էր որոշակի ծանոթություն HTML- ի կամ plugin- ների նկատմամբ չափազանց կախվածության մասին, որպեսզի կարողանանք կառուցել ավելի առաջադեմ ձևավորումներ և դասավորություններ.

2018-ին WordPress- ը նպատակ ուներ շտկել այդ սահմանափակումները ՝ ազատելով WordPress- ի նոր խմբագրին (այսինքն ՝ Գուտենբերգ).

Գութենբերգի բլոկի խմբագիր

WordPress- ի նոր խմբագրիչը քաշքշուկի և բլոկի խմբագիր է.

Գութենբերգ

Սա նշանակում է, որ բովանդակությունն այլևս չի գրվում մեկ հիմնական խմբագրում: Անհատական ​​բլոկները տեղադրվում են տեղում ՝ էջի բովանդակությունը կազմելու համար.

Գուտենբերգ-Բլոկ

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

Gutenberg- ի խմբագիրը նաև շատ ավելի հեշտացրեց ավելացնել բովանդակության տեսակները և դասավորությունը, որոնք հակառակ դեպքում WordPress- ի սկսնակի համար շատ ժամանակատար կամ դժվար կլինեին իրենց սեփական գործողությունների համար:.

Ավելին-Գուտենբերգ-բլոկ-օրինակներ

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

WordPress- էջ-օրինակ-Գուտենբերգով

WordPress- ի մեկ խմբագիրն ավելի լավ է, քան մյուսը?

Իսկ թե որն է ավելի լավը `դասական խմբագիրը կամ Գութենբերգը, դուք պետք է դա պարզեք ինքներդ ձեզ համար.

Չնայած WordPress- ը ինքնաբերաբար տեղադրվում է Gutenberg- ի հետ, օգտվողները կարող են տեղադրել դասական խմբագիր հավելվածը եթե նրանք դեռ պատրաստ չեն տեղափոխվել բլոկի խմբագիր.

Կան նաև այլ խմբագրիչի հավելման ընտրանքներ ևս. Elementor և Beaver Builder քաշքշուկի և կաթիլների խմբագրման առավել հայտնի տարբերակներից երկուսն են ՝ «Բլոկի կատեգորիաներ»
չնայած դրանք լավագույնս հարմար են պրոֆեսիոնալ դիզայներների և մշակողների համար, ովքեր պետք է բացեն ավելի շատ հնարավորություններ.

Այս պահին եկեք ավելի խորը սուզվենք Գուտենբերգում և ձեզ ավելի լավ պատկերացնենք, թե ինչ եք ակնկալում WordPress- ի քաշքշման և թողարկման խմբագրից.

Ինչպես օգտագործել Gutenberg- ի արգելափակի խմբագիրը

Եկեք վերանայենք Գութենբերգի բլոկի խմբագիրը ՝ նոր էջ (կամ գրառում) տեղադրելով.

Սկսեք էկրանի ձախ մասում գտնվող WordPress ընտրացանկից: Եթե ​​ցանկանում եք ստեղծել նոր վեբ էջ, սավառեք «Էջեր» -ում և ընտրեք «Ավելացնել նոր»: Եթե ​​ցանկանում եք ստեղծել նոր բլոգային գրառում, անցեք «Գրառումներ» -ին և ընտրեք «Ավելացնել նոր».

WordPress- Ավելացնել-նոր էջ

Վերնագիր ավելացրեք

Ստեղծված ձեր նոր էջով կամ գրառմամբ, վերնագիր տվեք «Ավելացնել վերնագիր» բլոկում.

Գուտենբերգ-վերնագիր-բլոկ

Ստեղծեք ձեր առաջին բլոկը

Պարբերությունները, ընդհանուր առմամբ, պարունակում են մեր կայքում տեղադրված բովանդակության մեծ մասը, այդ իսկ պատճառով Gutenberg- ի առաջին բլոկը մեզ տալիս է, միշտ, պարբերության բլոկ է.

Գուտենբերգ-Նոր-պարբերություն-բլոկ

Եթե ​​ցանկանում եք սկսել պարբերությունից, ձեր կուրսորը ավելացրեք դատարկ բլոկում, որն ասում է. «Սկսեք գրել կամ գրել / գրել բլոկը»: Երբ մուտքագրեք, ձեր բովանդակությունը կլրացնի բլոկը.

Անհատականացրեք բովանդակությունը բլոկում

Ձեր պարբերության ոճը հարմարեցնելու համար օգտագործեք գործիքագոտին, որը հայտնվում է հենց դրա վերևում.

Հավասարեցում

Գութենբերգի բլոկներից շատերի դեպքում դուք հնարավորություն կունենաք փոխել բովանդակության հավասարեցումը բլոկի ներսում.

Գութենբերգ-Հավասարեցում

Ձախը լռելյայն է: Կարող եք նաև ընտրել կենտրոնանալ կամ ճիշտ դասավորել ձեր բովանդակությունը.

Ձևավորում

Timeանկացած անգամ, երբ բլոկի ներսում կա տեքստ, կարող եք այն ձևակերպել համարձակ.

Գուտենբերգ-Պարագրաֆ-համարձակ

Տեքստը դարձրեք italic:

Գուտենբերգ-Պարագրաֆ-Իտալական

Կամ ավելացնել հղումը.

Գուտենբերգ-Պարագրաֆ-հղում

Եթե ​​ցանկանում եք ձեր հղումները բացել զննարկչի նոր պատուհանում, կտտացրեք ներքևի սլաքը ՝ հիպերպլանման սանդղակի սահմաններում: Ձեր փոփոխությունները կատարելուն պես կտտացրեք «Վերադարձ» սլաքը `հղումը պահպանելու համար.

Լրացուցիչ ոճային ընտրանքներ

Եթե ​​կտտացրեք ներքևի սլաքը գործիքագոտում, կգտնեք տեքստի ստիլիզացման լրացուցիչ ընտրանքներ.

Գութենբերգ-Ավելին-տեքստի ընտրանքներ

«Կոդ» -ը ձևավորում է ձեր տեքստը այնպես, կարծես գրված է կոդերի խմբագրում.

Գուտենբերգ-կետ-օրենսգիրք

«Ներքին պատկեր» -ը հնարավորություն է տալիս ձեր տեքստը փաթաթել պատկերի շուրջ.

Գութենբերգ-Պարագրաֆ-Ներքին Նկարագրություն

Ինչպես տեսնում եք, սա Գութենբերգում միմյանց կողքին պատկերներ և տեքստային զուգակցման արդյունավետ միջոց չէ: (Մենք կվերանայենք հետագայում դա կատարելու ևս մեկ եղանակ:)

Այստեղ վերջին տարբերակը հնարավորություն է տալիս ընդգծված տեքստի միջոցով ավելացնել ակնարկ ՝

Գուտենբերգ-Պարագրաֆ-շտրիխ

Բլոկի ավելի շատ ընտրանքներ

Գործիքադարակի վերջին կոճակը միշտ բացահայտում է բլոկի ավելի շատ տարբերակներ.

Գութենբերգ-Ավելին-բլոկ-ընտրանքներ

Այս ընտրանքները նույնը կլինեն, անկախ նրանից, թե որ տեսակի բլոկն եք խմբագրում.

Եկեք արագորեն արձանագրենք, թե ինչ են անում դրանք.

  • Թաքցնել արգելափակման կարգավորումները. Ստիպում է, որ աջ կողմնակի ժապավենը վերանա.
  • Կրկնօրինակել: Կազմում է այս բլոկի ճշգրիտ կրկնօրինակը.
  • Տեղադրեք նախքան: Այս մեկի վերևում ավելացնում է նոր դատարկ բլոկ.
  • Տեղադրեք հետոԱյս նորից ներքև ավելացնում է նոր դատարկ բլոկ.
  • Խմբագրել որպես HTMLԵթե ​​ցանկանում եք HTML գրել, բլոկը վերածվում է կոդերի խմբագրի.
  • Ավելացնել միանգամյա օգտագործման բլոկների. Պահպանում է բլոկը, որպեսզի կարողանաք այն կրկին օգտագործել կայքի որևէ այլ վայրից.
  • Հեռացնել թաղամասըDelնջում է բլոկը.

Փոխակերպման բլոկ

Գործիքադաշտում կա ևս մեկ կոճակ, որի մասին պետք է տեղյակ լինեք.

Գուտենբերգ-անջատիչ-բլոկ

Այս կոճակը միշտ չէ, որ այդպես է թվում, այնպես որ հիշեք, որ առաջին կոճակը հնարավորություն է տալիս վերափոխել ընթացիկ բլոկը դրա հետ կապված.

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

Ավելացնել նոր բլոկ

Ձեր էջը նոր բլոկ ավելացնելու համար դուք ունեք մի շարք տարբերակներ.

Տեղադրեք նախքան / հետո

Դուք արդեն տեսել եք «Տեղադրել առաջ» / «Տեղադրել հետո» ընտրանքները ձեր բլոկի գործիքագոտում: Դա կատարելու մի միջոց է.

Եթե ​​կտտացրեք ձեր գոյություն ունեցող բլոկը և սավառնում եք դրա վերևի մասում, կտեսնեք, որ մի փոքր հավելյալ նշան է երևում.

Gutenberg-Add-Block-Cross

Երբ կտտացրեք այն, այն կբացահայտի ձեր բլոկները.

Gutenberg-Add-Block-Plus-Sign

Ընտրեք այն մեկը, որը ցանկանում եք ավելացնել նոր բլոկը վերևում, արդեն իսկ ունենալով.

Եթե ​​սավառնում եք բլոկի ներքևի մասում, կտեսնեք նույն պլյուս նշանը: Միակ տարբերությունն այն է, որ այն ձեր բլոկից ներքև կավելացնի նոր բլոկ.

Օգտագործեք ձեր ստեղնաշարը

Նոր բլոկ ավելացնելու ևս մեկ միջոց `ձեր ստեղնաշարի վրա« Վերադառնալ »ստեղնը սեղմելով.

Gutenberg-Add-Block-Enter

Սա անմիջապես էջին կավելացնի նոր պարբերության բլոկ.

Եթե ​​ցանկանում եք այն փոխել այլ տեսակի բլոկի, կարող եք օգտագործել գումարած նշանը `նոր բլոկի ձախ կողմում.

Գութենբերգ-Փոփոխություն-նոր-բլոկ

Կամ կարող եք մուտքագրել կոճ (/), որին հաջորդում է այն բլոկի անունը, որը ցանկանում եք օգտագործել.

Գուտենբերգ-Փոփոխություն-թաղամաս-կտրատում

Օրինակ, եթե ուզում եք պատկեր ավելացնել, ապա մուտքագրում եք «/ պատկեր»: Բլոկի տարբերակը ավտոմատ կերպով կբնակեցվի, երբ մուտքագրեք համապատասխան անունը.

Գործիքադարակի միջից ավելացրեք բլոկ

Միշտ կարող եք պարզապես գործածել գործիքների շարքում ավելացնել ավելացնել հիմնական բլոկային հատկությունը.

Գութենբերգ-Ավելացնել-բլոկ

Ոլորեք ընտրանքները կամ մուտքագրեք ձեր ընտրած բլոկի անվանումը.

Տեղափոխել բլոկ

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

Կարիք չկա մեկ բլոկից մյուսը ջնջել բլոկները կամ կտրված և տեղադրված բովանդակությունը: Լուծումը շատ պարզ է.

Գուտենբերգը քաշքշուկի խմբագրիչ է: Սա նշանակում է, որ կարող եք հեշտությամբ տեղափոխել ձեր բլոկները, որտեղ ուզում եք.

Դա անելու երկու եղանակ կա.

Օգտագործեք Տեղափոխել նետերը

Առաջին տարբերակն այն է, որ յուրաքանչյուր բլոկի ձախ կողմում գտնվող սլաքները օգտագործեք: Սավառնել այն բլոկի վրա, որը ցանկանում եք տեղափոխել և կգտնեք վերև և ներքև:

Գութենբերգ-Տեղափոխել-նետեր

Եթե ​​այն ամենը, ինչ ուզում եք անել, մեկ անգամ բլոկ վեր կամ վար դնելն է, այս տարբերակը լավ է գործում.

Գութենբերգ-տեղափոխված-բլոկ

Օգտագործեք Drag-and-Drop- ը

Եթե ​​ցանկանում եք ձեր բլոկների ավելի կտրուկ վերադասավորումը կատարել, ապա պետք է օգտագործեք քաշել-գցել.

Այն գտնվում է նետերի նույն տեղում: Սավառնել այն բլոկի վրա, որը ցանկանում եք տեղափոխել և բռնել այն կետերը, որոնք հայտնվում են մեջտեղում: Կտեսնեք, որ ձեր կուրսորը մի ձեռքի տակ փոխվում է.

Գութենբերգ-Գրաբ-Դրագ-և-կաթիլ

Բլոկը էջի նոր մաս տեղափոխելիս համոզվեք, որ նախքան այն ցած նետելը մուգ գիծ է երևում.

Gutenberg-Move-Block

Սա Ձեզ հնարավորություն է տալիս իմանալ, որ բլոկը տեղափոխում եք մատչելի տարածք: Առանց այդ տողի ՝ քաշքշուկը չի աշխատի.

Deleteնջել բլոկը

Եթե ​​որոշեք, որ ուզում եք ընդհանրապես հեռացնել բլոկը, ապա դրա հետ կապված տարբերակներ էլ ունեք.

Դուք արդեն տեսել եք դրանցից մեկը: Դա ձեր բլոկի լրացուցիչ տարբերակների մեջ է: Պարզապես կտտացրեք «Հեռացնել թաղամասը» և այն կջնջվի.

Միշտ կարող եք այն ջնջել հին ոճով: Տեղադրեք ձեր կուրսորը բլոկի ներսում և օգտագործեք ձեր ստեղնաշարի «Deleteնջել» կոճակը `այն հանելու համար.

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

Կարող եք նաև շեղել բլոկը (ձեր կուրսորը այն սևեռելով) և այնուհետև սեղմել «Deleteնջել» ստեղնը: Սա օգտակար է, եթե ցանկանում եք միանգամից մեկից ավելի բլոկներ առանձնացնել և ջնջել.

Ստեղծեք նորից բլոկ

Կրկնօրինակվող բլոկները հարմար են, երբ ցանկանում եք ստեղծել մի տարր, որը կարող է օգտագործվել ամբողջ կայքում, ինչպես ՝ ձեր բլոգային հաղորդագրությունների համար գովազդային բլոկի կամ զանգի գործողությունների համար:.

Գութենբերգ-Ստեղծել-նորից օգտագործելի-թաղամաս

Փոխանակ փորձել վերստեղծել այն էջերը, որոնք անհրաժեշտ է շարունակել, բացեք ձեր բլոկի ընտրանքները և կտտացրեք «Ավելացնել նորից բլոկներին»: Այնուհետև անուն տվեք.

Գութենբերգ-անուն-վերաօգտագործելի

Խնայելուց հետո դուք կկարողանաք առբերել և օգտագործել այն նույն կերպ, ինչպես կցանկանայի Գութենբերգի արգելափակումները: Դուք կգտնեք այն նոր անվանակարգում, որը կոչվում է «Reusable»:

Gutenberg-Reusable-Category

Գուտենբերգի բլոկների շրջագայություն

WordPress- ի դասական խմբագրիչը ցանկալի բան մնաց ՝ օգտագործողներին օգնելով ստեղծել բարդ բովանդակություն և դասավորություններ: Գութենբերգի բլոկները խուսափում են այդ ճանապարհի արգելափակումից.

Եկեք ծանոթանանք բլոկներին.

Բլոկային կարգեր

WordPress- ը հաճելի աշխատանք է կատարել `իր բլոկները դասակարգելու համար.

Ընդհանուր բլոկներ

Սրանք ձեր ընդհանուր բլոկներն են.

Ընդհանուր-բլոկներ

Հիմնական էջը և տեսողական տարրերը, որոնք դուք օգտագործում եք էջում, այստեղ կլինեն.

Բլոկների ձևավորում

Սրանք ձեր ձևավորման բլոկներն են.

Ձևավորում-բլոկներ

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

Layout Blocks

Սրանք ձեր դասավորության բլոկներն են.

Դասավորություն-բլոկ

Եթե ​​ցանկանում եք ընդմիջումներ ավելացնել ձեր բովանդակությանը (օրինակ `մեծ տարածության կամ տարանջատող գծի) կամ հատուկ տարրերի (կոճակի պես), ապա այստեղ կգտնեք այդ բաները.

Widget բլոկներ

Սրանք ձեր հարմարանքներն են.

Widget- բլոկներ

Մեծ մասամբ սրանք այն տարրերն են, որոնք պետք է մտնեն ձեր բլոգի կողային գոտում, չհայտնվեն ձեր էջերում: Միակ բացառությունները, որոնք դուք կգտնեք, այլ plugin- ների կողմից ստեղծված բլոկներն են, ինչպես օրինակ այս WPForms- ը.

Ներկառուցված բլոկներ

Սրանք ձեր ներկառուցվածներն են.

Ներկառուցվածքներ-բլոկներ

Դուք դրանք կօգտագործեք այլ հարթակներից բովանդակություն բերելու համար: Սա օգտակար է YouTube տեսանյութերի, SoundCloud տեսահոլովակների և Twitter- ի գրառումները ներառելու համար.

Գուտենբերգի ամենատարածված բլոկները

Ինչպես տեսնում եք, Գութենբերգի տասնյակ բլոկներ առկա են: Այսինքն ՝ կան որոշակի տարրեր, որոնք բոլորն օգտագործում են WordPress- ում էջեր կամ գրառումներ ստեղծելու համար, այնպես որ սկսեք սովորել հիմունքները.

Պարբ

Օգտագործեք «Պարագրաֆ» բլոկը ձեր տեքստի պարզ տեքստը ավելացնելու համար.

Պարբերություն-թաղամաս

Վերին թաղամաս

Ձեր էջը վերնագիր ավելացնելու համար օգտագործեք «Վերին բլոկ».

Վերնագիր-թաղամաս

Դրանք հնարավորություն են տալիս էջում ներկայացնել նոր թեմաներ ՝ ձեր բովանդակությունը ավելի հեշտ դարձնելով: H2, H3 և H4 կոճակները նույնպես թույլ են տալիս էջի վերնագրերում հիերարխիա հաստատել.

Listանկի արգելափակում

Օգտագործեք blockուցակների բլոկը `էջում փամփուշտ կամ համարակալված ցուցակ ավելացնելու համար.

Listանկ-թաղամաս

Սա նաև օգտակար է ընթերցանությունը բարելավելու համար.

Պատկերի բլոկ

Օգտագործեք Image block- ը ՝ ձեր էջը պատկեր ավելացնելու համար.

Պատկեր-բլոկ

Կարող եք պատկեր տեղադրել ձեր կրիչից կամ ընտրել այն, որն արդեն առկա է ձեր մեդիա գրադարանում.

Տեսանյութի արգելափակում

Ձեր էջում պատկեր տեղադրելու համար օգտագործեք վիդեո բլոկը.

Տեսանյութ-բլոկ

Կարող եք վերբեռնել վիդեո ֆայլ, ընտրել ձեր գրադարաններից մեկը կամ այն ​​հղումից հանել.

Քանի որ տեսանյութերը մեծ տեղ են գրավում, լավագույն տարբերակն այն է, որ ձեր ֆայլը պահեք Vimeo- ի կամ YouTube- ի նման վիդեո փոխանակման հարթակում: Այնուհետև տեղադրեք այն հղումով.

Դրա համար դուք չեք օգտագործի Video Block- ը: Փոխարենը, փնտրեք համապատասխան ներկառուցվածքը.

YouTube- ն ունի մեկ.

YouTube- Տեղադրեք

Ինչպես և Վիմեոն.

Vimeo-Embed- ը

Դուք պետք է նույնը անեք ցանկացած աուդիո ֆայլերի համար (օրինակ ՝ podcast- ներ կամ սաունդթրեքեր), որոնք ցանկանում եք ավելացնել էջին: Որպեսզի դա անեք, կամ օգտագործեք Աուդիո բլոկը կամ համապատասխան ներկառուցվածքը (օրինակ ՝ Spotify- ի համար).

Կոճակի արգելափակում

Օգտագործեք կոճակի բլոկը ձեր այցելուներին կամ ընթերցողներին ուղղորդելու համար ՝

Կոճակ-բլոկ

Սա կարող է նրանց ուղղորդել ՝ «Ժամանակացույցը հիմա», «Գրանցվել», «Կարդալ ավելին» և այլն.

Մեդիա և տեքստի բլոկ

Ինչպես ավելի վաղ նշվեց, պարբերության բլոկի Inline պատկերի տարբերակը տեքստը և պատկերները միավորելու անարդյունավետ միջոց է: Փոխարենը, դա կատարելու համար օգտագործեք Media and Text բլոկը.

Մեդիա-և-տեքստի արգելափակում

Սյունակների արգելափակում

Երկու տարբեր բլոկներ (նույն կամ տարբերվող տիպի) միմյանց կողքին տեղադրելու մեկ այլ եղանակ է ՝ «Սյունակների» բլոկը օգտագործելով.

Սյունակ-թաղամաս

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

Սոցիալական մեդիա տեղադրող բլոկներ

Ձեր էջում գրառում տեղադրելու համար սոցիալական լրատվամիջոցներից ներդրված ծածկագիրը օգտագործելու փոխարեն ՝ գրառման հղումը ավելացրեք այստեղ.

Սոցիալ-մեդիա-ներդրում

Facebook- ի, Twitter- ի և Instagram- ի համար կան բլոկներ, այնպես որ գտեք Տեղադրեք բլոկը, որը համապատասխանում է ձեր սոցիալական լրատվամիջոցների գրառմանը.

Դասական բլոկ

Դասական բլոկը հնարավորություն է տալիս շարունակել բովանդակություն ստեղծել WordPress- ում `օգտագործելով դասական խմբագրիչը.

Գութենբերգ-Կլասիկ-բլոկ

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

Եթե ​​ցանկանում եք ձեր դասական բլոկը վերափոխել Գուտենբերգի բլոկների, անցեք «Լրացուցիչ ընտրանքներ» և ընտրեք «Փոխարկել բլոկներին».

Գութենբերգ-վերափոխել-բլոկներ

Ամեն ինչ անելու է ձեր խմբագրիչի յուրաքանչյուր տարրը համապատասխան բլոկի վերափոխելու համար.

Գութենբերգ-վերափոխված-բլոկները

Պարզապես հիշեք, որ վերանայեք ստացված բլոկները ցանկացած սխալների համար, նախքան ձեր փոփոխությունները պահպանելը.

WordPress Plugin բլոկներ

WordPress- ի օգտագործողների կողմից օգտագործված հանրաճանաչ հավելվածների մեծ մասը համատեղելի է Gutenberg- ի կողմից: Որոշ դեպքերում, այս plugins- ը ստեղծել է հատուկ բլոկներ, որոնք ցուցադրվում են ձեր խմբագրում.

Օրինակ, եթե նման կոնտակտային ձև եք օգտագործում WPForms, դրա համար պետք է գտնեք համապատասխան բլոկ.

WPForms- թաղամաս

Պարզապես ստեղծեք ձեր ձևը plugin- ում, այնուհետև այն տեղադրեք այստեղ ներկայացված հոսքի մեջ: Այլևս կարիք չկա հետևել և տեղադրել ձեր ձևի կարճ ծածկագրերը.

Yoast, հանրաճանաչ SEO հավելվածը ևս մեկ է, որը նոր բլոկներ է ավելացրել Գութենբերգում.

Yoast-Blocks

WooCommerce, WordPress- ի էլեկտրոնային առևտրի լուծումը նույնն է արել.

WooCommerce-Blocks

Կան նաև «վերջնական» Գուտենբերգի հավելվածներ, որոնք, օրինակ, ավելացնում են նոր բլոկների մի փունջ Վերջնական լրացումներ Գուտենբերգի համար:

Ultimate-Addons-Gutenberg

Այս տեսակի plugin- ները ընդլայնում են ձեր բլոկի կառուցողի գործունակությունը: Եթե ​​դուք ստեղծում եք այնպիսի կայքեր, որոնք անհրաժեշտ են հատուկ տարրերի համար, ինչպիսիք են Google Քարտեզները, վկայական բլոկները կամ էլեկտրոնային առևտրի ֆունկցիոնալությունը, կարող եք դրանք ավելացնել Գուտենբերգում `նման հավելյալներով.

Փաստաթղթի և շրջափակումների կողպեքի ակնարկ

Այժմ, երբ դուք բլոկի խմբագիրն իջեցրեք, եկեք մեր ուշադրությունը դարձնենք փաստաթղթին և շրջափակենք կողային գծերը.

Երբ ձեր կուրսորը գտնվում է վերնագրի բլոկում կամ որևէ այլ էջում, որտեղ բլոկ գոյություն չունի, կողային սլաքը ցույց կտա փաստաթղթի կարգավորումները.

Փաստաթղթի կողային գոտի

Սրանք թույլ են տալիս վերահսկել այնպիսի իրեր, ինչպիսիք են էջի կարգավիճակը և տեսքը.

Ահա այն հիմնականները, որոնք դուք պետք է իմանաք.

Կարգավիճակը և տեսանելիությունը

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

ՏերմինալՕգտագործեք այս վահանակը ՝ խարամը փոխելու համար (URL- ի նույնականացնող կտոր): Օրինակ:

https://mywebsite.com/գութենբերգ-բլոկ-շինարար /

Գլխավոր-պատկերՆերկայացված պատկերն այն մանրապատկերն է, որը մարդիկ տեսնում են, երբ ձեր բլոգի հաղորդագրությունները հայտնվում են ձեր հիմնական բլոգում: Սա նաև այն է, թե ինչ են օգտագործում սոցիալական մեդիա հարթակները ձեր հղումների նախադիտումները ցույց տալիս.

Կատեգորիաներ

ԿատեգորիաներՍա հասանելի է միայն բլոգային հաղորդագրությունների համար: Օգտագործեք սա ձեր թեմաները կազմակերպված պահելու համար.

Պիտակները

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

Երբ ձեր կուրսորը տեղադրվում է ձեր էջի ցանկացած բլոկի ներսում (բացառությամբ վերնագրի), կողային սլաքը կանցնի բլոկի խմբագրին.

Block-Sidebar

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

Օրինակ, կետի սլաքը ցույց է տալիս խմբագրման տարբերակները.

Պարբերություն-թաղամաս-կողային գոտի

Դուք կարող եք կարգաբերել ձեր տեքստի չափը, ինչպես նաև բլոկի տեքստի կամ ֆոնի գույնը: Եթե ​​դուք գիտեք, թե ինչպես օգտագործել CSS դասերը, կարող եք հետագայում հարմարեցնել բլոկի տեսքը `օգտագործելով« Ընդլայնված կայանքներ ».

Պատկերի կողային ժապավենը, մյուս կողմից, ձեզ տալիս է այս պարամետրերը.

Image-Block-Sidebar

Կարող եք պատկերին ավելացնել տեքստը (կարևոր է SEO- ի համար), փոխել պատկերի չափը և պատկերն ուղղել վեբ էջին.

Որոշ բլոկներ կողային գոտում չեն առաջարկում որևէ լրացուցիչ պարամետր, ինչպես Twitter- ի ներկառուցվածը.

Twitter-Block-Sidebar

Միակ բանը, որ դուք կարող եք անել ՝ «Advanced Settings» – ի ներքո ստեղծել հատուկ CSS դաս:.

Ներքևի տող. Եթե երբևէ զգում եք, որ չեք կարող լիովին խմբագրել ձեր բլոկը բլոկի գործիքագոտու հետ, ստուգեք կողային գոտին լրացուցիչ ընտրանքների համար.

Ինչ անել գործիքագոտու հետ

Խմբագրի վերջին մասը, որի հետ դուք պետք է ծանոթանաք, գործիքագոտին է, որը նստած է դրա վերևի մասում.

Գուտենբերգ-գործիքագոտին

Սա կարող է թվալ ոչ այլ ինչ, քան տեղ ՝ պահելու համար «Նախադիտում» և «Հրապարակել» կոճակները, բայց կարող ես շատ ավելին ունենալ, և պետք է օգտագործել գործիքագոտու համար.

Եկեք վերանայենք հիմնականները.

Բլոկներ

Գործիքադարակի առաջին կոճակը այն է, որտեղ կարող եք մուտք գործել նոր բլոկներ.

Gutenberg-Toolbar-Blocks

Վերականգնել / վերափոխել

Հաջորդ երկու կոճակները թույլ են տալիս չեղարկել (սլաքը մատնանշելով ձախ) կամ վերափոխել (սլաքը մատնացույց անելով աջ) էջում կատարած վերջին փոփոխությունը.

Gutenberg-Toolbar-Undo- ն

Էջի տվյալներ

Նրանց համար, ովքեր ցանկանում են էջեր ստեղծել, որոնք ձեր այցելուների համար հեշտ է փնտրել, «i» (տեղեկություն) կոճակը ձեզ տալիս է ձեր բովանդակության ակնարկ.

Gutenberg-Toolbar-Info

Դուք կտեսնեք:

  • Քանի բառ եք գրել.
  • Քանի վերնագիր կա, վերնագրերի տրոհմամբ.
  • Քանի՞ կետ կա.
  • Քանի՞ բլոկ եք օգտագործել.

Խոսքն ու վերնագիրն են, որոնք ամենակարևոր տեղեկատվական մասն են այստեղ կենտրոնանալու համար.

Էջի կառուցվածքը

Գործիքադարակի հաջորդ մասը ցույց է տալիս ձեր էջը ստեղծելու համար օգտագործած բոլոր բլոկներից յուրաքանչյուրը.

Գութենբերգ-բլոկ-նավիգացիա

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

Պահել կարգավորումները

Դուք կօգտագործեք այս առաջին երեք կոճակները `ձեր ստեղծած յուրաքանչյուր էջով կամ հաղորդագրությամբ.

Գութենբերգ-Պահպանել-կարգավորումներ

Էջի վրա աշխատելիս անձնական փոփոխություններ կատարելու համար օգտագործեք «Պահպանեք նախագիծը».

Օգտագործեք «Նախադիտում» ՝ ձեր կայքում էջը դիտելու համար.

Օգտագործեք «Հրապարակել» ՝ ձեր էջը դեպի կենդանի կայք մղելու համար: Էջը հրապարակվելուց հետո այս կոճակը կփոխվի «Թարմացում»: Օգտագործեք սա ՝ ձեր էջերի նոր վարկածները դեպի կայք պահելու և մղելու համար.

Կարգավորումներ

Երբ հանդերձում (պարամետրեր) պատկերակը կտտացվում է, այն թաքցնում կամ ցույց է տալիս Գութենբերգի կողային սլաքը: Ահա թե ինչ է թվում, երբ հաշմանդամ է.

Gutenberg-Toolbar-Settings- հաշմանդամ

Ահա թե ինչպես է թվում, երբ միացված է.

Gutenberg-Toolbar-Settings- միացված

Լրացուցիչ ընտրանքներ

Գործիքադարակի վերջին կոճակը բացահայտում է լրացուցիչ ընտրանքներ և գործիքներ: Օգտագործեք սա, եթե ցանկանում եք անհատականացնել ձեր Գութենբերգի աշխատանքային տարածքը.

Gutenberg-Toolbar-More- ընտրանքներ

Տեսարան

«Տեսքին» վերաբերող ընտրանքների առաջին շարքը.

Gutenberg-Toolbar-View

«Top Toolbar» – ը գործիքագոտին դուրս է հանում ձեր բլոկներից և կպչում այն ​​էկրանին վերևում.

Gutenberg-Top-Toolbar

Խմբագրման ընտրանքները դեռ փոխվում են ձեր ընտրած բլոկի հիման վրա: Միակ տարբերությունն այն է, որ այն այժմ գտնվում է միայն էջի վերևում.

«Spotlight Mode» – ը դուրս է մղում ցանկացած բլոկ, որը չի օգտագործվում:

Գութենբերգ-ուշադրության կենտրոնում

Եթե ​​ցանկանում եք օգնություն կենտրոնանալ միանգամից մեկ բլոկի վրա, դա օգտակար գործիք է `միացնելու համար.

«Ամբողջ էկրանով ռեժիմը» ​​Գութենբերգի `առանց գրելու շեղման ռեժիմն է.

Գութենբերգ-ամբողջ էկրան-ռեժիմ

Այն վերացնում է WordPress- ի ընտրացանկերը վերևում և ձախում, ինչպես նաև աջ կողմում գտնվող Գութենբերգի կողային սլաքը.

Խմբագրի ռեժիմ

Ընտրանքների հաջորդ շարքը խմբագրման ռեժիմի համար է.

Գութենբերգ-ընտրանքներ-խմբագիր

Լռելյայն, Գուտենբերգը օգտվողներին մտցնում է «Visual Editor».

Եթե ​​նախընտրում եք ձեր էջը HTML կազմել, կարող եք անցնել «Կոդի խմբագիր».

Գութենբերգ-Կոդ-խմբագիր

Այնուամենայնիվ, ձեր բլոկները HTML- ում խմբագրելու ավելի արդյունավետ և մաքուր միջոցը անհատական ​​կարգավորումն է (քանի որ հավանաբար կարիք չկա խմբագրել ամբողջ էջի ծածկագիրը).

Կարող եք մուտք ունենալ կոդերի խմբագրիչ «Խմբագրել որպես HTML» տակ.

Գութենբերգ-Խմբագրել-HTML

Սա բլոկը կվերափոխի HTML:

Գութենբերգ-HTML-բլոկ

Խմբագրել այն, ինչպես տեսնում եք պիտանի: Եթե ​​ցանկանում եք այն վերափոխել տեսողական ռեժիմի, բացեք բլոկի ընտրանքները և ընտրեք «Խմբագրել տեսողականորեն».

Գութենբերգ-Խմբագրել-Տեսողականորեն

Գործիքներ

Գութենբերգը նաև ունի մի շարք գործիքներ, որոնք թույլ են տալիս, որպեսզի կարողանաք պարզեցնել ձեր փորձը խմբագրում.

Գութենբերգ-գործիքներ

Առաջին գործիքը «Block Manager» – ն է.

Գութենբերգ-բլոկ-մենեջեր

Ի տարբերություն բլոկային նավիգացիայի գործիքի, որը մենք տեսանք ավելի վաղ, սա հնարավորություն է տալիս անջատել ցանկացած բլոկ, որը դուք չեք օգտագործում: Այդ կերպ, երբ եկել է ժամանակը նոր բլոկ որոնելու ժամանակը, դուք ստիպված չեք լինի մղել այն բլոկների միջով, որոնք երբեք չեք օգտագործի.

«Կառավարեք միանգամայն օգտագործման բլոկները» ձեզ կտանի դեպի օգտագործվող բլոկների խմբագիր.

Գութենբերգ-նորից-բլոկներ

Սա այն դեպքում, երբ ձեր պահված բլոկները կպահպանվեն: Բլոկի ծնողական օրինակը խմբագրելու համար (կամ ամբողջովին նորը ստեղծելու համար) կատարեք այստեղ.

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

Գուտենբերգ-Ստեղնաշար-դյուրանցումներ

«Պատճենել բովանդակության» բոլոր տարբերակն այն է, որ կարևորում և պատճենեք էջի բոլոր բլոկները: Օգտագործեք սա ՝ ստեղծելու նոր էջ, որը նման է բովանդակության և ձևավորման մեջ: Պարզապես անցեք էջեր> Ավելացնել նոր և այնուհետև տեղադրեք ձեր բլոկները դատարկ էջի մեջ.

Այստեղ վերջին տարբերակը կոչվում է «Ընտրանքներ»: Այն, ինչն իրոք անում է, հնարավորություն է տալիս ձեզ անջատել փաստաթղթի պարամետրերի որոշակի մասերը կողային գծի վրա.

Gutenberg-Sidebar-Options

Կրկին, եթե գտնում եք, որ կան խմբագրի որոշակի մասեր, որոնք դուք չեք օգտագործում (օրինակ ՝ Էջի հատկանիշներ), անջատեք այստեղ, որպեսզի նրանք չշեղվեն այն տարրերից, որոնք դուք պետք է օգտագործեք.

Փաթաթել

Քանի որ WordPress- ը 1-ին օրվանից օգտագործում էր նույն խմբագրիչը, ինչ-որ արձագանք եղավ, երբ առաջին անգամ ներկայացվեց Գութենբերգը.

Բայց եթե նայեք WordPress- ի (Wix, Shopify, Squarespace և այլն) շուրջ հավաքված քաշքշման և մրցույթի մրցակցությանը, ժամանակն էր փոփոխության.

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

  • Խմբագրի անհատականացված տեսակետը, որն ավելի արդյունավետ է դարձնում ձեզ.
  • Ավելի հեշտ է ստեղծել և հարմարեցնել բովանդակությունը.
  • Բարդ բովանդակության ավելի առաջադեմ ստեղծում `առանց նախկինում անհրաժեշտ տեխնիկական նոու-ի.
  • Կրկնակի օգտագործվող բլոկներն արագացնում են դիզայնը և ապահովում են հետևողականություն ամբողջ տարածքում.
  • Հեշտ է ավելացնել և կարգաբերել փոխակերպման տարրերը (ինչպես զանգի գործողության կոճակները և ձևերը).
  • Հանրաճանաչ plugins- ը և թեմաները համատեղելի են Gutenberg- ում.
  • Գործարկման ավելի արագ ժամանակ.

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

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