Botwm "Up" ar gyfer y safle: sut i wneud

swyddogaeth o'r fath, y botwm "i fyny" ar gyfer y safle, gan wneud y Rhyngrwyd yn adnodd mwy cyfleus ar gyfer ei ymwelwyr. Mae'n helpu i lywio yn hawdd o unrhyw le yn y dudalen yn y rhan uchaf. Mae hyn yn hanfodol ar gyfer siopau a safleoedd gydag eitemau mawr sy'n gofyn am sgrôl hir i lawr ar-lein.

Pam mae angen

Ar hyn o bryd, mae'r rhan fwyaf o'r safleoedd y swyddogaeth hon, nid y botwm "i fyny" yw, ac nid oes dim yn feirniadol. Ond efallai ei ddefnydd yn dod â llawer o fanteision ar gyfer y ddau yr adnodd Rhyngrwyd ac i'w hymwelwyr.

Budd-daliadau i ymwelwyr

Yn aml, pan fydd y dudalen yr adnodd Rhyngrwyd yn cael ei lwytho drwm swm o wybodaeth, pan fydd yr erthygl gwybodaeth yn cymryd llawer o le ac yn gorfod sgrolio i lawr y dudalen gan ddefnyddio'r olwyn y llygoden. Efallai y bydd y mwy i hyn, ar ddiwedd yr erthygl yn cyflwyno llawer o sylwadau iddo.

Nid yw Pan fo ymwelydd yn darllen erthygl mewn sgrolio diflas personol lawr dudalen yn bresennol, ond pan ddaeth y testun i ben ac mae angen symud i fyny, mae'n dechrau blino ychydig. Bydd y rhan fwyaf o bobl yn rhy ddiog i arwain sgrôl hir, ac maent ond yn cau'r safle, yn hytrach na mynd am dro arall drwy ei mannau agored.

Gan ddefnyddio botwm i symud yn syth i frig y dudalen yn gwneud y weithgaredd hamdden ar y safle yn fwy cyfleus.

Manteision adnodd Rhyngrwyd

Agweddau cadarnhaol ar yr adnodd ei hun yn seiliedig ar ffactorau hanesyddol, gan ei fod yn haws i fynd o gwmpas y safle yn gwella ffactorau ymddygiadol, gan y bydd pob ymwelydd yn fwy gweithgar yn eu gweithredoedd ac yn symud i dudalennau eraill.

A thrwy hynny data ffactorau ymddygiadol yn effeithio ar agwedd yr holl beiriannau chwilio ar y safle ac yn arwain at well lle yn y canlyniadau chwilio.

Sut i wneud y botwm "Up" ar y wefan ei ben ei hun

Yn cael eu hymchwilio ymhellach. Botwm i sgrolio i fyny at y safle i unrhyw un o'r CMS gallwch chi bob amser yn gwneud eich hun drwy ddilyn rhai camau syml iawn:

• creu delwedd;
• y gwaith o sgript creu;
• Creu arddull botwm;
• gan ychwanegu at y safle.

image botwm

I ychwanegu y "i fyny" ar y safle, ar gyfer angen dechrau i wneud ei hun yn eicon, pan glicio, bydd y defnyddiwr yn symud i fyny'r dudalen. Gallwch ddefnyddio opsiynau parod, ymhlith y gallwn bob amser yn dewis yr un mwyaf addas.

I wella golwg y botwm, mae angen i chi wneud rhai gwelliannau, sef i wneud sprite, yn caniatáu CSS-seiliedig cyfuno delweddau cefndir, a thrwy hynny wedi creu animeiddiad byr.

Ar gyfer gwaith graffig, gallwch ddefnyddio unrhyw olygydd. Ond yr opsiwn mwyaf cyfleus yw'r gwasanaeth ar-lein Pixlr, gan nad oes dim i lwytho i lawr ac nid oes angen i, gallwch eu defnyddio yn uniongyrchol yn eich porwr.

I ddechrau gweithio yn y golygydd ffenestr i ddewis y "Uwchlwytho llun o'ch cyfrifiadur." Fel enghraifft, yn cymryd y ddelwedd roced.

Os yw maint yr eiconau a ddewiswyd yn rhy fawr, bydd angen i chi wneud addasiad bach i faint. Er mwyn gwneud hyn, "Edit", ewch i'r ddewislen uchaf, a dewiswch y maes, ac ar ôl «Free drawsnewid ...»

Nesaf, nesaf at y llun mae marcwyr arbennig sy'n cael eu symud, gallwch newid maint y ddelwedd. Er mwyn gwarchod y gymhareb agwedd, gallwch ddefnyddio'r fysell Shift, sy'n dal y, mae angen i chi symud y marcwyr glas. Ar ddiwedd y camau gweithredu hyn yn cael ei sicrhau taflegrau ddelwedd.

Y cam nesaf - y copi o'r haen greu.

Nawr mae angen i chi symud y ddelwedd o daflegrau newydd haen i fyny ychydig. Er mwyn gwneud hyn, bydd yn gyfleus i'w defnyddio offeryn symud, sydd wedi ei leoli yn yr ail golofn y ddewislen ar y chwith, a saeth "i fyny" ar y bysellfwrdd.

Nawr mae angen i chi wneud y ddelwedd uchaf mewn du a gwyn. Gellir gwneud hyn drwy ddefnyddio'r eitem "Cywiriad" - "Hue / Dirlawnder" o'r ddewislen uchaf. Am llithrydd discoloration cyflawn "Dirlawnder" Dylai gymryd y gwerth -100. Bydd y weithred hon yn gwneud yr effaith y bydd y botwm "Up" troi o du a gwyn i lliw pan fyddwch yn hofran drosto.

Mae'r cyffwrdd terfynol - cael gwared ar ofod dros ben o amgylch y ddwy ddelwedd. I wneud hyn, dewiswch yr eitem "Trim" o'r ddewislen ar y chwith a dewiswch dim ond dau taflegrau yn betryal. I wneud tocio weisg fysell Enter.

Er mwyn cael delwedd lle mae gormod o le. Mae angen i chi gofnodi'r lled ac uchder y delweddau sy'n deillio, gan y bydd y data hwn yn ddefnyddiol yn y cam nesaf.

I arbed yr angen i glicio ar "File" - "Save", lle y chwith o dan "My Computer" ysgrifennwch enw'r ddelwedd (dim ond y cynllun bysellfwrdd Saesneg), dewiswch y fformat (yn yr achos hwn - PNG) a chliciwch "Ie".

Ffeil gyda'r sgript "Up" botwm

Ysgrifennwch sgript, yn yr achos hwn nid oes angen. Bydd yn bosibl i ddefnyddio opsiwn cyhoeddus, gan ddod mewn rhai newidiadau cod barod.

Bydd hyn yn ei gwneud yn ofynnol i lawrlwytho unrhyw olygydd cod. Y mwyaf poblogaidd a hefyd fersiwn rhad ac am ddim - yn Notepad ++. Ar ôl installation angen i chi ei chopïo a'i gludo i gyd y cod hwn:

0) {$ ( '# scroller ') fadeIn ();. } arall {$ (' # scroller ') fadeOut () ;.}}); $ (' # scroller ') cliciwch (swyddogaeth () {$ (.' corff, html '). animeiddio ({scrollTop: 0}, 400); ddychwelyd ffug;}); });

Yna cliciwch ar y fwydlen uchaf "File" - "Cadw fel ...", ac yna arbed y cod yn y fformat .js. Yna, gallwch ddefnyddio'r cod hwn ar eich safle trwy lwytho sgript a delwedd ffeiliau gan ddefnyddio'r FTP-gysylltiadau.

Gosod ar y safle

I osod y sgrôl botwm i fyny ar gyfer y safle, mae angen i chi osod y cod yn y lleoliad a ddymunir. Arsgrifio rhaid iddo fod cyn y tag .

Creu arddull botwm gyda CSS

Mae'r rhan fwyaf yn aml, y botwm "i fyny" ar gyfer safle ar waelod ( "islawr").

Mae'r ffeil style.css y safle, rhaid i chi ychwanegu'r cod canlynol:

"/ * Button ar y brig * / .scrollTop { cefndir: url ( 'images / up.png ') 0 0 dim-dro ar ôl tro; / * llwybr onositelny i'r ddelwedd * / lled: 39px; / * lled botwm * / uchder: 96px; / * 50% o uchder y botwm * / gwaelod: 5px; / * sefyllfa sefydlog o ymyl gwaelod * / chwith: 89%; / * gwrthbwyso i'r chwith * / } .scrollTop: hofran {cefndir-safle: 0 -108px; } / * Offset cefndir * / "

Yn yr achos hwn, roedd angen y data a'r lled ac uchder y ddelwedd. Dim ond yn aros i fynd i mewn i'r data i mewn i'r cod, a bydd y botwm "i fyny" ar gyfer y safle yn barod! Beth arall?

botwm "Up" ar gyfer safle ar Wordpress

Am y botwm CMS "Up" y gellir ei wneud gyda chymorth plug-ins, yn ogystal ag yn annibynnol.

plugins dull mwyaf cyfleus ac yn hawdd i'w gosod, gan y byddai'n ei gwneud yn ofynnol dim ond cliciwch ar y botwm osod a ffurfweddu holl ymarferoldeb y fwydlen ategyn.

Erbyn y dewis yr olaf yw i fynd yn ofalus, oherwydd ag ef gallwch yn hawdd gael y feirws ar y safle. Y mwyaf poblogaidd ac yn profi opsiwn - plug-in elwir Sgroliwch Nol i ben. gallwch ei lawrlwytho trwy ddefnyddio'r chwiliad safonol plugins Wordpress.

Mae hyn yn estyniad swyddogaeth lluosog, ac yn hawdd iawn i'w unigoleiddio y botwm "i fyny" ar gyfer safle ar Wordpress. Nid oes angen o reidrwydd pob gwerth newid i ffurfweddu yn unig y math a lleoliad y botwm ar y dudalen we.

Fel y gwelwch, gosod y botwm "i fyny" gyda chymorth plug-ins yn syml iawn. Ond mae un cafeat pwysig, sy'n cynnwys yn y ffaith bod pob gosod plug-in yn llwytho'r CMS. Gall hyn effeithio ar y cyflymder y adnodd Rhyngrwyd. Dyna pam y rhan fwyaf o berchnogion wefan yn ceisio i wneud yr holl newidiadau yn uniongyrchol yn y cod, yn hytrach na defnyddio estyniadau trydydd parti. Gallwch wneud y botwm "i fyny" ar gyfer y safle i HTML, sy'n lleihau'r adnoddau a ddefnyddir.

Cyn newid unrhyw ffeiliau Wordpress system, rhaid i chi wneud i fyny. Yna gallwch ddilyn yr holl gamau i greu eich botymau, a ddisgrifir uchod.

Knock "i fyny" ar gyfer Joomla

CMS Joomla hefyd yn cefnogi gosod plug-ins fel Wordpress. Y dewis mwyaf llwyddiannus "i fyny" botwm ar gyfer safle ar Joomla 3 yn plug-in a elwir Pen y dudalen.

Gall hyn CMS o unrhyw plug-in yn cael ei osod drwy'r "Rheolwr Estyniadau". Er mwyn gwneud hyn:

• lawrlwytho'r mewnbwn ar y Rhyngrwyd;
• cliciwch ar y botwm "Pori" yn y rheolwr estyniad;
• dewis y ffeil llwytho i lawr;
• cliciwch "Download" a gosod.

Nawr mae angen i chi at activate iddo yn y "Rheolwr Plugin". I wneud hyn, mae'n rhaid i chi fynd i'r adran hon, dod o hyd i'r plwg ac yn newid ei statws i "alluogi."

Nesaf yw pennu opsiynau ehangu gyda chymorth yr un adran, lle y mae angen i chi ddod o hyd i'r adran "paramedrau sylfaenol" o ategyn hwn ar yr ochr dde.

Mae ben y dudalen y nodweddion canlynol:

• Rhedeg i mewn / gweinyddwr - galluogi'r dewis nid yn unig ar adnodd Rhyngrwyd, ond hefyd yn y panel CMS Joomla.
• Button Datgelwch Swydd - sut mae'n rhaid llawer picsel ailddirwyn i'r defnyddiwr y botwm "i fyny" yno.
• Hepgorer Button Testun - Mae testun y botwm.
• Bob amser yn Top - Safle bydd yr holl amser yn cael ei arddangos o'i ddechrau. Wrth ddefnyddio'r "angorau" i sgrolio i leoliad penodol ar y dudalen, nid oes angen i gael eu rhoi ar waith yr opsiwn hwn.
• Smooth Sgroliwch - yn gwneud y dudalen sgrolio llyfn.
• Sgroliwch Hyd - amser ar ôl y mae'r dudalen yn cael ei symud yn gyfan gwbl i'r brig.
• Sgroliwch Pontio - ychwanegu scrolling drwy effeithiau gweledol mawr.
• Llacio Pontio - «gwanhau" symud i ben y dudalen.
• Cyswllt Lleoliad - eiconau lleoliad. Yn safonol, y botwm lleoli yn y gornel dde isaf.
• Defnyddiwch Styles - botymau arddull unigol, y gellir ei benodi yn y maes isod. Os byddwch yn newid i werth negyddol, bydd pob paramedr o arddulliau yn cael eu cymryd oddi ar y safle thema gweithredol.
• Cyswllt Style - maes ar gyfer mynd i mewn eich gosodiadau arddull botwm.

Hunan-diwnio "Up" arddull botwm, rhaid i chi gael o leiaf wybodaeth lleiaf posibl o CCS. Fel arall, dylech newid y gwerth y paramedr olaf ond un i "Na".

Un peth arall pwysig yw bod yr arysgrif arferol ar yr eicon yn cynnwys testun Saesneg: Dychwelyd i'r Brig. Ar y safle Rwsia ni all testun tebyg fod yn bresennol, felly dylech jyst analluoga 'yn y paramedrau ategyn i newid unrhyw beth ar y Rwsia.

I newid Mae angen y labeli i fynd at 'r gweinyddwr safle drwy ddefnyddio'r trefnydd ffeiliau adeiledig yn FTP gweinyddwr neu gynnal. Nesaf yn y llyfr «/ gweinyddwr / iaith / en-GB /» angen i ddod o hyd i ffeil o'r enw «en-GB.plg_system_topofthepage.ini».

Cyn newid y testun yn newid amgodiad y ddogfen i UTF-8. Bydd hyn yn gwneud yr arddangosfa arferol o lythyrau Rwsia.

Nesaf, rydym yn dod o hyd i'r llinell ganlynol:

"PLG_SYS_TOPOFTHEPAGE_GOTOTOP =" Dychwelyd i'r Brig " "

a newid yr ymadrodd mewn dyfynodau yn yr iaith Rwsieg. Gallwch ddefnyddio ymadroddion fel "Up", "Start!" Neu "Up!".

Ar ddiwedd yr angen i gadw'r ffeil haddasu ac edrych ar y botymau "i fyny" ar gyfer y safle ar Joomla.

botwm "Up" ar gyfer Ucoz

cael botwm "Up" ar gyfer safle ar Ucoz yn ymwneud â chyflwyniad y cod, gan fod y plwg cysylltiad ar gyfer CMS hyn yn amhosibl. Fodd bynnag, nid yw hyn yn gofyn am amser hir i ddysgu'r system ffeiliau a chwilio am linell angenrheidiol angen dim ond rhowch cod bach yn y lleoliad a ddymunir.

Ar gyfer gosod, mae angen:

• ewch i "Panel Rheoli -> Dylunio -> Rheoli Dylunio (templedi) -> rhan isaf y safle;
• Mewnosod sgript (ar gael ar wefan y prosiect a'r trydydd-parti adnoddau swyddogol).

casgliad

Ar ôl hynny, yn y gornel dde isaf y eicon yn ymddangos, yn symud i'r defnyddiwr i frig y dudalen.

Fel y gwelwyd, nid yw gosod y botwm "Up" ar gyfer unrhyw un o'r CMS yn arbennig o anodd. Gellir ei ddefnyddio fel dull awtomataidd o osod (plug-ins), ac â llaw. Fodd bynnag, yr opsiwn olaf yw'r mwyaf priodol, gan nad yw'n cael effaith andwyol ar berfformiad y safle.

Gallwch ddefnyddio'r "i fyny" ar gyfer y safle i HTML, er mwyn lleihau safle defnydd o adnoddau, gan y gall nifer fawr o estyniadau gael effaith negyddol ar berfformiad yr adnodd. Ni fydd botwm plug-in "i fyny" effeithio ar yr amser llwyth o dudalennau yn fawr, ond yn y rhan fwyaf o achosion mae'r defnyddiwr yn bresennol o leiaf ddwsin o plug-ins gosod ar y system rheoli achosion. Yn yr achos hwn, gall unrhyw plug-in yn effeithio'n andwyol ar berfformiad eich tudalennau.