Page Builder Sandwich

Ձեռք բերել PBS Pro

Բլոգ

  • Ի վերջո, ի՞նչ են shortcode-ները:

    What-Are-Shortcodes-AnywayԵթե նկատել եք, WordPress-ի գլխավոր կանոններից մեկն է՝ միշտ, միշտ ամեն ինչ մի փոքր ավելի հեշտացնել բոլորի համար՝ թե՛ սկսնակների, թե՛ փորձառու ծրագրավորողների: Այս նպատակին հասնելու եղանակներից մեկը շորթկոդերի օգտագործումն է:

    WordPress.com-ի աջակցման էջը դրանք սահմանում է հետևյալ կերպ.

    shtԲավականին պարզ է հնչում: Իսկ եթե մինչ այս հոդվածը չեք լսել շորթկոդերի մասին և չգիտեք, թե ինչ տեսք ունեն դրանք, ապա դրանք քառակուսի փակագծերում առնված կոդանման արխաիկ տեքստեր են:

    Ի տարբերություն սովորական կոդի, որը սովորաբար ունի հետևյալ տեսքը.

    HTML5-video-tag-sample-code
    (Էըը: Ի՞նչ:)

    Շորթկոդերը ընդհանուր առմամբ ունեն մոտավորապես այսպիսի տեսք.

    embed_shortcode
    (Շատ հեշտ:)

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

    Այժմ եկեք վերադառնանք այս կոնկրետ շորթկոդին, որը նույնն է, ինչ վերը նշվածը.

    embed-shortcode Այս կոնկրետ շորթկոդը կոչվում է embed shortcode և լռելյայն ներկառուցված է WordPress-ում: Այն տեսանյութը URL-ից ներդնում է ձեր բովանդակության մեջ: Եթե այժմ WordPress-ում եք, կարող եք պատճենել և տեղադրել վերը նշված շորթկոդը ձեր կայքում, եթե ցանկանում եք փորձարկել այն:

    Այնուամենայնիվ, շորթկոդերը ժամանակ խնայելու կատարյալ լուծում չեն: Մեր նախորդ հոդվածում մենք ավելի խորն ենք ուսումնասիրում, թե ինչու շորթկոդերն ունեն իրենց թերությունները, և ինչ է նախապատրաստում Sandwich Team-ը դրանք շտկելու համար:

    Առայժմ, ազատորեն փորձարկեք շորթկոդերը և տեսեք, թե ինչ կարող են դրանք անել ձեզ համար:

    Հաճելի կայքաստեղծում:

  • Շորթկոդերի համադրում. Ինչպես PBS-ը կաջակցի 800+ փլագինների և 2,000+ շորթկոդերի

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    Այս վերջին մի քանի շաբաթների ընթացքում PBS թիմն ավելացրել է քարտեզի տարր, ինչպես նաև ներդիրների (tabs) տարր:

    Հիմա, մեզ համար բավականին հեշտ և պարզ առօրյա կթվար պարզապես երկու օրը մեկ նոր տարր ավելացնելը:

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    Նման համակարգի առավելությունները բավականին զգալի են.

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    Կարճ կոդերի արտապատկերումը (shortcode mapping), սակայն, նորություն չէ, և բազմաթիվ էջ կառուցողներ (page builders) արդեն ունեն այն: Բայց ի՞նչն է մերը դարձնում տարբերվող:

    Ինչպես է աշխատում կարճ կոդերի արտապատկերումը այլ էջ կառուցողներում

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

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

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    Ինչպես է աշխատում կարճ կոդերի արտապատկերումը Page Builder Sandwich-ում

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    Սա մեզ բազմաթիվ հիանալի առավելություններ է տալիս.

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    Բաժանորդագրվե՛ք մեր լրատուին

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • Շորթկոդերի չբարձրաձայնված խնդիրը

    The-Unspoken-Problem-of-Shortcodes

    Կարճ կոդերը (shortcodes) WordPress-ի գագաթնակետերից մեկն են։ Կարճ կոդերը կամուրջ են ծրագրավորողների և կայք ստեղծողների միջև՝ թույլ տալով տեղադրել բովանդակության բարդ տարրեր գրեթե ցանկացած վայրում, որտեղ նրանք ցանկանում են։ Փլագին ստեղծողները սիրում են կարճ կոդերը, քանի որ դա ավելի մեծ ճկունություն է տալիս այն հարցում, թե ինչպես և որտեղ են իրենց օգտատերերը ցուցադրում իրենց բովանդակությունը։

    Եթե չգիտեք, թե ինչ են կարճ կոդերը և ինչ տեսք ունեն, ապա դրանք քառակուսի փակագծերում առնված կոդանման արխայիկ տեքստերն են։ Դրանք ունեն մոտավորապես այսպիսի տեսք.

    Այս կոնկրետ տարբերակը կոչվում է embed կարճ կոդ և լռելյայն ներկառուցված է WordPress-ում։ Այն ներդնում է տեսանյութը URL-ից ձեր բովանդակության մեջ։ Պարզապես պատճենեք և տեղադրեք վերևի կարճ կոդը ձեր կայքում, եթե ցանկանում եք փորձարկել այն։

    Կուլիսների հետևում տեղի է ունենում հետևյալը. երբ WordPress-ը ձեր բովանդակության մեջ կարճ կոդ է հանդիպում, այն մշակվում և վերածվում է մեկ այլ բանի։ Վերևում նշված մեր դեպքում, ամեն անգամ, երբ հայտնաբերվում է

    կարճ կոդ, WordPress-ը վերցնում է կարճ կոդի մեջ եղած URL-ը և համեմատում այն իր ունեցած բովանդակության մի շարք մատակարարների ցանկի հետ։ Երբ գտնում է համապատասխանը, այնուհետև ստանում է համապատասխան iframe ներդրման կոդը և ցուցադրում այն փոխարենը։

    Այդ դեպքում ո՞րն է խնդիրը։ Այն բավականին հեշտ է թվում՝ պարզապես մուտքագրում եք փակագծերով կարճ տեքստ, և վերջ։

    Ահա և Shortcode API-ն…

    Կարճ կոդերի առատություն

    Shortcode API-ն ծրագրավորողների առջև բացում է կարճ կոդեր ստեղծելու հնարավորությունը։ Դրա շնորհիվ ծրագրավորողները կարող են ավելացնել իրենց իսկ սեփական կարճ կոդերը իրենց փլագիններում։

    Սա հիանալի է. այժմ ընդամենը կարճ, կոդանման հատվածի օգնությամբ (այստեղից էլ «կարճ կոդ» / “shortcode” անվանումը), ինչպես սկսնակները, այնպես էլ առաջադեմ օգտատերերը կարող են տեղադրել փաստացի ցանկացած տեսակի բովանդակություն ցանկացած վայրում։

    WordPress-ը լռելյայն ունի ընդամենը մի քանի կարճ կոդ։ Դրանք հեշտ է մտապահելով գրել, քանի որ քիչ են։ Բայց եթե տեղադրեք մի քանի փլագին, կարճ կոդերի քանակը արագորեն հասնում է մեկ տասնյակի կամ ավելիի, իսկ որոշ դեպքերում՝ ավելի քան հարյուրի։ Յուրաքանչյուր կարճ կոդ ունի ատրիբուտների իր հավաքածուն և օգտագործման հրահանգները։ Յուրաքանչյուր փլագին, ամենայն հավանականությամբ, ունի որոշակի փաստաթղթավորում այն մասին, թե ինչպես են աշխատում իր բոլոր կարճ կոդերը, և թվարկում է յուրաքանչյուրում հասանելի բոլոր պարամետրերը։ Բայց դուք խենթ կլինեք, եթե փորձեք անգիր հիշել բոլոր կարճ կոդերն ու դրանց ատրիբուտները։

    Խնդիրն այն է, որ չկա որևէ կենտրոնացված վայր, որտեղ կարող եք գտնել ձեր կայքում հասանելի բոլոր կարճ կոդերը և իմանալ, թե ինչպես օգտագործել դրանք։

    Ոմանք փորձում են լուծել խնդիրը

    Որոշ փլագիններ փորձում են լուծել այս խնդիրը՝ ներկայացնելով իրենց բոլոր կարճ կոդերը հեշտ հասանելի բացվող ցանկում։ Այնուհետև դրանցից մեկի վրա սեղմելը արտածում է կարճ կոդը՝ իր բոլոր հնարավոր ատրիբուտներով։ Այլևս կարիք չկա այն մտապահելու, ինչը լավ է։

    Screen-Shot-2016-06-22-at-11.27.09-AM

    Ոմանք ավելի հեռուն են գնում և ավելացնում են կարգավորումների ելնող պատուհան, որն ունի նշման վանդակներ և գույնի ընտրիչներ՝ կարճ կոդի ատրիբուտները լրացնելու համար։

    Screen-Shot-2016-06-22-at-11.28.54-AM

    Այս լուծումը որոշ չափով աշխատում է։ Այնուամենայնիվ, յուրաքանչյուր փլագին թվարկում է միայն իր սեփական կարճ կոդերը։ Այնպես որ, եթե յուրաքանչյուր փլագին ստեղծի կարճ կոդ ընտրելու իր սեփական ձևը, դուք անխուսափելիորեն կբախվեք այնպիսի իրավիճակների, երբ ձեր էկրանին կլինեն կարճ կոդերի բազմաթիվ ընտրիչներ (սա ինձ հետ նախկինում պատահել է)։

    Screen-Shot-2016-06-22-at-11.22.41-AM

    Այլ կերպ ասած՝ յուրաքանչյուր փլագին գործում է յուրովի և ներդնում է իր սեփական լուծումը իր կարճ կոդերի համար։ Որոշ փլագիններ ավելացնում են կա՛մ նոր կոճակ «Add Media» կոճակի կողքին, կա՛մ նոր կոճակ TinyMCE-ի ներսում։

    Այժմ դուք կարող եք մտածել. «Իսկ ինչո՞ւ պարզապես չհավաքել նաև մյուս փլագինների կարճ կոդերը և ներառել դրանք ձեր բացվող ցանկում / կարճ կոդերի ընտրիչում»։ Դե, ես հենց այդպես էլ մտածեցի։ Բայց դա ավելի հեշտ է ասել, քան անել։ Քիչ անց կբացատրեմ, թե ինչու, բայց նախ եկեք տեսնենք, թե ինչպիսին կլիներ իդեալական լուծումը։

    Իդեալական լուծումը

    Կատարյալ ծրագիրը կլիներ ստեղծել մի փլագին, որը կհավաքի ձեր կայքում հասանելի բոլոր կարճ կոդերը, ապա կներկայացնի ձեզ ցուցակը և նաև կօգնի լրացնել բոլոր ատրիբուտները։ Եվ ամեն անգամ, երբ տեղադրեք նոր փլագին, այդ բոլոր նոր ներմուծված կարճ կոդերը նույնպես կներկայացվեն ձեզ։

    Պատկերացրեք մի կենտրոնացված վայր, որտեղ ձեր բոլոր կարճ կոդերը տեղադրված կլինեն հեշտ հասանելիության համար։ Յուրաքանչյուր կարճ կոդ կնկարագրի, թե ինչ է անում և որ փլագինին է պատկանում։ Այնուհետև յուրաքանչյուր հասանելի ատրիբուտի համար պատկերացրեք, որ դրանցից յուրաքանչյուրը կունենա պիտակ, դրանց համար արժեք ընտրելու պատշաճ եղանակ և նկարագրություն։ Ձեզ կցուցադրվեն բացվող ցանկեր, գույնի ընտրիչներ, ռադիոկոճակներ, փոխարկիչներ և այլն։

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

    Վերապահումը

    Ցավոք, ներկայումս նման բան անելը բավականին դժվար է։ Չկա որևէ հուսալի եղանակ կարճ կոդի բոլոր մանրամասներն իմանալու համար։ Դուք կարող եք ստանալ բոլոր կարճ կոդերի ցանկը, բայց միայն դրանց բուն պիտակները/անունները. դուք չեք կարող ստանալ որևէ լրացուցիչ տեղեկություն դրանց մասին, ինչպիսիք են ատրիբուտների ցանկը, թե ինչ են դրանք անում և ինչ տիպի են՝ օրինակ՝ տող, գույն կամ թիվ։ Ոչ էլ կարող եք ստանալ որևէ նկարագրության նմանվող բան յուրաքանչյուր ատրիբուտի համար։

    Նշում ծրագրավորողներին. այո՛, shortcode_atts ֆունկցիայի համար ավելացվել է նոր երրորդ արգումենտ, բայց դա պարտադիր արգումենտ չէ։ Այնպես որ, քանի դեռ աշխարհի բոլոր փլագին մշակողները չեն ներդրել այն, մենք դեռևս չենք ունենա հուսալի միջոց՝ որոշելու կարճ կոդի բոլոր ատրիբուտները։

    Shortcode API-ն չի տրամադրում որևէ միջոց կարճ կոդերի նկարագրություններ ավելացնելու, ատրիբուտների տիպերը որոշելու կամ ատրիբուտների նկարագրություններ ավելացնելու համար։ Եվ քանի դեռ հենց ինքը՝ WordPress-ը, չի ավելացրել կարճ կոդեր մուտք գործելու կենտրոնացված տարածք, կասկածում եմ, որ նման հնարավորություն կստեղծվի։

    Եզրակացություն

    Այս պահին կարճ կոդերը կազմակերպելու խնդիրը թողնված է յուրաքանչյուր ծրագրավորողի հայեցողությանը։ Քանի դեռ WordPress-ի ներսում կենտրոնացված մեթոդ չի մշակվել, սպասեք, որ կշարունակեք տեսնել բազմաթիվ «Add Shortcode» կոճակներ ձեր կառավարման վահանակում։ Արդյոք նման բան պետք է ավելացվի WordPress Core-ում, թե ոչ, ինքնին մեկ այլ մեծ քննարկման թեմա է։

    Այլընտրանք

    Կան էջ կառուցող փլագիններ, որոնք այլ կերպ են մոտենում այս հարցին։ Ծրագրային եղանակով կարճ կոդերը հայտնաբերելու փոխարեն, դրանք ունեն կարճ կոդերի քարտեզագրիչներ, որտեղ օգտատերերը կարող են ձեռքով մուտքագրել կարճ կոդի յուրաքանչյուր մանրամասն։ Ավարտելուց հետո այն հասանելի կդառնա էջ կառուցողի ներսում։ Թեև  սա աշխատում է, դրանք հասանելի են միայն ձեր սեփական կայքում։

    Մենք Page Builder Sandwich-ում ստեղծում ենք մի բան, որը, հուսով ենք, կարող է լուծել կարճ կոդերի այս գլուխկոտրուկը։ Բաժանորդագրվեք մեր տեղեկագրին ստորև՝ մեր առաջընթացի մասին ծանուցումներ ստանալու համար։

  • Ձեր էջին ոճային քարտեզներ ավելացնելը ինտերակտիվ փորձառություն է

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Այժմ դուք կարող եք տեղադրել քարտեզներ ձեր էջի դիզայնում՝ օգտագործելով Page Builder Sandwich-ը:

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

    Ահա նախադիտումը.

    Քարտեզ ավելացնելու հին ու ձանձրալի եղանակը

    Ահա թե ինչպես եք քարտեզ ավելացնում սովորական էջի կառուցիչով.

    1. Քաշում եք քարտեզի նոր տարրը,
    2. Դաշտերում մուտքագրում եք լայնությունն ու երկայնությունը,
    3. Դաշտերում մուտքագրում եք այլ արժեքներ, ինչպիսիք են քարտեզի բարձրությունը, քարտեզի լայնությունը, նշում եք ճանապարհի ոճի վանդակը և այլն,
    4. Սեղմում եք նախադիտումը, ստուգում, թե ինչպիսի տեսք ունի, և որոշում, որ պետք է ինչ-որ բան փոխել՝ այն ավելի գրավիչ դարձնելու համար,
    5. Վերադառնում եք էջի կառուցիչ և փոխում արժեքները, ապա կրկնում վերը նշված 4-րդ քայլը:

    Page Builder Sandwich-ով քարտեզ ավելացնելու եղանակը

    Կայքերի քարտեզները ինտերակտիվ են՝ դուք կարող եք տեղաշարժվել, մեծացնել և փոքրացնել քարտեզը: Ուստի մենք մտածեցինք՝ ինչո՞ւ չվերացնել բոլոր գուշակությունները և պարզապես թույլ տալ մարդկանց անմիջապես փոխազդել քարտեզի հետ՝ էջը կառուցելիս:

    Ահա թե ինչպես եք քարտեզ ավելացնում Page Builder Sandwich-ով.

    1. Ավելացնում եք քարտեզի տարր,
    2. Մուտքագրում եք լայնությունն ու երկայնությունը կամ հասցեն, որտեղ ցանկանում եք կենտրոնացնել քարտեզը,
    3. Տեղաշարժում եք քարտեզը և մեծացնում կամ փոքրացնում այն՝ ցանկալի տեսքն ստանալու համար,
    4. Ավելացրեք հիանալի գույներ ձեր քարտեզներին՝ ձեր ոճին համապատասխանելու համար,
    5. Սեղմեք պահպանել:

    Մեր եղանակը շատ ավելի հաճելի է և ինտուիտիվ: Դուք ըստ էության փոխազդում եք քարտեզի հետ այնպես, ինչպես սովորական Google Map-ի հետ:

    Գունավոր քարտեզներ կամ ոճավորեք դրանք SnazzyMaps-ի միջոցով

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

    Ահա մեկը, որը մենք վարդագույն ենք երանգավորել.

    Page Builder Sandwich-ը նաև աջակցում է ավելի մանրամասն գունային սխեմաներ SnazzyMaps-ի միջոցով: Նրանք ունեն օգտատերերի կողմից տրամադրված գունային սխեմաների մեծ ցանկ, և թույլ են տալիս ստեղծել ձեր սեփականը, եթե ցանկանում եք ավելի շատ վերահսկել գույները:

    Պարզապես գտեք ձեզ դուր եկած գունային սխեման, այնուհետև վերցրեք կոդը և տեղադրեք Page Builder Sandwich-ում: Գունային սխեման անմիջապես կկիրառվի ձեր քարտեզի վրա:

    Ահա մի հիանալի գունային սխեմա, որը կոչվում է papuportal dark՝ SnazzyMaps-ից:

    Տեղադրեք քարտեզներ, որտեղ ցանկանում եք

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

    Եթե դեռ չունեք Page Builder Sandwich-ը, կարող եք փորձել պրեմիում տարբերակը՝ սեղմելով վերևում գտնվող «Live Demo» հղմանը.

  • 5 պատճառ, թե ինչու է կարևոր սպիտակ տարածությունը

    Reasons-Why-Whitespace-MattersԸստ էության, սպիտակ տարածությունը (whitespace), իր ամենահիմնական սահմանմամբ, կոմպոզիցիայի բոլոր տարրերի շուրջ և միջև եղած չզբաղեցված  տարածությունն  է: Դա չի հանդիսանում պարզապես էկրանի տարածքի վատնում, ինչպես կարծում են շատ կայքերի սեփականատերեր: Ճիշտ օգտագործման դեպքում սպիտակ տարածությունը կարող է իրական առավելություններ տալ արտադրանքն ավելի լավ առաջ մղելու համար: Այն լավ դիզայն ստեղծելու կարևոր բանալին է և կայքն ավելի լավն է դարձնում բոլոր առումներով:

    Չնայած whitespace անվանումը ենթադրում է, որ տարածությունը սպիտակ է, այն միշտ չէ, որ պետք է բառացիորեն սպիտակ լինի: Սպիտակ տարածությունը կարող է լինել ցանկացած գույնի. այն կարող է նույնիսկ ունենալ նուրբ նախշ կամ տեքստուրա: Դա այն տարածքն է, որի վրա դուք չեք ցանկանում, որ հայացքը կենտրոնանա: Մեկ այլ կերպ այն անվանում են նեգատիվ տարածություն:

    Այսպիսով, ինչո՞ւ է սպիտակ տարածությունը կարևոր:

    newsfeed
    Պատկերի աղբյուրը՝ News Feed

    Պատճառ #1. Բարելավում է ընթեռնելիությունը

    Տողատակերի և պարբերությունների միջև եղած սպիտակ տարածությունն իրականում օգնում է մարդկանց հարմարավետորեն կարդալ կայքի ողջ բովանդակությունը: Ձեր կայքի մանր դետալների կարգավորումը (ինչպիսիք են տողամիջյան հեռավորությունը կամ տառամիջյան հեռավորությունը) կարող է հսկայական դեր ունենալ կարդալն ավելի հեշտ դարձնելու գործում:

    Նպատակն է ստիպել մարդկանց ցանկանալ շարունակել ընթերցանությունը՝ նախագծելով աչքի համար հաճելի դասավորություններ:

    hpmagicwords
    Պատկերի աղբյուրը՝ HP Magic Words

    Պատճառ #2. Արագացնում է փոխգործակցությունը

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

    Սպիտակ տարածությունը պետք է օգնի ուղղորդել դիտողին էջով մեկ: Ուշադրության համար մրցակցող ավելի քիչ տարրերը գումարած սպիտակ տարածության ճիշտ օգտագործումը կարող են կանխել շեղող հանգամանքները, որոնք դանդաղեցնում են այցելուներին:

    google
    Պատկերի աղբյուրը՝ Google

    Պատճառ #3. Ուշադրությունը սևեռում է ճիշտ տարրերի վրա

    Սպիտակ տարածությունը կարող է օգտատերերին տեսողական հուշումներ տալ այն մասին, թե որտեղ պետք է նայել: Ճիշտ կերպով օգտագործվելու դեպքում սպիտակ տարածություններն օգնում են ընդգծել տեղեկատվությունը և ուշադրություն հրավիրել ձեր կայքի որոշակի հատվածի վրա:

    Հիշե՛ք, եթե ամեն ինչ աչքի է զարնում, ոչինչ աչքի չի զարնում:

    Պատկերի աղբյուրը՝ Pocket Penguins

    Պատճառ #4. Առաջին տպավորությունը կարևոր է

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

    Խորհուրդ. Ահա մի գաղափար, թե ինչպես դարձնել ձեր վեբ դիզայնը պարզ և ծանոթ.

    flockknitwear
    Պատկերի աղբյուրը՝ Flock Knitwear

    Պատճառ #5. Օգնում է ստեղծել շնչելու տեղ և հավասարակշռություն

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

    Եզրակացություն

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

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

    Ցանկացած կայքի վերջնական նպատակը հաղորդակցությունն է: Տեսողական գրավչությունը ձեռք ձեռքի տված է ընթանում ձեր կայքի հաջողության հետ:

  • WordPress.com-ն ընդդեմ WordPress.org-ի

    Wordpress-Com-VS-Wordpress-OrgԵթե դուք համեմատաբար նորեկ եք կայքեր ստեղծելու գործում, մեծ հավանականությամբ ծանոթ չեք WordPress.com-ի և WordPress.org-ի միջև ծավալված մեծ բանավեճին: Հնարավոր է՝ նույնիսկ չգիտեիք, որ դրանցից մեկն ու մյուսը գոյություն ունեն, ինչպես նաև յուրաքանչյուրի դրական ու բացասական կողմերի մասին: Ուրեմն ինչո՞ւմն է, ասացեք խնդրեմ, WordPress.com-ի և WordPress.org-ի միջև այս մեծ բանավեճը: Մի՞թե մյուսը պարզապես էժանագին կրկնօրինակ է, որը սպասում է, թե երբ են իր դեմ դատական հայց ներկայացնելու:

    Դե, ոչ:

    Բանավեճը, համառոտ ասած, նրա մասին է, թե WordPress-ի այս երկու ծառայություններից որն է ավելի հարմար այն կայքի համար, որը դուք փորձում եք կառուցել: Ոչ մեկը մյուսի կրկնօրինակը չէ, և երկու կայքերն էլ պատկանում են WordPress-ին. պարզապես մեկը (.com) ավելի հարմար է ոչ ծրագրավորողների համար, իսկ .org-ը, ի համեմատություն .com-ի, կայքերի ստեղծման հարցում ունի շատ ավելի քիչ սահմանափակումներ:

    «Բայց ինչպե՞ս իմանամ, թե որն է ինձ պետք»:

    Այս հարցի պատասխանը լիովին կախված է ձեր ապագա կայքի կարիքներից: Չկա WordPress-ի որևէ մեկ տարբերակ, որն օբյեկտիվորեն «ավելի լավն» է կամ նույնիսկ «լավագույնը» օգտագործման համար: Երկուսն էլ ունեն իրենց յուրահատուկ առանձնահատկությունները և հավասար քանակությամբ դրական ու բացասական կողմեր:

    WordPress.com. ինչո՞ւ և ե՞րբ պետք է ընտրեմ այն:

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

    Սակայն նկատի ունեցեք, որ WordPress.com-ն ունի նաև իր սահմանափակումները: Թեև գուցե ստիպված չլինեք այդքան շատ անհանգստանալ ձեր կայքի ներքին աշխատանքը պահպանելու համար, պետք է հաշվի առնեք, որ հավանաբար չեք ունենա այնքան ազատություն, որքան կցանկանայիք: Թեև ձեր կայքի ինտերֆեյսի հարմարեցումը կարող է խնդիր չլինել (օրինակ՝ WordPress.com-ը գալիս է բազմաթիվ թեմաներով), որոշակի գործառույթների և տարրերի ավելացումը փլագինների տեսքով կարող է խնդիր դառնալ, հատկապես, եթե ձեր կայքին անհրաժեշտ են կոնկրետ գործառույթներ, որոնք հասանելի չեն WordPress.com-ում:

    Թե ինչպես պահպանել կայքը, բոլորովին այլ պատմություն է: Դա մեծապես կախված է նրանից՝ 1.) դուք WordPress ծրագրավորող չեք, 2.) կոդ սովորելու ցանկություն չունեք, կամ 3.) դրա համար քիչ ժամանակ ունեք կամ ընդհանրապես չունեք:

    WordPress.org. ե՞րբ է ժամանակը դիտարկելու այն:

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

    «Բայց սպասեք, ինչո՞ւ ես դա կցանկանայի: Մի՞թե WordPress-ի իմաստը կայքերի ստեղծումն ավելի հեշտ դարձնելը չէ»:

    …Ոչ լիովին: Մտածեք այսպես. The Daily Post-ը հիանալի նմանություն է անցկացնում WordPress.org-ի և WordPress.com-ի միջև, այնպես, որ նույնիսկ ամենաանփորձ նորեկները (ինչպիսին ես եմ) անմիջապես հասկանում են էությունը:

    Ըստ նրանց՝ դուք պետք է WordPress.com-ը պատկերացնեք որպես մի բան, որին ամբողջությամբ չեք տիրապետում: Վերցրեք, օրինակ, ձեր 15 տարեկան տարիքը, երբ դեռ ապրում եք ձեր ծնողների հետ: Եթե ցանկանայիք ներկել ձեր ննջասենյակը, նախ պետք է հարցնեիք ձեր ծնողների թույլտվությունը (ովքեր, իհարկե, տան լիարժեք սեփականատերն են, ներառյալ ձեր սենյակը): Տեխնիկապես սենյակը ձերն է, բայց ի վերջո, դե… կարծես թե այդպես չէ:

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

    WordPress.org-ը, մյուս կողմից, մի բան է, որը կարող եք ազատորեն հարմարեցնել և փոփոխել ձեր սեփական հայեցողությամբ: Սա կարելի է համեմատել այն բանի հետ, երբ 18 տարեկանում վերջապես առանձնանում եք և սեփական բնակարանն ունենում: Քանի որ դուք ձեր կացարանի լիարժեք սեփականատերն եք, պարտավոր չեք որևէ մեկի հետ փոխզիջման գնալ՝ ձեր պատերը այն գույնով ներկելու համար, որից ձեր մայրիկը միշտ սարսափել է. դուք ազատ եք ինքնուրույն որոշում կայացնելու և/կամ վարձելու մեկին, ով համապատասխանում է ձեր չափանիշներին, որպեսզի դա անի ձեզ համար: Բացի այդ, դուք ունեք նաև ազատություն ընտրելու հենց այն օդորակիչը, որը ցանկանում եք ձեր հյուրասենյակի համար: Պարզապես, եթե այն պատահաբար փչանա, դուք ստիպված կլինեք վարպետ վարձել այն վերանորոգելու համար կամ ինքնուրույն պարզել, թե ինչն է խնդիրը և ինչպես այն վերանորոգել (ինչը այնքան էլ վատ չէ, քանի որ, դե, դաս քաղեցիք, իսկ սովորելը լավ է):

    Այժմ, հուսով ենք, դուք ավելի հստակ պատկերացում ունեք այն մասին, թե որոնք են WordPress.com-ի և WordPress.org-ի միջև եղած հիմնական տարբերությունները: Բայց համառոտ ասած.

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

    Բովանդակության վերահսկողությունը սահմանափակ է,

    WordPress.com WordPress.org
    Ամբողջությամբ հոսթինգ է ստանում WordPress-ի կողմից. բոլոր հիմնական անհրաժեշտությունները ներառված են: Ինքնահոսթինգ. ընտրեք ձեր սեփական անհրաժեշտությունները կամ ընտրեք ավելի լավերը:
    Հնարավորությունները սահմանափակվում են նրանով, ինչ առաջարկում է WordPress.com-ը Հազարավոր հնարավորություններ փլագինների տեսքով,

    Սրանք մի քանի համեմատություններ են, որոնք ի հայտ են գալիս երկուսի միջև եղած տարբերությունները կշռադատելիս: Երկուսի միջև ընտրությունը, ի վերջո, հանգում է նրան, թե որքան ազատություն եք ցանկանում ձեր կայքը ստեղծելիս, և որքան ռեսուրսներ (ժամանակ, ջանք, գումար և այլն) եք պատրաստ տրամադրել դրա համար: Հիշեք, որ սրանք երկուսն էլ շատ կարևոր տարբերակներ են, որոնք պետք է կշռադատել նախքան որոշելը, թե WordPress-ի որ հարթակն է ձեզ լավագույնս համապատասխանում: Այնպես որ, մի շտապեք որոշում կայացնելիս:

    Հաճելի կայքաշինություն:

  • 5 պարզ խորհուրդ՝ ձեր կայքը գեղեցիկ դարձնելու համար

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    Ահա մի քանի հիմնական խորհուրդներ, թե ինչ կարող եք անել ձեր կայքի դիզայնը բարելավելու համար:

    Add high-quality images

    oars
    oars.com
    whitetablecatering
    whitetablecatering.com

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    Ընտրեք ճիշտ գույներ

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

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

    Ձեր դիզայնի համար ընտրեք առավելագույնը երկուսից երեք հիմնական գույն: Եթե զգում եք ավելի շատ գույներ ավելացնելու կարիք, կարող եք օգտագործել ձեր հիմնական գույների բաց և մուգ երանգները (tints and shades): Գույնի տեսության մեջ լուսավոր երանգը (tint) գույնի խառնուրդն է սպիտակի հետ, ինչը մեծացնում է բացությունը, մինչդեռ մուգ երանգը (shade) գույնի խառնուրդն է սևի հետ, ինչը նվազեցնում է բացությունը:

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    Օգտագործեք կոնտրաստային տառատեսակներ

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

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

    Պահպանեք մաքրությունը՝ օգտագործելով դատարկ տարածություն (whitespace)

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    Դարձրեք այն հարմար մոբայլ սարքերի համար

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    Լրացուցիչ խորհուրդ. Ձեր կայքում Page Builder Sandwich-ի օգտագործումը ավտոմատ կերպով կակտիվացնի մոբայլ դիտումը և կհարմարեցնի այն մոբայլ էկրանի չափսին:

    Եզրակացություն

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

  • Ինչո՞ւ WordPress:

    Why-WordpressՁեր առաջին կայքը ստեղծելիս կարևոր հանգամանքներից մեկը, որ պետք է հաշվի առնել՝ անկախ նրանից, թե բիզնես եք, ֆրիլանսեր, թե որևէ մեկ ուրիշը, այն է, որ ոչ բոլորն են տիրապետում կոդավորման և ծրագրային ապահովման մշակման լեզվին։ Դուք կարող եք լինել, օրինակ, խոհարար, ով ցանկանում է իր բաղադրատոմսերը հրապարակել առցանց։ Դուք կարող եք նաև լինել Գեղարվեստի ֆակուլտետի ուսանող, ում անհրաժեշտ է պրոֆեսիոնալ տեսք ունեցող պորտֆոլիո, կամ ստարտափ բիզնես, որին անհրաժեշտ է սեփական կայք։ Անկախ նրանից, թե սրանցից որ մեկն եք դուք, փաստը մնում է փաստ, որ չնայած մեզանից ոմանք կարող են ծանոթ լինել կոդի հիմունքներին, մենք բոլորս լիաժամ ծրագրավորողներ չենք, և ոչ բոլորը, ովքեր կայքի կարիք կամ ցանկություն ունեն, գիտեն, թե ինչպես ստեղծել այն զրոյից։ Ահա թե որտեղ WordPress-ը կարող է օգտակար լինել։ Առաջանում է հարցը՝ «Ինչո՞ւ WordPress»։

    ՊԱՏՃԱՌ #1

    WordPress-ը բովանդակության կառավարման համակարգ է, ինչը այն դարձնում է լիովին հարմարավետ օգտագործողի համար։

    Առաջին բանը, որ դուք պետք է իմանաք, այն է, որ WordPress-ը բովանդակության կառավարման համակարգ է (կամ CMS): Ավելի պարզ ասած, սա նշանակում է, որ WordPress-ը թույլ է տալիս իր օգտատերերին ստեղծել կայքեր՝ առանց զրոյից կոդ գրելու անհրաժեշտության։ Այն ունի համակարգված, կազմակերպված ինտերֆեյս, որը թույլ է տալիս անընդհատ վերահսկել ամեն ինչ՝ առանց ժամանակ առ ժամանակ կոդի մեջ խորանալու։

    Համեմատած զրոյից կայք ստեղծելու հետ, որը սովորաբար սկսվում է այսպես՝

    screenshot-1 Բովանդակության կառավարման համակարգի դեպքում դուք սկսում եք մոտավորապես այսպիսի բանով՝

    WordPress
    WordPress-ի կառավարման վահանակի ինտերֆեյսը: Կայքերի կառավարումն ու ստեղծումն ավելի հեշտ է դառնում CMS-ի միջոցով:

    Դուք կարող եք ինքներդ ձեզ հարցնել․ «WordPress-ը հիանալի է թվում, բայց ի՞նչ անել, եթե այն չունի այն գործառույթները, որոնք ես ցանկանում եմ իմ կայքի համար», կամ «ի՞նչ անել, եթե ես ցանկանում եմ քարտեզ, երաժշտական նվագարկիչ, քեշավորման շարժիչ կամ ավելի հուսալի անվտանգության համակարգ»։

    …Տեխնիկապես ասած, WordPress-ը հավանաբար ունի այդ գործառույթը, որը դուք ցանկանում եք, և այն կլինի WordPress-ի փլագինի.

    ՊԱՏՃԱՌ #2

    Փլագիններ՝ WordPress-ի տորթի վրայի բալը

    Եթե անհանգստանում եք, որ WordPress-ը չի ներառում այն կոնկրետ գործառույթը, որը դուք կարող է ցանկանաք ձեր կայքում, մի անհանգստացեք՝ այն հավանաբար ունի դա։

    Փլագինները «ընդլայնման հնարավորություններ» են, որոնք գոյություն ունեն ձեր WordPress կայքի ֆունկցիոնալությունը մեծացնելու համար։ Եթե դուք ձեռնարկատեր եք, ում կոնտակտային ձև է անհրաժեշտ իր կայքի համար, ապա պետք է հաշվի առնեք, որ WordPress-ն ինքնին չունի այդ գործառույթը, սակայն կան բազմաթիվ փլագիններ, որոնք ունեն։ Եվ քանի որ WordPress-ը բաց կոդով է (open-source)— ինչը նշանակում է, որ գրեթե ցանկացած ոք կարող է իր ներդրումն ունենալ դրա զարգացման մեջ— կանոնավոր կերպով ստեղծվում են նոր փլագիններ։ Դուք կարող եք ստանալ ձեր ուզած կոնտակտային ձևը և ավելին։ Դուք ազատություն ունեք ավելացնելու այլ փլագիններ՝ սկսած սոցիալական ցանցերում կիսվելու կոճակներից մինչև քարտեզներ և նույնիսկ ձեր կայքի անվտանգության լրացուցիչ միջոցներ, ի թիվս բազմաթիվ այլ գործառույթների ու ընդլայնումների։ Հիմա ասեք՝ մի՞թե դա հիանալի չի հնչում։

    Ներկայումս WordPress-ն ունի հազարավոր այդպիսի փլագիններ, և դրանցից մի քանիսը նույնիսկ հասանելի են անվճար և/կամ ունեն անվճար տարբերակներ, այդ թվում՝ PBS.

    ՊԱՏՃԱՌ #3

    Բաց կոդ՝ WordPress-ի համայնքը

    WordPress-ը բաց կոդով է (Open Source): Սա նշանակում է, որ յուրաքանչյուր ոք կարող է ազատորեն իր ներդրումն ունենալ դրա զարգացման գործում, և յուրաքանչյուր ոք կարող է ուսումնասիրել դրա հիմնական կոդը՝ ծրագրային ապահովման մշակման և նույնիսկ հենց WordPress-ի մասին ավելին իմանալու համար։ Կան նույնիսկ բիզնեսներ, որոնք բացառապես նվիրված են WordPress-ի հետ կապված արտադրանքների ստեղծմանն ու զարգացմանը, ինչպիսիք են փլագինները և թեմաները (ինչպես մենք!)։

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

    ՊԱՏՃԱՌ #4

    WordPress-ը վստահելի է ու օրինական։

    CNN-ը, The Official Star Wars Blog-ը, Time Magazine-ը և նույնիսկ (Օ՜, ԱՍՏՎԱԾ ԻՄ!) Բեյոնսեն բոլորն ունեն WordPress-ով աշխատող կայքեր, ի թիվս շատ ուրիշների։ Այս մեծ անունները միակ բանը չեն, որ հաստատում են WordPress-ի վավերականությունը․ ըստ Treehouse.com-ի՝ համացանցում գործող բոլոր կայքերի մոտ 25%-ն աշխատում է WordPress-ով։ Հաշվի առնելով, թե քանի միլիոնավոր և հազարավոր կայքեր գոյություն ունեն… դե, 25%-ը բավականին մեծ թիվ է։

    ՊԱՏՃԱՌ #5

    Անհատականացման հսկայական հնարավորություններ։

    WordPress-ն ունի թեմաների հսկայական ընտրանի ձեզ և ձեր կայքի համար։ Դուք ազատ եք ընտրելու անվճար տարբերակներից, պրեմիում տարբերակներից կամ նույնիսկ ստեղծելու ինքնուրույն (կամ վարձել որևէ մեկին, ով այն կստեղծի ձեզ համար)։

    ՊԱՏՃԱՌ #6:

    Այն անվճար է։

    Այո, ճիշտ եք կարդացել։ Տեղային մշակման (Local Development) միջոցով WordPress-ը լիովին անվճար է, և կարող եք այն տեղադրել ձեր համակարգչում ընդամենը մեկ կոճակի սեղմումով։ Նմանապես, ծրագրավորող վարձելու փոխարեն, կարող եք օգտագործել կոդավորման վերաբերյալ ձեր ունեցած գիտելիքները՝ ավելին իմանալու, թե ինչպես է աշխատում WordPress-ը (իսկ նոր բան սովորելը միշտ էլ լավ է)։

    …չհաշված, որ եթե ժամանակ չունեք շատ խորանալու WordPress-ի և կայքերի ստեղծման մեջ, միշտ կարող եք ձեռք բերել էջեր կառուցող հարմարավետ փլագին և փորձել մերը։

    Հիշեք, որ WordPress-ի հետ կան անսահմանափակ հնարավորություններ, և պարտադիր չէ հանճար լինել՝ հասկանալու համար, թե ինչպես է այս ամենն աշխատում։

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

    Հաջողություն ենք մաղթում կայքերի ստեղծման գործում։

  • 3 բան, որ պետք է հաշվի առնել նախքան էջեր կառուցող գործիքների (page builders) մեջ խորասուզվելը

    3-Things-to-Consider-Before-Diving-Into-Page-BuildersՄեծ հավանականություն կա, որ դուք այստեղ եք, քանի որ լսել եք, որ PBS-ը, հնարավոր է, կայքերի ստեղծման ամենաարագ ուղիներից մեկն է: Թեև էջերի կառուցիչները ընդհանուր առմամբ նախատեսված են ամեն ինչ ավելի հեշտացնելու համար, այնուամենայնիվ կան մի քանի բաներ, որոնք արժե հաշվի առնել WordPress-ի մշակման այս ոլորտի մեջ ավելի խորասուզվելուց առաջ:

    WordPress-ի ուսումնասիրությունը. Էջերի կառուցիչների օգտագործման կարևոր նախապայման

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

    Եթե այս հոդվածում տեխնիկական տերմինների առատությունը ձեզ մի փոքր վախեցնում է, մի՛ անհանգստացեք: Կան մի քանի օգտակար կայքեր, որոնք կարող եք այցելել՝ սկսելու համար: Դրանցից մի քանիսն են WordPress Codex-ը և Treehouse-ը: Այնտեղ ներկայացված են WordPress-ի վերաբերյալ խորհուրդներ և կայքերի ստեղծման ուղեցույցներ՝ կախված ձեր կարիքներից և գիտելիքների մակարդակից:

    Հնարավոր է՝ ցանկանաք նախ փորձարկել՝ համոզվելու համար

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

    Բացի հոդվածներ և ակնարկներ ուսումնասիրելուց, WordPress-ի մեր սիրելի առանձնահատկություններից մեկն այն է, որ այն ունի հսկայական համայնք: Կան անհատներ, թիմեր և նույնիսկ բիզնեսներ, որոնք պատրաստ են օգնության ձեռք մեկնել WordPress-ի իրենց գործընկերներին, հատկապես ձեզ նման նորեկներին: Համայնքը հիմնականում գործում է ավելի շատ «փոխանցիր բարությունը», քան «տուր և առ» սկզբունքով:

    Դիզայնը հսկայական նշանակություն ունի

    WordPress-ի էնտուզիաստ Դոննա Ֆոնտենոտ Կավալյերը շատ ճիշտ միտք է արտահայտում drag and drop էջերի կառուցիչների և հիմնարար դիզայնի կարևորության մասին: Թեև drag-and-drop կառուցիչները, ինչպիսին է PBS-ը, կարող են ձեզ մեծ ժամանակ խնայել, հիմնական գիտելիքները և էսթետիկայի հետ գոնե որոշակի ծանոթությունը ևս մեկ կարևոր հանգամանք են, որը պետք է հաշվի առնել կայքեր ստեղծելիս: Պատկերացրեք մի իրավիճակ. ասենք, թե դուք ձեռք եք բերել ձեր նախընտրած հարմարավետ էջերի կառուցիչը. հիանալի է: Բայց հետո ենթադրենք, որ դուք այնպիսի մարդ եք, ով արվեստի, դիզայնի և ֆունկցիոնալության առումով ամենալավ ճաշակը չունի. օ՜, ո՛չ.

    Սակայն մի՛ անհանգստացեք: Page Builder Sandwich-ը պարզապես էջերի կառուցիչ չէ. մեր թիմը նաև նվիրված է WordPress-ի այլ օգտատերերին օգնելուն: Այնպես որ, եթե դիզայնի հետ կապված փոքր-ինչ դժվարություններ ունեք, մի՛ անհանգստացեք. PBS բլոգում մենք ունենք մի շարք հոդվածներ՝ բազմաթիվ օգտակար խորհուրդներով, որոնք կօգնեն ձեզ սկսել: Այդպիսով դուք կկարողանաք անել ավելին, սովորել ավելին և ավելի քիչ անհանգստանալ:

    Հիշե՛ք, եթե ունեք որևէ հարց կամ մտահոգություն էջերի կառուցիչների կամ վերը նշված կետերից որևէ մեկի վերաբերյալ, ազատորեն գրեք մեզ ներքևի մեկնաբանությունների բաժնում: Մենք միշտ ուրախ ենք օգնել մեր հաճախորդներին:

    Հաջողություն կայքի ստեղծման գործում:

  • Ինչպես ստեղծել հիմնական հերոս վերնագրեր 3 հեշտ քայլով

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    Ի՞նչ են Hero Header-ները:

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    Ձեր առաջին PBS hero header-ը ստեղծելու համար հետևեք ստորև նշված արագ քայլերին.

    Քայլ 1. Տեղադրեք սյունակ և կարգավորեք տողի լայնությունը

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    Քայլ 2. Կարգավորեք լուսանցքը՝ դատարկ տարածություն (Whitespace) ստեղծելու համար

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    Քայլ 3. Ավելացրեք ֆոն՝ տեքստի և տարրերի վերադրմամբ (overlays)

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    Խորհուրդ #2. Բրենդինգի տարրերի համար նախատեսեք սպիտակ կամ սև լոգոյի օգտագործում, որպեսզի այն չհակասի գունագեղ ֆոնային պատկերին:

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    Չմոռանաք պահպանել ձեր աշխատանքը, և վերջ՝ ամեն ինչ պատրաստ է:

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

    Հաճելի կայքաշինություն: