Վերադառնալ վերև կոճակ WordPress-ի համար: Տեղադրման ընտրանքներ
Ողջույն, կայքի հարգելի ընթերցողներ: Ձեզ եմ ներկայացնում նոր գրառում, որտեղ կխոսեմ, թե ինչի համար է «Վերադառնալ սկիզբ» կոճակը և ինչպես տեղադրել այն WordPress-ում։ Դե, սկզբում, ինչպես միշտ, ես կբացատրեմ, թե ինչու է այս կոճակը նույնիսկ անհրաժեշտ և արդյոք արժե այն տեղադրել: Եկեք սկսենք:
Ինչի՞ համար է «Վերադառնալ վերև» կոճակը:
Օրինակ, դուք գրել եք երկար հոդված, օգտատերը կարդացել է այն մինչև վերջ և այժմ ցանկանում է վերադառնալ սկզբին: Կարծում եմ՝ սա ծանոթ իրավիճակ է։ Ճիշտ չէ՞։ Բայց մկնիկի անիվը պտտելը և սահիկը «քաշելը» այնքան էլ հարմար չէ և երկար ժամանակ է պահանջում։
Դրա համար էլ ստեղծվել է այս գործառույթը— էջը վերև բարձրացնելով: Եվ նաև, եթե դուք գեղեցիկ ձևավորում եք կոճակը, ապա սա դիզայնի առավելություն է: Եվ եթե դուք փոփոխում եք այն, ապա երբ սեղմում եք այն, կարող եք էջը բաց թողնել, այսինքն. հակառակը։ Հենց այդպես։
Էջի բարձրացումը կարելի է անել և՛ plugin-ի օգնությամբ, և՛ առանց դրա։ Հիմա կբացատրեմ երկուսն էլ։ Ուստի զգույշ եղեք։
Փլագինով կոճակի տեղադրում
Առաջին բանը, որ դուք պետք է անեք, այն ակտիվացնելն է: Որից հետո կոճակը կսկսի աշխատել։ Բայց կոճակի պատկերը կլինի ստանդարտ: Ես ձեզ խորհուրդ եմ տալիս փոխել այն ձեր սեփականը: Դրա համար.
- Գնացեք «Ընտրանքներ» ներդիր
- —> Ոլորել դեպի վերև
- Եվ ընտրեք կոճակի տեսքը առաջարկվածներից կամ վերբեռնեք ձերը
- Սեղմեք «Թարմացնել ընտրանքները» կոճակը
- Պատրաստ. WordPress-ի «Վերադառնալ վերև» կոճակը նոր տեսք ունի:
Այսպես. Դուք կարող եք նաև կարգավորել այն, մասնավորապես.
- Գտնվելու վայրը
- Նեղացումներ
- Արագություն
- և ավելին
«Վերադառնալ վերև» կոճակը առանց պլագինի
Այժմ մենք կանդրադառնանք, թե ինչպես դա անել Վերադառնալ վերև կոճակ wordpress-ի համարառանց երրորդ կողմի պլագինների օգտագործման: Ինչու չկա plugin: Բայց քանի որ պլագինները դանդաղեցնում են կայքը։ Սա արդեն մեկ անգամ չէ, որ ասել եմ (Հոդվածում - Տեսանյութերի ավելացում WordPress-ում) և նորից ու նորից կասեմ։
Կոճակ պատրաստելու համար հետևեք ստորև ներկայացված հրահանգներին.
1. Բացեք ֆայլը footer.php, որը գտնվում է կաղապարի թղթապանակում և տեղադրեք նախկինում կոդը:
Պարզապես կատարեք որոշ փոփոխություններ, մասնավորապես.
- որտեղ գրված է your_site.ru - գրեք ձեր կայքի հասցեն
- որտեղ է նկարի ուղին - մուտքագրեք նկարի ուղին, որը կլինի կոճակը
- որտեղ նկարը նկարի վերնագիրն է: Եթե ոչ .jpg, ապա փոխեք այն ձևաչափով, որը դրված է նկարում:
2. Բացեք ֆայլը style.css, որը նույնպես գտնվում է ձևանմուշով թղթապանակում և հենց վերջում տեղադրեք հետևյալ կոդը.
#toTop (լայնությունը՝ 100px; տեքստի հավասարեցումը՝ կենտրոնում; լիցքավորումը՝ 5px; դիրքը՝ ֆիքսված; ներքևում՝ 10px; աջ՝ 10px; կուրսորը՝ ցուցիչ; գույնը՝ #666666; տեքստի ձևավորում՝ ոչ մեկը;)
3. Ներբեռնեք և հանեք այն: Այն պարունակում է ֆայլ verx.js, որը դուք պետք է ավելացնեք ձեր կայքի արմատին:
4. Բացեք ֆայլը functions.php, որը գտնվում է ձևանմուշով թղթապանակում և այնտեղ մուտքագրեք կոդը.
// խելացի jquery ընդգրկում, եթե (!is_admin()) ( wp_deregister_script ("jquery"); wp_register_script ("jquery", ("//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ), կեղծ wp_enqueue_script ("jquery");
5. Դե, այսքանը։ Ես կարող եմ շնորհավորել ձեզ, այժմ ձեր կայքը ունի WordPress-ի համար «back to top» կոճակը:
Դուք հենց նոր կարդացիք «Վերադառնալ վերևի կոճակ WordPress-ի համար» հոդվածը և տեղադրեցիք այն ինքներդ: Ի՞նչ տպավորություններ ունեք։ Գրեք մեկնաբանություններում! Առայժմ այսքանը, բոլորը:
Հարգանքներով՝ Կոնստանտին Բելան։
Վեբ կայքի համար «վերադառնալ» կոճակը վաղուց պարտադիր հատկանիշ է:
Ինքներդ դատեք, բավական երկար հոդված եք կարդում։ Մենք ավարտեցինք ընթերցումը, այժմ մենք պետք է գնանք կայքի վերևում: Դուք կարող եք դա անել՝ օգտագործելով բրաուզերի սահիչը, բայց, տեսնում եք, շատ ավելի հարմար է սեղմել մկնիկը և լինել վերևում՝ հարթ, կոկիկ էֆեկտով: Մանրուք, իհարկե, բայց հենց այս փոքրիկ բաներն են, որ ձևավորում են վերաբերմունքը ձեր կայքի նկատմամբ: Եվ ինքներդ ձեզ համար ավելի հաճելի է, երբ ստուգում եք հոդվածը, այո, կամ պարզապես հիանում եք ձեր կայքում: Եթե դա արվում է հոգով, իհարկե։
Շատ ժամանակակից թեմաներ արդեն ունեն ներկառուցված Վերադառնալ վերև կոճակի գործառույթ: Դրանք կարող են լինել ձեր ընտրած տեքստով սլաքներ կամ մակագրություններ: Ամենից շատ, իհարկե, մի շարք նետեր: Կոկիկ, էլեգանտ, դրանք միշտ ձեռքի տակ են, ցանկացած պահի կարող եք շարժվել դեպի վեր։
Կարծիք կա, սակայն, որ համար ժամանակակից բրաուզերներԱրդեն կան ընդլայնումներ, որտեղ կարող եք տեղադրել նման կոճակ ցանկացած կայքի համար։ Այո, այս ընդլայնումները գոյություն ունեն և՛ Chrome-ի, և՛ Fox-ի համար: Բայց, հիշեք, որ տարբեր մարդիկ են գալիս ձեր կայք: Կան բազմաթիվ IE երկրպագուներ, ոմանք պարզապես չեն ցանկանում տեղադրել լրացուցիչ ընդլայնումներ իրենց բրաուզերների վրա. Մի խոսքով, դա չի խանգարի, իմաստ ունի որոշ ժամանակ ծախսել ձեր կայքի արդյունավետությունը բարելավելու համար.
WordPress-ով աշխատող կայքի համար Վերադառնալ վերև կոճակի տեղադրման ընտրանքներ
Վերադառնալ վերև կոճակի կարգավորում՝ օգտագործելով կոդ:
Այստեղ ես ունեմ իմ կարծիքը, որը սիրով կկիսվեմ ձեզ հետ։
Կան բազմաթիվ տարբեր տարբերակներ վերևի կոճակը ինքնուրույն տեղադրելու համար և շատ ավելին: Սկզբունքորեն, դժվար չէ մի քանի տող կոդ գրել անհրաժեշտ ֆայլեր. Միակ հարցն է՝ ԻՆՉՈՒ:
Կարծիք կա, որ անհարկի փլագինները ստիպում են կայքին ավելի ծանր ու դանդաղ աշխատել։ Բնականաբար, դա տեղի է ունենում: Բայց, եթե արդեն որոշել եք կատարել անհրաժեշտ հավելումը, ապա ի՞նչ տարբերություն՝ դուք ինքներդ եք գրում կոդը, թե այն կավելացվի անհրաժեշտ փլագինը տեղադրելուց հետո։ Հրամանների թիվը, այնուամենայնիվ, կավելանա, սցենարի կոդը, ամեն դեպքում, կպահանջի որոշակի ռեսուրսներ դրա մշակման համար. Միայն մի դեպքում, դուք ավելացնում եք կոդը ձեռքով, մյուս դեպքում, այս լրացումը կատարվում է plugin-ի միջոցով։
Եվ մի մոռացեք այս պահը: Դուք կարող եք տեղադրել կոդը, այն կաշխատի: Բայց, նախ և առաջ, որքանո՞վ է դա ճիշտ շարունակվելու շարժիչի թարմացումից հետո: Երկրորդ, plugin-ի կոդերը մշտապես բարելավվում են: Քննարկում է ընթանում, կատարվում են վրիպակների և անսարքությունների որոնում։ Մշակողները պարբերաբար թարմացնում են իրենց պլագինները, այնպես որ դուք շատ ավելի հավանական է, որ ավելի շատ օպտիմիզացված կոդ ունենաք պրոֆեսիոնալ ծրագրավորողի կողմից, քան ինքներդ ավելացնեք այն:
Դե, տարրական հարմարավետություն: Դուք հոգնել եք Վերադառնալ վերև կոճակի այս տարբերակից, ապաակտիվացրել եք փլագինը և տեղադրել ևս մեկը: Ինձ դուր եկավ, հիանալի էր, չէ, ստուգվածը արագ ակտիվացրին։ Այսպիսի մանրուքների շուրջ աղմուկ բարձրացնելն անիմաստ է.
Ցանկության դեպքում ես չեմ նկարագրի տեղադրման եղանակը, օգտագործելով կոդ, այս տարբերակները հեշտությամբ կարելի է գտնել ինտերնետում.
Ոլորեք դեպի վերևի կոճակ հավելված
Սա թերևս այսօր ամենահայտնի հավելվածն է՝ «Վերադառնալ վերև» կոճակը վեբ կայք ավելացնելու համար: Ժանրի մի տեսակ դասական։ Տեղադրվում և կարգավորվում է հեշտությամբ և հեշտությամբ:
Եկեք գնանք դեպի Փլագիններ – Ավելացնել նոր, տեղադրեք որոնման վանդակում Ոլորեք դեպի վերև կոճակ. Մենք գտնում ենք, տեղադրում, ակտիվացնում։
Ներդիրում Արտաքին տեսքկետը հայտնվում է Ոլորեք դեպի վերև կոճակ, սեղմեք և տեսեք այս հավելվածի կարգավորումները.
Նրանցից միայն երկուսն են: Գունային սխեման- մութ կամ բաց: Չափը- մեծ կամ փոքր:
Մենք ընտրում ենք անհրաժեշտ պարամետրերը և հիանում, թե ինչպես է ներքևի աջ անկյունում, որոշակի շարժումից հետո, հայտնվում է վեր սլաքը: Կոկիկ, սահուն անցում, սկզբունքորեն, ուրիշ բան պետք չէ։ Փլագինը պարբերաբար թարմացվում է, ուստի կոդը միշտ թարմ կլինի և, դատելով ակնարկներից, որևէ ազդեցություն չի ունենա կայքի արագության վրա։
Եկեք կանգ չառնենք մեկ plugin-ի վրա, տեսնենք, թե էլ ինչ կարող ենք գտնել մեր Top կոճակի համար:
JCWP Scroll To Top Plugin
Այստեղ բոլորովին այլ պատկեր է նկատվում. Այս փլագինը թույլ է տալիս փոխել մեր կոճակի տեսքը՝ ըստ ձեր ճաշակի, գույնի և չափի: Դե, առաջին բաները:
Եկեք գնանք Plugins - Ավելացնել նոր, տեղադրեք որոնման մեջ JCWP Ոլորել Վերև, գտնել, տեղադրել, ակտիվացնել։
Փլագինի կարգավորումներն արդեն կարելի է գտնել մեկ այլ ներդիրում. Ընտրանքներ — JCWP Ոլորել Վերև:
Ես նկարում չեմ դրել բոլոր կարգավորելի պարամետրերը, դա շատ երկար կլիներ:
Գրեթե ամեն ինչ հարմարեցված է:
- Անիմացիայի տևողությունը;
- Քանի՞ պիքսելից հետո է հայտնվում ոլորումը;
- Դուք կարող եք ստեղծել ձեր սեփական նույնացուցիչը կոճակի համար.
- Էֆեկտ կոճակի արտաքին տեսքի համար;
- Կոճակի դիրքը;
- Տեքստ կոճակի վրա;
- Ֆոնի գույնի, տառատեսակի, տառի չափի, շրջանակի գույնի, կլորացման անկյունների կարգավորում;
- Անջատել շարժական սարքերի համար;
Սրանք կարգավորումներն են: Ինչպես տեսնում եք, մենք չենք ունենա պատրաստի կոճակի պատկեր, որը կձևավորվի մեր կողմից նշված ոճերով. Հարմար լուծում՝ հարմար գրեթե ցանկացած դիզայնի, արտաքին տեսքի համար հետաքրքիր էֆեկտներ։
WPFront Scroll Top Plugin
Ստանդարտ տեղադրում Փլագիններ – Ավելացնել նոր —WPFront Ոլորել Վերև . Ներբեռնեք, տեղադրեք, ակտիվացրեք:
Դուք կարող եք գտնել plugin-ի կարգավորումները ներդիրում WPFront – Ոլորել Վերև:
Այստեղ մենք ունենք իրական Klondike գրաֆիկական կոճակների սիրահարների համար: Ընտրությունը իսկապես պարկեշտ է, յուրաքանչյուր ճաշակի համար։ Կան պարզ սլաքներ, և մակագրություններով, և թափանցիկ, և մուգ և բաց: Ընտրեք այն, ինչ ցանկանում եք:
- Դուք կարող եք հարմարեցնել պիքսելների քանակը, որպեսզի կոճակը հայտնվի;
- Դուք կարող եք կատարել ձեր սեփական կոճակի չափը;
- Դուք կարող եք ավելացնել թափանցիկություն կոճակին;
- Հարթության կարգավորումներ կոճակների արտաքին տեսքի և վերև տեղափոխման համար;
- Դուք կարող եք հարմարեցնել կոճակի տեսքը շարժական սարքերի համար.
- Կոճակի տեղադրության և լիցքավորման կարգավորում;
- Դուք կարող եք սահմանել այն հասցեն, որին օգտատերը կգնա կոճակը սեղմելուց հետո: Տարօրինակ տարբերակ, թեև ով գիտի, գուցե ինչ-որ մեկին օգտակար լինի;
Պատկերները իսկապես գեղեցիկ են: Կան խիստ, և կան կենսուրախներ՝ ամեն ճաշակի համար։
Սրանք այն փլագիններն են, որոնք կօգնեն ձեզ հեշտությամբ ստեղծել անհրաժեշտ և օգտակար «Վերադառնալ սկիզբ» կոճակը ձեր կայքում: Հաջողություն բոլորին:
Այս հոդվածում ներկայացված WordPress-ի վերևի կոճակի հավելումները վեբկայքի էջերում ստեղծում են կոճակ, որը սեղմելիս սահուն կերպով ոլորելու է էջը դեպի վերև: Բոլոր պլագիններն ունեն կարգավորումներ: Կարգավորումներում կարող եք փոխել կոճակի գույնը, գտնվելու վայրը և ոճը: WordPress-ի վերևի կոճակի բոլոր հավելումները աշխատում են ցանկացածի հետ կապված կայքերում Java Scriptգրադարան։
Դինամիկ «Վերև» հավելված
Պաշտոնական էջԴինամիկ «Վերև» հավելված ( https://wordpress.org/extend/plugins/dynamic-to-top/) Փլագինը կայքում տեղադրում է «Վերադառնալ սկիզբ» կոճակը: Փլագինը տեղադրված է: Պլագինի լեզուն անգլերենն է:
Դինամիկ «Դեպի վերև» հավելվածի կարգավորումները ներառում են.
- Կայքում «Վերադառնալ սկիզբ» կոճակի 4 դիրք;
- Կարգավորումներ տեսքը(գույն, ստվեր, եզր);
- Վերև արագության ընտրություն;
- Հնարավոր է անջատել բջջային տարբերակը;
- Կոճակին տեքստ ավելացնելու ունակություն:
Դինամիկ «Դեպի վերև» հավելվածի սքրինշոթներ
Scroll To Top plugin
Scroll To Top plugin-ի պաշտոնական էջը ( https://wordpress.org/extend/plugins/scrollto-top/) Կայքում «Վերադառնալ սկիզբ» կոճակը տեղադրելու պլագին: ստանդարտ. Լեզուն անգլերեն.
Կարգավորումներից
- Կայքում «Վերադառնալ սկիզբ» կոճակի 9 դիրքեր;
- 4 կոճակի ոճեր;
- Կոճակի համար ձեր սեփական պատկերը սահմանելու ունակություն;
- Կոճակի փոխարինում տեքստային հղումով՝ գունային կարգավորումներով:
Նշում. Scroll To Top plugin-ի քույրը կոչվում է «Down» կոճակի հավելվածը Ոլորել դեպի ներքև. Պլագինի պաշտոնական էջ. https://wordpress.org/extend/plugins/scrollto-bottom.
Skysa Scroll-to-Top հավելվածի հավելված
Skysa Scroll-to-Top Add plugin-ի պաշտոնական էջը (https://wordpress.org/extend/plugins/skysa-scroll-to-top-app/): Կայքի էջերի ներքևում գտնվող Skysa վահանակը տեղադրելու պլագին: IN անվճար տարբերակՎահանակի վրա տեղադրված է միայն «Վերև» սլաքը՝ հատուկ պիտակով:
Հավելվածի անվճար տարբերակը գործնականում կարգավորումներ չունի: Միայն սլաքով և մաքսային մակագրությամբ բար։ Նախքան գնելը pro տարբերակներըԹեստավորման համար տալիս են 15-օրյա ժամկետ։
Skysa Scroll-to-Top հավելվածի սքրինշոթներ
Հավելում
Հետևի վերև կոճակի ամենապարզ լուծումը, ավելի պարզ լուծում չկա
Եթե ձեզ պետք ՉԵՆ գեղեցիկ և «բարդ» «Վերադառնալ սկիզբ» կոճակները, բայց բավական է մի պարզ մակագրություն, ապա պարզապես տեղադրեք հետևյալ կոդը ձեր կայքի ձևանմուշի ցանկացած կետում (օրինակ՝ footer.php), որտեղ ցանկանում եք ցույց տալ « Վերադառնալ սկիզբ» մակագրությունը կամ օգտագործողի համար հասկանալի ցանկացած գրառում.
Վերև կամ որևէ այլ տեքստ
Բոլորը! Ուրիշ բան պետք չէ անել։
Այս «Վերադառնալ սկիզբ» մակագրությունը չի հակասում փլագիններին, այն կարող է օգտագործվել որպես լրացուցիչ կոճակ— Վերևում։
WordPress-ի հետադարձ դեպի վերև կոճակի այլ հավելումներ
Տեղեկությունը լրացնելու համար ես կներկայացնեմ ևս 5 պլագինների ցանկ՝ կայքում «Վերադառնալ սկիզբ» կոճակը կիրառելու համար: Պլագինների աջակցությունն ու թարմացումներն անընդհատ փոխվում են, ուստի դրանց մասին կարող ենք խոսել միայն օգտագործման պահին:
- Ոլորեք դեպի վերև կոճակ (https://ru.wordpress.org/plugins/scroll-to-top-button/)
- Սահուն ոլորեք վերև (https://ru.wordpress.org/plugins/smooth-scroll-up/)
- LB Վերադառնալ սկիզբ (https://ru.wordpress.org/plugins/backtop/)
- WPFront Scroll Top (https://ru.wordpress.org/plugins/wpfront-scroll-top/)
- M7 Go Top (https://wordpress.org/plugins/m7-go-top/)
(Վերջին թարմացում: 03.05.2019)
Բարև բոլորին: Ունե՞ք այն ձեր կայքում: վերև կոճակ WordPressէջի հարթ ոլորման համար: Դեռ տեղադրված չէ: Եկեք չհետաձգենք կախարդական կոճակի տեղադրումը ավելի ուշ, քանի որ կայքի վերև կոճակը շատ հարմար է հատկապես ձեր այցելուների համար։ Առանց դրա լավ է, դա ուղղակի զայրացնում է ինձ, երբ այն կայքում չէ: Էջի վերև վերադառնալու համար պետք է պտտել անիվը: Վատ, շատ վատ առանց կոճակի: Վեբ վարպետները պետք է ավելի շատ հոգ տանեն իրենց այցելուների մասին:
WordPress-ում սահուն ոլորման կոճակներ
Հարգելիներս, ավելի ուշադիր եղեք ձեր ընթերցողների հանդեպ, այլապես նրանց կկորցնեք ընդմիշտ։
Այսօր ես ձեզ կներկայացնեմ լավագույն պլագինները, որոնց օգնությամբ դուք կարող եք տեղադրել «Վերադառնալ վերև» կոճակը ձեր կայքում կամ բլոգում. ընտրված WP հարթակի օգտագործողների կողմից մոդուլների ամենաբարձր ներբեռնումների հիման վրա: Հիշեցնեմ, որ բոլոր պլագինները կարող են տեղադրվել ստանդարտ եղանակով՝ ադմինիստրատորի վահանակից, որոնման և փլագին բեռնիչի միջոցով։ Ոչինչ ներբեռնելու կարիք չկա։ Տեղադրված, ակտիվացված, կազմաձևված և վերջ:
Ինչպես կատարել up կոճակը կայքում: Փլագիններ - կոճակ Up WordPress-ի համար
Մենք առաջինը կգնանք պարզ jQuery pluginՀարթ ոլորում
jQuery Smooth Scroll Plugin
Այս փլագինը մոդուլը տեղադրելուց և ակտիվացնելուց հետո ավտոմատ կերպով ավելացնում է վերև կոճակ: Վերև կոճակը կհայտնվի կայքի ստորին աջ անկյունում. Ինչպես ասում են՝ դիր ու մոռացիր։ Փլագինը արդեն տեղադրվել է ավելի քան 50700 անգամ։ Եվ ահա թե ինչ տեսք ունի մեր կոճակը.
Վերև կոճակ WP կայքում
Թեթև փլագին Smooth Scroll Up – հարթ ոլորում դեպի վեր
Թեթև Smooth Scroll Up հավելված
Smooth Scroll Up-ը թեթև փլագին է, որը ստեղծում է ձեր WordPress կայքի կարգավորելի ոլորման վերևի գործառույթ: Smooth Scroll Up հավելվածն ունի նվազագույն կարգավորումներ: Ընտրեք տարբեր տեսակներՈլորեք վերև տարրերը՝ պատկեր, պատկերակ, տեքստային հղում և այլն:
Smooth Scroll Up հավելվածը կարգավորելու ընտրանքներ
Փլագինը ռուսերեն է, այնպես որ դուք որևէ խնդիր չեք ունենա վերև կոճակի կարգավորումների հետ:
WPFront Scroll Top Plugin
Ոլորման կոճակի ավելացում
WPFront Scroll Top մոդուլը այցելուին թույլ է տալիս հեշտությամբ ոլորել էջի վերև՝ լիովին կարգավորելի ընտրանքներով և պատկերով: Այս plugin-ն ունի ավելի շատ կարգավորումներ և, ամենակարևորը, հենց կոճակի պատկերակների (պատկերների) շատ մեծ ընտրություն: Կարող եք նաև առանց նկարի.
WPFront Scroll Top հավելվածի կարգավորում
Իսկ կոճակի պատկերներն իրենք ընտրելու շատ բան ունեն: Նույնիսկ եթե վերևի կոճակի պատկերներից ոչ մեկը ձեզ չի համապատասխանում, կարող եք հղում տալ ձեր կոճակի պատկերին.
Վերև կոճակի ընտրություն
Համաձայն եմ, սա կախարդական կոճակի համար պատկերների բավականին պատշաճ հավաքածու է: Ճիշտ է, plugin-ն է Անգլերեն, բայց Google-ը կթարգմանի։ Եվ ահա կայքում տեղադրված կոճակի օրինակ.
Վերև կոճակ
Scroll Back To Top plugin - up կոճակը
Scroll Back To Top plugin
Scroll Back To Top մոդուլն ունի նաև մի շարք կարգավորումներ և ընտրանքներ, թե ինչպես կհայտնվի վերևի կոճակը.
Կայքում վերև կոճակների օրինակ
Երևի այսքանն է: Իմ կարծիքով, կան բավականաչափ պլագիններ, որոնցով կարող եք կոճակ տեղադրել WordPress կայքում: Ընտրությունը ձերն է, սիրելի ընկերներ։ Հուսով եմ, որ ձեզ դուր կգա այս վերանայումը: Հաջողություն և կտեսնվենք ավելի ուշ:
(function(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "R-A -292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true )); )); t = d.getElementsByTagName ("script"); s = d.createElement ("script"); s .type = "text/javascript" s.src = "//an.yandex.ru/system/context.js";Վերևի կոճակն այժմ առկա է բազմաթիվ կայքերում և օգնում է օգտատերերին արագ վերադառնալ էջի ամենավերևում: Սա բավականին հարմար է, եթե կայքը ցուցադրում է շատ տեղեկատվություն: Հետևաբար, որպեսզի ստիպված չլինեք վեբ էջը ամեն անգամ ոլորել հոդվածի սկզբին կամ մենյուին, մշակողները խորհուրդ են տալիս կոճակ ավելացնել: Այն սովորաբար գտնվում է ներքևի աջ անկյունում և հայտնվում է էջի ավարտին մոտենալուն պես: Տարբերակը բավականին հետաքրքիր է և ոչ այնքան դժվար իրագործելի։
Դուք կարող եք, սկզբունքորեն, ստեղծել կոճակ դեպի վերև՝ օգտագործելով որոշակի սցենարներ և խմբագրելով WordPress ձևանմուշը, բայց կա ավելի հեշտ տարբերակ՝ պլագիններ։ Այն իդեալական է նրանց համար, ովքեր չափազանց ծույլ են հասկանալ կոդը, կամ նրանց համար, ովքեր վատ տիրապետում են վեբ զարգացման խնդիրներին: Բացի այդ, մոդուլներն ունեն տարբեր կարգավորումներ՝ որոշակի հետաքրքիր գործառույթներ իրականացնելու համար: Եվ սա, տեսնում եք, նույնպես շատ օգտակար է։ Վերադառնալ վերև գործառույթի համար հայտնաբերված 10 պլագիններից ես կքննարկեմ միայն 4-ը, որոնք ունեն բավարար քանակությամբ ներբեռնումներ և կպատասխանեն ընթացիկ տարբերակները WordPress համակարգեր.
Հարթ ոլորել դեպի վեր
Թեթև և կարգավորելի հավելված՝ Smooth Scroll Up-ը թույլ է տալիս վերևի կոճակ ավելացնել WordPress-ի ցանկացած գրառման/էջին: Մոդուլը ներբեռնվել է ավելի քան 40 հազար անգամ։ Վերջին թարմացումը վերջերս էր: Թարգմանություններ հասանելի են տարբեր լեզուներով(ռուսերենը և ուկրաիներենը դեռ հասանելի չեն):
Smooth Scroll Up-ի հիմնական հատկանիշները.
- Վերև կոճակի համար ընտրելով տարբեր տարրեր՝ տեքստ, պատկեր, կոճակ:
- Վերադառնալ վերև տարրի համար դիրք ընտրելը՝ ձախ, աջ, կենտրոն:
- Վերևի կոճակի համար ցանկացած տեքստ նշելու ունակություն:
- Նշում է էջի վերևից հեռավորությունը, որից հետո հայտնվում է կոճակը:
- Անիմացիա ոլորելիս (ոլորել, մթնել):
- Ցույց տալ/թաքցնել միացված գլխավոր էջև շարժական սարքեր:
- Սեղմեք իրադարձությունների ավելացում:
Ահա «Վերադառնալ վերև» կոճակի պարամետրերը (գույն, եզրագիծ, ֆոն, թափանցիկություն) և «Վերադառնալ վերև» տարրի գտնվելու վայրը սահմանելը և դրա համար պատկերների կամ տեքստի օգտագործումը, գումարած անիմացիայի ընտրանքները ոլորելիս և այլն: WordPress-ի աջակցվող տարբերակները 3.0-ից մինչև 3.9.2 են, մոդուլը ներբեռնվել է ավելի քան 18 հազար անգամ:
Վերադառնալ վերև կոճակի այս չորս պլագիններից խորհուրդ կտայի ընտրել: Գրախոսության մեջ նրանց հերթականությունը վարկանիշ չէ, այսինքն՝ դա չի նշանակում, որ հոդվածի սկզբում կամ վերջում համարել եմ լավագույնը, նրանք գնում են այնպես, ինչպես ծանոթանում եմ։ Ամեն ինչ հիմնականում կախված է ձեր կարիքներից: Եթե դուք ընդհանրապես հեռու եք զարգացումից և WordPress-ից, ապա ամենահեշտ ճանապարհը Smooth Scroll Up-ի տեղադրումն ու դրա մասին մոռանալն է։ Նրանց համար, ովքեր ցանկանում են շտկել կարգավորումները, վերջին երկու պլագինները հարմար են: Առաջինը ամենանորն է այս պահին. Ընդհանրապես, ընտրելու շատ բան կա:
