Ինչպես օգտագործել Page Builder Sandwich-ը

Ինչպես օգտագործել Page Builder Sandwich-ը

Page Builder Sandwich-ը նման չէ ձեր տիպիկ էջ կառուցողին (page builder), այն պարզ է և հեշտ օգտագործման մեջ:

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

Որտե՞ղ է խմբագրիչը:

Նախ ստեղծեք նոր էջ, գրառում (post) կամ CPT (հարմարեցված գրառման տեսակ): Այնուհետև այցելեք ձեր նոր գրառումը կամ ցանկացած գոյություն ունեցող գրառում կայքի արտաքին մասում (frontend): PBS-ը 100%-ով frontend է, ձեզ հարկավոր չի լինի անհանգստանալ backend-ում:

Ձեր էջի վերևի մասում (ադմինիստրատորի տողում) պետք է լինի «Page Builder Sandwich» կոճակը, սեղմեք դրա վրա՝ խմբագրումը սկսելու համար: Դուք կտեսնեք տեքստի ձևաչափման տիրույթը, որը կհայտնվի վերևից, և տարրերի ավելացման վահանակը՝ կողքից: Ձեր թեմայի բովանդակության տիրույթն այժմ ձեր խմբագրիչն է:

PBS-ով կարող եք խմբագրել միայն առանձին էջեր: Դուք չեք կարող խմբագրել բլոգի գրառումների ցանկը կամ 404 էջը, քանի որ դրանք ստեղծվում են ձեր թեմայի կողմից: Գրառումները, էջերը և հարմարեցված գրառումների տեսակները (CPT) կարելի է խմբագրել:

Ձեր բովանդակության խմբագրումը

Այժմ գալիս է ամենահետաքրքիր մասը.. երբ արդեն frontend-ում եք և խմբագրիչի ներսում, սեղմեք ձեր բովանդակության ցանկացած տեքստի վրա կամ սեղմեք ձեր բովանդակության տիրույթի ներսում և սկսեք մուտքագրել: Ի տարբերություն այլ page builder-ների, PBS-ը թույլ է տալիս ուղղակիորեն խմբագրել բովանդակությունը՝ առանց բացվող (popup) երկխոսության պատուհաններ անցնելու անհրաժեշտության:

Բովանդակության ձևաչափում / Գեղեցիկ տեսք հաղորդելը

dcb1615380 file 9OtagMFi2c

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

Տարրերի ավելացում

ecfd309bb2 file yDqiNEv73s

Մկնիկը պահեք էկրանի վերին ձախ մասում գտնվող «Add Elements» (Ավելացնել տարրեր) կոճակի վրա՝ Տարրերի ավելացման վահանակը ցուցադրելու համար: Կարող եք նաև պարզապես տեղաշարժել մկնիկը դեպի էկրանի ձախ կողմը, որպեսզի այն հայտնվի:

Ցանկացած տարր տեղադրելու համար սեղմած պահեք մկնիկը դրա վրա, ապա քաշեք այն ձեր բովանդակության տիրույթ: Այն տիրույթը, որտեղ պետք է տեղադրվի տարրը, կընդգծվի: Բաց թողեք մկնիկի կոճակը՝ տարրը տեղադրելու համար:

Տարրերի ոճավորում և փոփոխում

Մկնիկը պահեք ձեր բովանդակության մեջ եղած ցանկացած տարրի վրա, և դրանց վրա կհայտնվեն ուրվագծեր և գործիքագոտիներ:

0046713cb7 file YU6nUCc7jYԴուք կարող եք պահել մկնիկը ուրվագծերի եզրերի վրա՝ տարրերի միջև լուսանցքները (margins) մեծացնելու/փոքրացնելու համար:

Կարող եք նաև սեղմել գործիքագոտու կոճակի վրա՝ տարրի հետ արագ գործողություններ կատարելու համար: Գործիքագոտու վրա ատամնանիվի պատկերակի վրա սեղմելով կբացվի Հատկությունների տեսուչը (Properties Inspector), որը պարունակում է լրացուցիչ ընտրանքներ:

5c220b4ac9 file Odem5RLPok

Հատկությունների տեսուչը

3e7e48b754 file INy1v5z9Oz

Հատկությունների տեսուչը ձեզ ավելի մեծ վերահսկողություն է տալիս ձեր տարրերի տեսքի նկատմամբ: Դուք կարող եք ավելացնել բազմաթիվ բաներ, ինչպիսիք են ստվերները, անիմացիաները, փոխել քարտեզի գույները, եզրագծերի կլորացումը (border radius) և շատ ավելին:

Կարող եք նաև մուտք գործել տարրի ծնողական (parent) տարրերի հատկությունները: Օրինակ, եթե պատկերը տեղադրել եք սյունակի մեջ և բացել հատկությունների տեսուչը, կարող եք մուտք գործել պատկերի, այն սյունակի, որում այն գտնվում է, և այն տողի հատկությունները, որում գտնվում է սյունակը:

Հատկությունների տեսուչը պարունակում է բազմաթիվ տարբեր կարգավորումներ տարբեր տարրերի համար, այնպես որ անպայման ուսումնասիրեք դրանք բոլորը:

Կարճ կոդերի (Shortcodes) օգտագործումը

Page Builder Sandwich-ը ձեզ ցույց է տալիս իրական կարճ կոդերը frontend-ում, և դուք կարող եք դրանք հեշտությամբ խմբագրել նույնպես:

edee730340 file TqfWB9yv3y

Եթե անգիր եք հիշում ձեր կարճ կոդերը, կարող եք տեղադրել դրանք՝ մուտքագրելով անմիջապես ձեր բովանդակության մեջ: Բայց եթե դրանք բոլորը չեք հիշում (իսկ ո՞վ է հիշում), տեսուչը թվարկում է ձեր կայքում առկա բոլոր կարճ կոդերը: Քաշեք Shortcode կոճակը տեսուչից դեպի ձեր բովանդակության տիրույթ, գտեք այն մեկը, որը ցանկանում եք տեղադրել, և սեղմեք դրա վրա՝ այն տեղադրելու համար:

Կարճ կոդերը վերածվում են իրական բովանդակության frontend-ում. դրանք խմբագրելու համար կարող եք ընտրել այն և ստուգել դրանց ատրիբուտները տեսուչում: Կամ ավելի մեծ վերահսկողության համար կարող եք կրկնակի սեղմել կարճ կոդի վրա՝ այն հում (raw) տեսքով խմբագրելու համար: Ձեր խմբագրումները կատարելուց հետո ձեր կարճ կոդը կթարմացվի՝ արտացոլելով փոփոխությունները:

Ձեր բովանդակության վերադասավորումը

PBS-ի միջոցով կարող եք սեղմել ու քաշել ցանկացած բան և տեղափոխել դրանք ուր ցանկանաք: Երբ ինչ-որ բան եք քաշում, տեղափոխեք այն էջի մեկ այլ տարրի վրա. կարող եք տեղափոխել դրանք ցանկացած այլ բովանդակության վերևում կամ ներքևում:

Ձեր աշխատանքի պահպանումը

ae0cf6f413 file

Երբ գոհ լինեք ձեր դիզայնից, պարզապես սեղմեք ձեր էջի վերին ձախ մասում գտնվող պահպանման կոճակը: Ահա և վերջ: