Ինչպես ստեղծել և ցուցադրել թռուցիկ՝ ըստ Post Tag WordPress-ում

Ցանկանու՞մ եք WordPress-ում ստեղծել և ցուցադրել մեկ թռուցիկ յուրաքանչյուր գրառման պիտակի համար: Այսպիսով, շարունակեք կարդալ այս հոդվածը:

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

WordPress-ում կան բազմաթիվ պլագիններ՝ թռուցիկ պատուհաններ ստեղծելու համար, օրինակ՝ Elementor Pro, JetPopup, Brizy Pro և այլն։

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

Բովանդակության աղյուսակը

WordPress-ի որոշ պլագիններ՝ թռուցիկներ ստեղծելու համար

Elementor Pro- ն

Elementor Pro-ն Elementor-ի ընդլայնում է՝ հարյուրավոր պրեմիում հատկանիշներով: Այն ձեզ տալիս է հզոր պրոֆեսիոնալ գործիքներ, որոնք արագացնում են ձեր աշխատանքի ընթացքը և դիզայնը: Elementor Pro-ն ձեզ լիարժեք վերահսկողություն է տալիս ձեր կայքի դասավորության և դիզայնի վրա: Այս դեպքում դուք կարող եք ազատորեն հարմարեցնել ձեր թռուցիկ պատուհանի դիզայնը:

Utiliser Elementor Pro- ն Փոստային պիտակի միջոցով թռուցիկ ստեղծելը շատ պարզ է և հեշտ օգտագործման համար: Դուք կարող եք հեշտությամբ սահմանել ձեր թռուցիկ պատուհանի ցուցադրման պայմանները շատ ճշգրիտ ձևով:

Crocoblock-ի JetPopup-ը ընդլայնում է Elementor. Դուք կարող եք այն գնել որպես ինքնուրույն փլագին կամ գնել այն փաթեթով այլ Crocoblock հավելվածների հետ: Թռուցիկ պատուհան ստեղծելու համար JetPopup-ի օգտագործման առավելությունն այն է, որ այն հագեցած է շատ զովացուցիչ հատկանիշներով:

Դուք կարող եք խաղալ թռուցիկ պատուհանի գործարկիչներով:
Դուք կարող եք ստեղծել անիմացիաներ բացվող պատուհանի համար:
Հասանելի են մեծ թվով թռուցիկ ձևանմուշներ:

Կարդացեք նաեւ. 22 լավագույն պրեմիում հավելումներ Elementor-ի համար

Brizy Pro

-ի թռուցիկ ստեղծողը Brizy Pro առաջարկում է ձեզ երկու տարբերակ. Առաջինը սեղմումով ակտիվացված թռուցիկն է, իսկ երկրորդը՝ ավտոմատ գործարկիչները և պայմանները:

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

Ինչպես արդեն նշվեց, WordPress-ում թռուցիկ ստեղծելու մի քանի տարբերակ ունեք: Այս ձեռնարկում մենք ձեզ ցույց կտանք, թե ինչպես ստեղծել և ցուցադրել թռուցիկ յուրաքանչյուր գրառման պիտակ՝ օգտագործելով տարբերակը Elementor Pro- ն, այնպես որ համոզվեք, որ դուք արդեն ունեք:

Առաջին բանը, որ պետք է անել, նոր թռուցիկ ձևանմուշ ստեղծելն է: Նոր թռուցիկ ձևանմուշ ստեղծելու համար անցեք Կաղապարներ > Թռուցիկ պատուհաններ ձեր WordPress վահանակի վրա և սեղմեք կոճակի վրա Ավելացնել նոր.

Հաջորդը, ավելացրեք ձեր թռուցիկ պատուհանի անունը և սեղմեք կոճակը ՍՏԵԵԼ ՄՈԴԵԼ:

Դուք կուղղորդվեք դեպի կաղապարների գրադարան, կարող եք ընտրել կաղապարը գրադարանի պատուհանից կամ նախագծել ձեր սեփական «Բացվող» ձևանմուշը: Գրադարանից կաղապար օգտագործելու համար պարզապես սեղմեք կոճակը տեղադրել.

Բայց այս ձեռնարկում մենք պատրաստվում ենք զրոյից ստեղծել թռուցիկ ձևանմուշ: Սեղմեք պատկերակը X կաղապարների գրադարանը փակելու համար։

Նախքան թռուցիկ ձևանմուշ ստեղծելը մենք պետք է որոշ ճշգրտումներ կատարենք թռուցիկ պատուհանի կարգավորումներում: Դուք կարող եք գտնել ձեր կայքի լավագույն կարգավորումները: Այս ձեռնարկում մենք ձեզ ցույց կտանք ձեր ընտրած թռուցիկ կարգավորումները:

Կտտացրեք փոխանցման պատկերակը ներքևի ձախ անկյունում: Բացվող պարամետրերում փոխեք լայնություն տեսարանի լայնության 90%-ում (VW) Et է Դիրք en Կենտրոն-ներքև.

Հաջորդը, ձևավորեք ձեր թռուցիկ ձևանմուշը: Ավելացնել նոր բաժին և ընտրել 5 սյունակի կառուցվածքը: Բաժնի կարգավորումներում սահմանեք լայնություն 950-ի վրա: Դուք կարող եք խաղալ ձեր կարգավորումներով:

Օրինակ, կարող եք գնալ ներդիր ոճ ֆոնը սահմանելու համար անցեք ներդիր առաջադեմ մարժան հարմարեցնելու համար և շատ ավելին:

Այժմ վերադառնանք ձեր սյունակներին: Ձախ սյունակում լայնությունը սահմանեք 33%, իսկ մյուս չորսի համար՝ 16%:

Ձախ սյունակում մենք կավելացնենք Title վիջեթը որոշ տեքստով: Դուք կարող եք ավելացնել տեքստ, որը հրավիրում է ձեր կայքի այցելուներին դիտել ընթացիկ բովանդակությանն առնչվող այլ բովանդակություն կամ ձեր ընտրած ցանկացած այլ տեքստ:

Աջ կողմում մենք կավելացնենք Image widget: Դուք կարող եք պատկերներ ավելացնել գրառումների մանրապատկերներից/հատուկ պատկերներից կամ վերբեռնել դրանք ձեռքով:

Այժմ կառուցվածքը պատրաստ է։ Վերադարձ դեպի Թռուցիկ պարամետրեր մուտքի, ելքի և լուսանցքի անիմացիաները հարմարեցնելու համար: Այս ձեռնարկում մենք մուտքագրում ենք Մարել և ելքը միացված է Մարել. Այնուհետեւ գնացեք ներդիր առաջադեմ և սահմանել մարժան 30 (հղումների ընդհանուր արժեք):

Այժմ, երբ դիզայնը պատրաստ է, սեղմեք կոճակը ԿՀՐԱՊԱՐԱԿԻ ցուցադրման պայմանները և գործարկիչները սահմանելու համար: Ցուցադրման պայմանը սահմանելու համար սեղմեք կոճակը ԱՎԵԼԱՑՆԵԼ ՊԱՅՄԱՆ և ընտրեք ձեր տարբերակը բացվող ցանկից:

Քանի որ ցանկանում եք ցուցադրել թռուցիկ ըստ գրառման պիտակը, կարող եք սահմանել ցուցադրման հետևյալ պայմանները (տես անիմացիան):

Սեղմեք Հաջորդը: Ներդիրում թողարկիչ, դրեք ձգանին Ոլորման վրա անջատիչը շրջելով դեպի այո. Սահմանել Առաջնորդություն վրա bas իսկ լայնություն ավելի քան 95%: Քանի որ մենք ցանկանում ենք, որ թռուցիկ հայտնվի, երբ այցելուները հասնեն մեր հոդվածի ավարտին:

Այս ձեռնարկում մենք չենք պատրաստվում սահմանել Ընդլայնված կանոններ. Այսպիսով, սեղմեք ՊԱՀՊԱՆԵԼ ԵՎ ՓԱԿԵԼ. Դե, հիմա մենք ավարտեցինք:

Տեսնենք, թե ինչ տեսք ունի:

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

Ներբեռնեք Elementor Pro

Կիսվեք այս հոդվածով.

Միխոս Գարթներ

Միխոս Գարտները թվային գործիքների փորձագետ է, ով գնում, փորձարկում և վերանայում է SAAS գործիքներ փոքր բիզնեսի համար: Հիմնվելով տեխնոլոգիական ոլորտում տարիների փորձի վրա՝ նա տրամադրում է խորաթափանց ակնարկներ: Դրա բովանդակությունը լայնորեն սպառվում է՝ ամեն ամիս սպասարկելով միլիոնավոր օգտատերերի: