"Up" button kwa ajili ya tovuti: jinsi ya kufanya

Kama kazi, kifungo "up" kwa ajili ya tovuti, na kufanya Internet rahisi zaidi wa rasilimali kwa ajili ya wageni wake. Inasaidia kwa urahisi kuvuka kutoka mahali popote katika ukurasa katika sehemu ya juu. Hii ni lazima kwa maduka ya mtandao na maeneo na vitu kubwa ambayo yanahitaji kitabu kwa muda mrefu chini.

Kwa nini ni muhimu

Kwa sasa, wengi wa maeneo ya ya kazi hii, kifungo "hadi" ni la, na hakuna kitu muhimu. Lakini matumizi yake inaweza kuleta faida nyingi kwa wote wa rasilimali mtandao na kwa wageni wake.

Faida kwa wageni

Mara nyingi, wakati ukurasa wa rasilimali Internet ni sana kubeba kiasi cha habari, wakati maelezo makala inachukua nafasi kubwa mno na kuwa na kitabu chini ya ukurasa kwa kutumia mouse gurudumu. pamoja na hayo, katika mwisho wa makala inaweza sasa mengi ya maoni yake.

Wakati mgeni ni kusoma makala katika binafsi tedious scrolling chini ukurasa haipo, lakini wakati maandishi alikuja mwisho na ni muhimu hoja juu, inaanza kwa tairi kidogo. Watu wengi tu wavivu mno kusababisha kitabu kwa muda mrefu, na wao tu karibu tovuti, badala ya kutembea mwingine kwa njia ya maeneo ya wake wazi.

Kwa kutumia kifungo mara moja kuhamia juu ya ukurasa inafanya mchezo kwenye tovuti rahisi zaidi.

Faida za rasilimali Internet

mambo mazuri ya rasilimali yenyewe kulingana na sababu za kihistoria, kwa sababu ni rahisi navigate tovuti inaboresha mambo ya tabia, kama wageni wote itatumika zaidi katika matendo yao na kuhamia kurasa nyingine.

Hivyo data sababu ya tabia kuathiri mtazamo wa injini zote za utafutaji kwenye tovuti na kusababisha kuboresha nafasi katika matokeo ya utafutaji.

Jinsi ya kufanya "Up" button kwenye tovuti peke

Je kuchunguzwa zaidi. Button na kitabu juu na tovuti yoyote ya CMS unaweza daima kuweka mapendeleo yako kwa kufuata hatua chache rahisi sana:

• kuundwa kwa picha;
• kuundwa kwa script,
• Kujenga kifungo style,
• kuongeza kwa tovuti.

kifungo picha

Kuongeza "hadi" kwenye tovuti, kwa ajili ya kuanza haja ya kufanya yenyewe icon, wakati clicked, mtumiaji hoja juu ya ukurasa. Unaweza kutumia tayari-alifanya chaguzi, kati ya ambayo tunaweza daima kuchagua kufaa zaidi.

Kuboresha kuangalia ya kifungo, unahitaji kufanya baadhi ya maboresho, yaani kufanya sprite, inaruhusu CSS makao kuchanganya background picha, hivyo baada ya kuundwa uhuishaji mfupi.

Kwa kazi graphic, unaweza kutumia mhariri yoyote. Lakini chaguo rahisi zaidi ni huduma online Pixlr, kwa kuwa hakuna kitu kupakua na hakuna haja ya, unaweza kutumia nao moja kwa moja katika browser yako.

Kuanza kufanya kazi katika mhariri dirisha wa kuchagua "Upload picha kutoka kwenye kompyuta yako." Kama mfano, kuchukua roketi picha.

Kama ukubwa wa icons kuchaguliwa ni kubwa mno, unahitaji kufanya marekebisho madogo na ukubwa. Ili kufanya hivyo, "Edit", kwenda orodha ya juu, na kuchagua uwanja, na baada ya «Free kubadilisha ...»

Next, karibu na picha kuna watu alama maalum kwamba ni kusonga, unaweza kubadilisha ukubwa wa picha. Ili kuhifadhi uwiano wa kipengele, unaweza kutumia Shift muhimu, lazima iwe kwamba, unahitaji hoja alama ya bluu. Mwisho wa hatua hizi hupatikana makombora picha.

hatua ya pili - kuundwa kwa nakala ya safu.

Sasa unahitaji kuhamisha picha kutoka makombora mapya safu kidogo. Ili kufanya hivyo, itakuwa rahisi kutumia hoja chombo, ambayo iko katika safu ya pili ya orodha ya kushoto, na mshale "juu" kwenye keyboard.

Sasa unahitaji kufanya picha ya juu katika nyeusi na nyeupe. Hii inaweza kufanyika kwa kutumia bidhaa "Masahihisho" - "Hue / Kueneza" kutoka orodha ya juu. Kwa ajili ya kukamilisha kubadilika rangi slider "Kueneza" inapaswa kuchukua thamani -100. Hatua hii kufanya athari kwamba "Up" button akighairi, na kuacha nyeusi na nyeupe kwa rangi wakati hover juu yake.

ya mwisho kuwasiliana - kuondolewa kwa nafasi ya ziada kote picha mbili. Ili kufanya hivyo, kuchagua bidhaa "Punguza" kwenye menyu ya upande wa kushoto na kuchagua makombora mawili tu katika mstatili. Kufanya presses trimming the Enter muhimu.

Ili kupata picha ambayo kuna nafasi kubwa zaidi. Unahitaji rekodi upana na urefu wa picha kusababisha, kama takwimu hizi itakuwa na manufaa katika hatua inayofuata.

Kuokoa haja ya bonyeza "Picha" - "Hifadhi", ambapo kushoto chini ya "Kompyuta yangu" kuandika jina la picha (tu Kiingereza keyboard layout), kuchagua format (katika kesi hii - PNG) na bonyeza "Ndiyo".

Picha na hati "Up" button

Andika hati, katika kesi hii ni si lazima. Itakuwa inawezekana kutumia fursa ya umma, na kuleta katika baadhi ya marekebisho tayari code.

Hii itahitaji kwa kushusha mhariri yoyote code. maarufu zaidi na pia toleo bure - ni Notepad ++. Baada ya ufungaji unahitaji nakala na kuweka kanuni hii yote:

"> $ (hati) .ready (kazi () {$ (dirisha) .scroll (kazi () {ikiwa ($ (hii) .scrollTop ()> 0) {$ ( '# scroller ') fadeIn ();. } mwingine {$ (' # scroller ') fadeOut () ;.}}); $ (' # scroller ') click (kazi () {$ ('. mwili, html '). Huisha ({scrollTop: 0}, 400); kurudi uongo;}); });

Kisha bonyeza juu menu "Picha" - "Hifadhi kama ...", na kisha kuokoa code katika muundo JS. Basi unaweza kutumia msimbo huu kwenye tovuti yako kwa kuweka script na picha ziwe kutumia FTP-miunganisho.

Ufungaji kwenye tovuti

Kuweka kitabu kifungo kwa ajili ya tovuti, unahitaji mahali kificho katika eneo taka. Hukukiandika lazima iwe kabla tag .

Kujenga kifungo style na CSS

Mara nyingi, "hadi" kifungo kwa ajili ya tovuti ziko chini ( "Lelo").

tovuti style.css faili, lazima kuongeza code zifuatazo:

"/ * Button katika * juu / .scrollTop { background: url ( 'picha / up.png ') 0 0 hakuna kurudia; / * onositelny njia ya picha * / upana: 39px; / * upana wa kifungo * / urefu: 96px; / * 50% ya urefu wa * kifungo / bottom: 5PX; / * fasta nafasi ya kiasi ya chini * / kushoto: 89%; / * kukabiliana kushoto * / } .scrollTop: hover {background-nafasi: 0 -108px; } / * Offset background * / "

Katika hali hii, data inahitajika na upana na urefu wa picha. Ni tu bado kuingia data katika kanuni, na "up" button kwa ajili ya tovuti itakuwa tayari! Nini kingine?

"Up" button kwa ajili ya tovuti ya Wordpress

Kwa ajili ya hii kifungo CMS "Up" inaweza kufanyika kwa msaada wa programu-jalizi, pamoja na kujitegemea.

programu jalizi njia rahisi zaidi na rahisi kufunga, kwa vile itahitaji tu click juu ya kufunga kifungo na configure utendaji wote wa orodha plugin.

Kwa uchaguzi wa mwisho ni kwa njia ya kwa tahadhari, kwa sababu kwa hayo unaweza kwa urahisi kupata virusi katika tovuti. maarufu zaidi na kuthibitika chaguo - plug-in iitwayo 'The Scroll Rejea Juu. Unaweza kushusha ni kwa kutumia kiwango search Wordpress Plugins.

ugani hii ina utendaji mbalimbali, na ni rahisi sana kubinafsisha "hadi" kifungo kwa ajili ya tovuti ya Wordpress. All mabadiliko maadili si lazima uunde tu aina na eneo la kifungo kwenye mtandao.

Kama unavyoona, ufungaji wa "up" button kwa msaada wa programu-jalizi ni rahisi sana. Lakini kuna ni muhimu caveat moja, ambayo yamo katika ukweli kwamba kila imewekwa programu jalizi hupakia CMS. Hii inaweza kuathiri kasi ya rasilimali ya mtandao. Hii ndiyo sababu kubwa ya wamiliki wa tovuti ni kujaribu kufanya mabadiliko yote moja kwa moja katika kanuni, badala ya kutumia upanuzi wa tatu. Unaweza kufanya kifungo "hadi" kwa ajili ya tovuti ya HTML, ambayo kupunguza rasilimali zinazotumiwa.

Kabla ya kubadilisha mfumo wowote Wordpress files, lazima kuwafanya up. Basi unaweza kufuata hatua zote na kujenga vifungo yako, ilivyoelezwa hapo juu.

Nabisha "hadi" kwa Joomla

CMS Joomla pia inasaidia ufungaji wa programu-jalizi kama Wordpress. chaguo mafanikio zaidi "hadi" kifungo kwa tovuti ya Joomla 3 ni plug-in aitwaye Juu ya Kwanza.

Hii CMS yoyote plug-in inaweza kuwa imewekwa kupitia "Meneja upanuzi". Ili kufanya hivyo:

• download plugin kwenye mtandao,
• bonyeza "Browse" button katika meneja upanuzi;
• kuchagua faili kupakuliwa;
• bonyeza "Download" na kufunga.

Sasa unahitaji kuamsha yake katika "Plugin Meneja". Ili kufanya hivyo, lazima kwenda kwa sehemu hii, kutafuta kuziba na kubadili hali yake iwe "kuwezeshwa."

Next ni mazingira ya chaguzi upanuzi kwa msaada wa kifungu hicho, ambapo unahitaji kupata "Basic vigezo" ya programu-jalizi hii upande wa kulia.

Juu ya Kwanza ina sifa zifuatazo:

• Kuendesha katika / msimamizi - kuwezesha chaguo si tu juu ya rasilimali ya mtandao, lakini pia katika jopo CMS Joomla.
• Button yatangaza Nafasi - kiasi saizi wengi lazima kurudisha nyuma mtumiaji kifungo "up" huko.
• Saza Button Nakala - Nakala ya kifungo.
• Daima Top - Site wakati wote itaonyeshwa tangu mwanzo wake. Wakati wa kutumia "nanga" kusogea hadi mahali maalum katika ukurasa wa, chaguo hii si haja ya kuwa na kuanza kutumika.
• Laini kitabu - inafanya ukurasa kitabu laini.
• Scroll Muda - wakati na baada ya ukurasa ni kabisa wakiongozwa juu.
• Scroll Transition - anaongeza scrolling kupitia athari kubwa ya kuona.
• Transition kuwarahisishia - «kudhoofika" hatua ya juu ya ukurasa.
• Link Location - Eneo icons. Kama kawaida, kilicho katika kona ya chini wa kulia.
• Matumizi Styles - mtu binafsi style vifungo, ambayo inaweza maalum katika sehemu iliyo hapa chini. Kama switched kwa thamani hasi, vigezo vyote vya mitindo utachukuliwa kutoka kazi mandhari tovuti.
• Link Style - uwanja kwa ajili ya kuingia mazingira yako kifungo style.

Self-tuning "Up" button style, lazima uwe na elimu angalau kidogo cha CCS. Vinginevyo, unapaswa kubadilisha thamani ya parameter penultimate na "La".

Jambo moja muhimu zaidi ni kwamba uandishi kawaida kwenye ikoni ina maandishi English: Rejea kwa Juu. Kwenye tovuti ya Urusi maandishi sawa hawezi kuwa sasa, hivyo unapaswa tu afya yake katika vigezo plugin kubadili chochote kwenye Urusi.

Ili kubadilisha maandiko haja ya kwenda kwa tovuti seva kutumia kujengwa katika server FTP au mwenyeji faili meneja. Next katika orodha «/ msimamizi / lugha / en-GB /» unahitaji kupata file inaitwa «en-GB.plg_system_topofthepage.ini».

Kabla ya kubadilisha Nakala inapaswa kubadilika encoding ya hati ya UTF-8. Hii itafanya kuonyesha kawaida ya barua ya Urusi.

Next, tunapata mstari ufuatao:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Rudi kwa Juu " "

na mabadiliko maneno katika alama za nukuu katika lugha ya Kirusi. Unaweza kutumia maneno kama vile "Up", "Anza!" Au "Up!".

Mwisho wa haja ya kuhifadhi faili tarehe na kuangalia kifungo "hadi" kwa ajili ya tovuti ya Joomla.

"Up" kifungo kwa Ucoz

"Up" kifungo kwa tovuti ya Ucoz uhusiano gani na kuanzishwa kwa kanuni, kwa kuwa uhusiano kuziba kwa CMS hii haiwezekani. Hata hivyo, hii hauhitaji muda mrefu kujifunza files mfumo na kutafuta line muhimu haja tu kuingiza code ndogo katika eneo taka.

Kwa ajili ya ufungaji, tunahitaji:

• kwenda "Control Panel -> Design -> Design usimamizi (templates) -> sehemu ya chini ya tovuti,
• Weka script (inaweza kupatikana kwenye rasmi mradi tovuti na wahusika wengine wa rasilimali).

hitimisho

Baada ya hapo, katika kona ya chini wa kulia wa icon itaonekana, hamisha user kwa sana juu ya ukurasa.

Kama yameonekana, ufungaji wa "Up" button kwa yoyote ya CMS ilikuwa si hasa magumu. Inaweza kutumika kama njia automatiska ya ufungaji (programu-jalizi), na mwongozo. Hata hivyo, chaguo mwisho ni sahihi zaidi, kama hayana athari kubwa ya utendaji wa tovuti.

Unaweza kutumia "juu" kwa ajili ya tovuti ya HTML, ili kupunguza matumizi ya rasilimali tovuti, kama idadi kubwa ya upanuzi inaweza kuwa na athari hasi juu ya utendaji wa rasilimali. plug-in button "up" si kuathiri sana mzigo huo wa kurasa, lakini katika hali nyingi user ni sasa angalau dazeni programu-jalizi imewekwa kwenye CMS. Katika hali hii, yoyote kuziba-katika unaweza kuathiri utendaji wa kurasa yako.