Lepa noga. Kako pravilno pritisniti plavajočo nogo na dno strani. Najnovejše posodobitve spletnega dnevnika
Noga je spodnji blok strani spletnega mesta, zadnji, a ne najmanj pomemben. Dejstvo, da se noga ali "footer" spletnega mesta, kot ga tudi imenujemo, nahaja na dnu strani, sploh ne pomeni, da vsebuje nepomembne informacije in malo ljudi "do njih pride". Toda hkrati ta del strani ne sme biti preobremenjen z nepotrebnimi podatki. Kaj je najbolje vključiti v nogo in kako jo narediti čim bolj funkcionalno?
Pred kratkim smo pregledali spletna mesta 50 ukrajinskih spletnih trgovin in ocenili njihove noge na podlagi več parametrov, vključno s številom povezav, prisotnostjo povezav do računov družbenih medijev ali naročnine na glasila. Mesta so bila izbrana naključno, vendar smo poskušali pokriti različna področja spletne prodaje, npr.: elektronika in gospodinjski aparati, moda, kozmetika in parfumi, izdelki za otroke, hrana, gradbeni materiali, tržnice, nakupovalni klubi itd. Seznam spletnih trgovin, ki smo jih preučevali, je vključeval tako vodilne v svojih panogah kot novince.
koristne povezave
Povprečno število povezav v nogah, ki smo jih pregledali, je bilo 21.
Najmanjše število aktivnih povezav smo prešteli za spletno trgovino PARFUMS.UA - 5 povezav, brez gumba »Gor«.
Najmanj povezav smo prešteli na spletni strani podjetja PARFUMS.UA: strani trgovin na družbenih omrežjih in kontaktni podatki.
Največ povezav, kar 86, smo prešteli iz druge spletne trgovine s kozmetiko in parfumi MakeUp.com.ua. Tukaj so poleg vrstice za naročanje na novice povezave do kategorij in podkategorij, kontaktov, informacij za dostavo, novic, člankov in profilov na družbenih omrežjih itd.
Večina spletnih mest, ki smo jih obiskali, je uporabila nogo kot blok za uporabne informacije za obiskovalca, ki želi izvedeti več o trgovini in njenem delovanju. Številna spletna mesta so v nogo vključila na primer povezave do pravilnika o zasebnosti, pravil za uporabo spletnega mesta itd.
88 % spletnih mest, ki smo jih pregledali, je v nogi vsebovalo povezavo do strani »O nas«. In še 88% - povezava do strani s stiki ali sami stiki. Le 22% spletnih mest ima v nogi povezave, preko katerih bi lahko uporabnik tako ali drugače prejel storitev podjetja. 56 % vseh spletnih mest, ki smo si jih ogledali, je v nogi vsebovalo povezave do informacij o pošiljanju in plačilu ter/ali pravilnikov o vračilu.
Avtorske pravice. Varstvo pravic
Ikona je prisotna v nogah 76 % spletnih trgovin, ki smo jih analizirali.
Na spletni strani spletne trgovine pripomočkov in dodatkov "Citrus", tako kot na mnogih drugih spletnih mestih, obstaja znak za zaščito avtorskih pravic.
Ikoni po pravilih sledi ime imetnika avtorskih pravic in čas veljavnosti avtorskih pravic. Čeprav je edinstvena vsebina, ki se pojavi na spletnem mestu, privzeto predmet zakona o avtorskih pravicah in je ni treba namestiti, večina spletnih skrbnikov še vedno doda to ikono v nogo spletnega mesta.
Na spletni strani spletne trgovine gradbeni materiali“StroyMAG” je poleg znaka avtorskih pravic uporabil izraz “Vse pravice pridržane”.
Poleg tega mnoga spletna mesta poleg simbola avtorskih pravic uporabljajo tudi besedno zvezo »Vse pravice pridržane«, kar pomeni, da imajo dokazilo o avtorstvu, ki ga lahko predložijo, če se kaj zgodi. Na ta način poskušajo lastniki strani zagotoviti, da so copy-pastorji opozorjeni, da je kraja napačna.
Družbena omrežja in drugo trženje
Kot kaže praksa, je noga tudi kraj, kjer lahko obiskovalec najde povezave do strani spletne trgovine v družbenih omrežjih ali drug način za nadaljnjo interakcijo z njo.
Povsem 92 % proučevanih nog je vsebovalo povezave do računov družbenih medijev. To je najbolj priljubljen element med nogami spletnih mest, ki smo jih analizirali.
Na primer, noga spletnega mesta spletne cvetličarne Kviter, tako kot noge večine spletnih mest, ki smo si jih ogledali, vsebuje povezave do njihovih računov na priljubljenih družbenih omrežjih.
34 % spletnih trgovin je v svojih nogah vključilo vrstico za naročanje na e-novice ali SMS novice. Nekateri obljubljajo prijetne bonuse za naročnino, na primer kupon za določen znesek.
Na primer, v spletni trgovini z oblačili Answear se naročnina spremeni na 300 UAH. kupiti.
30 % analiziranih nog je vključevalo tudi povezave do neke oblike marketinške vsebine. Najpogosteje so bile to povezave do spletnega dnevnika, članki, video ocene itd.
Prosta delovna mesta
Delovna mesta so še en dokaj priljubljen element noge. 40 % spletnih mest, ki smo jih analizirali, je vsebovalo povezave do teh informacij na dnu svojih strani. Očitno lahko tukaj uporabniki iščejo potencialne zaposlitvene priložnosti v podjetju.
Nepričakovana opažanja
Tako na videz primeren element za nogo, kot je zemljevid spletnega mesta, smo našli le v 30% spletnih trgovin.
Znake zaupanja, na primer ikono garancije varnega nakupa, so v nogo vključile le 4 spletne trgovine od vseh 50.
V nogi spletne strani nakupovalnega kluba BonPrix najdete ikono, ki obljublja varen nakup.
Ikone plačilnih sredstev v nogi je uporabljalo tudi malo spletnih trgovin – le 18 %.
Vaša noga
Ta skromna analiza 50 nog naključno izbranih spletnih trgovin seveda ni znanstvena raziskava. In številk, ki smo jih prejeli, je težko uporabiti za industrijo e-trgovine kot celoto. Če po naši analizi 54 % spletnih trgovin vključuje telefonske številke v svoje noge, to ne pomeni, da to počne 54 % vseh e-trgovinskih mest.
Toda te informacije so dragocen material za razmislek, ki vam lahko pomaga pri odločitvi, kaj dodati v nogo spletnega mesta. Kljub temu je najbolj logično, da nekatere elemente postavite v spodnji blok spletnega mesta, saj jih bo uporabnik tam pričakoval.
Noga spletnega mesta je spodnji del spletnega mesta, klet. Prav nasprotno od (headers), pravilno oblikovanje noge igra veliko vlogo pri uspehu promocije spletnega mesta in izboljšanju njegove uporabnosti.
Več videov na našem kanalu - naučite se internetnega trženja s SEMANTICO
Kaj je noga spletnega mesta na primeru
"Čevlji naredijo žensko žensko," pravi tajnica v slavnem filmu. In ima prav! Če ste obuti v škornje iz klobučevine, se sprehajate po zasneženem gozdu. Če so čevlji z visoko peto, potem se vam obeta nepozaben večer. Če nosite športne copate, potem se boste ukvarjali s športom ali veliko hodili. Ali ni?
Mnogi mislijo, da če je noga postavljena čisto na dno, uporabnik nima potrpljenja, da bi se "pomaknil" do nje, zato je njena oblika manj pomembna od oblike glave. Ampak to ni res.
Kaj naj bo v nogi spletnega mesta
Da spletna stran deluje, mora biti priročna, berljiva in privlačna za obiskovalca. Oglejmo si elemente noge spletnega mesta in ocenimo njihov pomen. Ni nujno, da noga vsebuje vse te elemente. Izberite seznam po meri za svoje spletno mesto.
- Zemljevid mesta.
to celoten seznam strani spletnega mesta, prikazane glede na njegovo strukturo. Ta element izboljša uporabnost, olajša navigacijo uporabnika, pove Iskalniki o vseh straneh spletnega mesta. Če je na spletnem mestu veliko strani, izberite najpomembnejše in jih prikažite na zemljevidu spletnega mesta HTML.
- Kontakti.
Podvojite kontaktne podatke iz glave spletnega mesta v nogo. Lahko postavite svoje najpomembnejše kontakte. Če je obiskovalec prišel do konca strani, pomeni, da je prebral vse informacije in obstaja možnost, da bo naročil. Za njegovo udobje je potrebno postaviti kontakte.
- Obrazec za povratne informacije.
Omogoča obiskovalcu, da vas kontaktira, ne da bi zapustil trenutno stran. To je priročno za vaše potencialne stranke.
- Puščica navzgor".
Obiskovalcu omogoča, da se takoj vrne na glavo spletnega mesta, ne da bi se pomikal po dolgi strani.
- Naročilo za povratni klic.
Deluje na enak način kot obrazec za povratne informacije. Ne pozabi tega povratni klic je treba izvesti čim prej kratek čas. V nasprotnem primeru boste izgubili zaupanje potencialne stranke.
- Povezave do družbenih omrežij.
Če aktivno komunicirate z obiskovalci na družbenih omrežjih, spodaj postavite povezave do svojih skupin in strani. Družbena omrežja so pomembna orodja za povezovanje s strankami in povečevanje njihove zvestobe.
Nekoliko zastarela različica navigacijskega bloka, ki omogoča hitro iskanje potrebnih strani.
- Povezava do razvijalca
Kakšno vlogo ima noga?
Lepa noga - sicer noga vira - ne le izboljša videz stran, ampak tudi uporabna za uporabniško izkušnjo.
Podali vam bomo osnovne nasvete, kako narediti funkcionalno nogo za vašo spletno stran.
Bodi pozoren na:
- Pomen hierarhije. Ne postavljajte informacij skupaj. Uporabnik bi ga moral zlahka razumeti.
- Počistite sezname. Za naslove seznamov pustite več prostora kot za samo besedilo.
- Prisotnost meja med elementi.
- Enotnost pisav. Uporabite sloge oblikovanja, ki dobro delujejo skupaj.
- Razdelitev v stolpce. To strukturira informacije.
- Prisotnost vdolbine med nogo in zadnjim blokom spletnega mesta.
- Enotnost noge na vseh straneh portala.
- Enotnost slogov za nogo in celotno spletno mesto.
- Preprostost. Postavite se v kožo uporabnika. Z lahkoto mora najti informacije, ki ga zanimajo.
- Če je v glavnem delu noge preveč informacij, uporabite podnogo.
Vsaka noga mora biti jasno ločena od glavne vsebine spletnega mesta. Običajno je noga okrašena z drugo barvo, vsebinski del spletnega vira. Barva noge se lahko tudi nekoliko razlikuje od ozadja spletnega mesta; običajno je noga temnejša.
Oblikujte svojo nogo na nenavaden način. Na primer, zasnova kleti lahko vključuje zložen kos pergamenta. Če vrh vsebuje otok in valove, potem lahko spodnji del oblikujemo v obliki morskega dna, zanimiv element pa bo odprta skrinja z zakladi. Na spletni strani izvajalca sta lahko ključni element noge čopič in paleta, na spletni strani glasbenika pa črni klavir, ki se spremeni v črno nogo. Dno mesta je lahko oblikovano tudi v jasnem klasičnem slogu.
Uporabnikovo pozornost lahko pritegne tudi zanimiva noga.
To je nekakšna nočna mora! Zakaj se noga vašega spletnega mesta spet "pojavlja" in spreminja dizajn? Je res nemogoče z nečim pravilno pritisniti nogo na dno strani? Vsaj vsebina ali opeke! Brick ne gre v monitor?
Vidim, potem sedi in ne delaj ničesar, dokler ne prebereš našega članka do konca.
Izdelava prave noge za vašo spletno stran
Mnogi lastniki spletnih mest naletijo na to težavo, ko noga strani preprosto lebdi na vrhu. In potem ni jasno, kaj storiti. Najpogosteje so dizajni spletnih strani narejeni na hitra rešitev, po svoje ( obkroži "nore roke") ali začetniki spletni mojstri.
Hkrati se v prvih fazah življenja spletnega mesta ne zgodi nič strašnega. In ta idila traja, dokler vsebina nalaga »svojo težo« na klet in ji preprečuje, da bi se dvignila. Toda na stran je vredno postaviti manjše količine materiala in nedavno "mirna" noga se takoj dvigne na vrh, kar celotno zasnovo spletnega mesta postavi v neprimeren videz.
Da bi odpravili to "napako" oblikovane predloge, ni treba porabiti denarja za storitve spletnega skrbnika. Najpogosteje lahko nogo spletnega mesta postavite sami. Upoštevajmo vse možne možnosti Za rešitev te težave:
Prvi način
Prvi način za sidranje noge na dno strani temelji na CSS. Začnimo s primerom kode in si nato podrobneje oglejmo njeno izvedbo:
html ( višina: 100 %; ) glava, krmarjenje, razdelek, članek, stran, noga ( prikaz: blok; ) telo ( višina: 100 %; ) #ovitek ( širina: 1000 slikovnih pik; rob: 0 samodejno; najmanjša višina: 100 %; višina: samodejno !pomembno; višina: 100 px; barva ozadja: rgb (0,255,255); ; ) #noga (širina: 1000 slikovnih pik; rob: -100 slikovnih pik samodejno 0; višina: 100 slikovnih pik; položaj: relativna; barva ozadja: rgb(51,51,204); )
Za pripenjanje oznake noge na dno strani
html ( višina: 100 %; ) telo ( višina: 100 %; )
Nastavili smo tudi minimalno višino vsebniškega sloja na 100%. Če je širina vsebine večja od višine vsebnika, nastavite lastnost na samodejno. Zahvaljujoč temu se bo ovoj samodejno prilagodil širini vsebine na strani:
#wrapper ( najmanjša višina: 100 %; višina: samodejno !pomembno; višina: 100 %; )
Vrstica kode "height: 100%" je namenjena starejšim različicam IE, ki ne sprejemajo lastnosti min-height.
Da ločimo prostor za nogo v oblikovanju strani, nastavimo zamik za oznako
#content (padding: 100px;)
Na tej stopnji imamo spletno stran, ki je široka na celotnem zaslonu in ima dodatnih 100 slikovnih pik, ki je "nevtralizirana" z negativno vrednostjo roba za nogo (rob: -100px), ko je njen položaj nastavljen na relativno (position: relative ). Torej z uporabo negativne vrednosti oblazinjenja "potegnemo" nogo v območje vsebnika, katerega višina je nastavljena na 100%.
IN v tem primeru označevanje spletnega dokumenta je določeno z relativno novim oznake HTML 5, ki se lahko napačno razlaga zastarele različice brskalniki. Zaradi tega celotna zasnova strani morda ne bo pravilno prikazana. Da bi se temu izognili, morate zamenjati nove oznake iz arzenala različice 5 hipertekstnega jezika z običajnimi.
Izboljšana različica
Zgoraj obravnavana metoda o tem, kako narediti nogo na dnu strani "neomajno", ni primerna za vsakogar. Če boste v prihodnosti spremenili in izboljšali zasnovo svojega spletnega mesta s pojavnimi okni, je bolje, da prenehate uporabljati prejšnjo izvedbo.
Najpogosteje se uporablja pri izvedbi pojavnih oken Lastnost CSS z-indeks. Z njegovimi vrednostmi določite vrstni red, v katerem so plasti naložene ena na drugo.
Višja kot je vrednost z-indeksa elementa, višje bo prikazan v celotnem "slojevalnem" skladu.
Ker pa smo v prejšnjem primeru za nogo uporabili negativno vrednost oblazinjenja, se bo spodnji del pojavnega okna prekrival z zgornjim območjem noge. Čeprav bo imel višjo vrednost indeksa z. Ker ima nadrejeni element (ovijalka) pojavnega okna še vedno nižjo vrednost za to lastnost.
Tukaj je naprednejša možnost:
CSS - primer kode:
html, body (height: 100%; ) .header (height:120px; background-color: rgb(0,255,102); ) .main (min-height:100%; position: relative; background-color: rgb(100,255,255); ) .footer ( višina:150 slikovnih pik; položaj: absolutno; levo: 0; dno: 0; širina: 100 %; barva ozadja: rgb(0,0,153); )
Kot lahko vidite iz kode, smo nogo postavili kot del glavnega elementa. Za vsebnik nastavimo relativno pozicijo, za nogo pa absolutno. Klet smo pritrdili čisto na dno posode, njen položaj na levi in zgornji strani smo nastavili na 0.
Možnost kleti z nefiksno višino
Prejšnje izvedbe lahko zagotovijo, da je noga vedno na dnu strani. Vendar le, če je noga fiksne širine. Kaj pa, če količine vsebine, objavljene v njej, ni mogoče predvideti?
To bo zahtevalo naprednejšo možnost za nefiksno klet. Za lastnost prikaza nastavi nogo na vrstico tabele. Tako bo prikazan kot vrstica tabele.
Če so čevlji zadnja sestavina vsake obleke, potem je noga spletnega mesta e-trgovine zadnji element njegove prodajne zasnove. Z osredotočanjem na spodnji element, nogo, so sodobne spletne strani pripravljene pokazati svojo osebnost na vse možne načine. V konkurenčnem okolju e-trgovine je dovolj izvirnih idej, kreativnosti in oblikovalskih trendov. Preden razširite nogo spletnega mesta za e-trgovino, je vredno razmisliti o pomembnih točkah. Kaj postaviti na prvo mesto in kako to najbolje storiti? Naš pregled navdihujočih dizajnov nog ima nekaj zanimivih možnosti.
Preberite tudi: 13 trženjskih trendov e-trgovine za leto 2019
Zanimiva statistika iz Chartbeata. Študija vedenja 25 milijonov uporabnikov je pokazala, kako globoko brskajo po straneh. Izkazalo se je, da uporabnikovo pozornost pritegne prostor pod črto pregiba. Ko prejmejo več praktično uporabnih informacij, se obiskovalci najdlje zadržijo v območju 1200 slikovnih pik od vrha strani (s povprečno 700 slikovnih pik navpičnega zaslona v brskalniku) ali za drugim zaslonom.
Čas ogleda (sek.)/razdalja od vrha strani (slikovne pike)
Obstaja velik razkorak v trajanju gledanja prvega in drugega zaslona. TOP je 4 sekunde, trajanje doseže maksimum (16 sekund) pri 1200 slikovnih pikah od vrha in se z nadaljnjim drsenjem počasi zmanjšuje.
Delež obiskovalcev (%)/razdalja od vrha strani (piksli)
Precejšen del obiskovalcev (več kot 25 %) sploh ne počaka, da se vsebina naloži in začne listati po strani. To pomeni, da jih bo le 75 % najprej videlo sam vrh. Najbolj gledano območje strani je 550 slikovnih pik (tik nad črto pregiba).
Študija razbija mit, da se uporabniki ne pomaknejo na dno strani in si ogledajo vse vsebine. Noga je prav tako pomembna za sodobno spletno mesto e-trgovine in ima celo svoje prednosti.
Ideje, kako oblikovati “klet” (footer), primeri prodajnih dizajnov
Teh 10 nasvetov vam bo povedalo, kako lepo oblikovati nogo za spletno stran - v skladu s pravili sestave v spletnem oblikovanju in reševanjem prednostnih nalog. Uporabite najprimernejšo taktiko za izboljšanje uporabnosti, UX ( uporabniško izkušnjo) in celo povečati prodajo.
1. Zahtevane informacije
Tradicionalno so potrebna organizacijska in pravna vprašanja zajeta v nogi spletnega mesta. Obvestila so oblikovana z manj opaznim besedilom, ki sprosti druga področja strani za bolj pomenljive elemente. Tukaj je vzorčni seznam, ki ga morate upoštevati:
- Obvestila o avtorskih pravicah
- Pravne omejitve odgovornosti
- Podatki za obračun
- Obvestilo o piškotkih
Spletna stran, ki prodaja izdelek, mora izpolnjevati zakonske zahteve in zagotavljati informacije o postopku in rokih vračila. Njegova lokacija v nogi je primerna tako za prodajni vir kot za obiskovalce.
Primer noge: Yves Rocher
Spletna trgovina znamke Yves Rocher: celozaslonska noga s prijetnim dizajnom izmeničnih slojev. Obvešča o podjetju, infrastrukturi prodajne spletne strani – od sledenja naročil do politike osebnih podatkov. Obstajajo tudi nasveti o uporabi izdelka, bonusi, promocije
Primer noge: Lumity
Za trgovce s prehranskimi dopolnili veljajo poostrene zakonske zahteve. odgovornost. Na svoji prodajni spletni strani je kar nekaj stvari, ki jih smejo/ne smejo povedati. Povezave do pravnih informacij so označene s krepkim tiskom zaradi boljše preglednosti.
Noga s čudovito sliko ozadja se zelo organsko prilega celotni zasnovi spletnega mesta. Jasne meje ni, temveč kot ločilo služi vsebina sama
Primer noge: Saddleback Leather Co
Prodajno spletno mesto s čudovitim retro dizajnom glave in noge. 100-letna garancija za napake v materialu in zaključku. Pogoje vračila spremljajo zanimive zgodbe... ni vse tako žalostno s potrebnimi informacijami o e-trgovini, se izkaže
2. Negativni prostor – zadostna vizualna razdalja
Ko omejujete število povezav v nogi, ne varčujte z negativnim prostorom – to bo osupljivo vplivalo na vizualno zaznavo in izboljšalo berljivost. Splošno pravilo: Z ohranjanjem vizualne hierarhije so osrednji elementi hitreje opaženi (lahko jih uporabite sebi v prid!).
Primer noge: QUAY AVSTRALIJA
Z minimalističnim slogom in fiksnim spustnim menijem si lahko spletna trgovina privošči prostorno nogo
Primer noge: Incase
O velike količine mikronegativni prostor (med majhni elementi) lahko rečemo takole: dokler so vse potrebne informacije prisotne, so berljive in hitro zaznavne - vse je v redu
Primer noge: Stumptown Coffee Roasters
Prostorna noga kavarne je odličen zaključek čiste oblikovalske kompozicije, v kateri je veliko makronegativnega prostora (»zrak« med razdelki/odseki)
3. Končni poziv k dejanju
Preberite tudi: 30+ primerov in idej za oblikovanje ciljnih akcijskih gumbov
Elegantna oblika noge pove veliko o samem viru. Pomembno je opozoriti: kupec ostane tukaj malo dlje kot v drugih delih strani. Priročna priložnost za še en, zadnji poziv k akciji. Pogosto je to naročnina/glasilo, vendar lahko klic CTA povežete tudi z registracijo računa.
Primer noge: Greetabl
Greetabl ima skromno oblikovan spodnji del svojih strani, ki vključuje poziv k naročnini. Z najmanj elementi postane klic opazen in v harmoniji s turkiznim ozadjem se spremeni v okras spletnega mesta
Primer noge: Ecwid
Lep dizajn s pozivi k akciji na dnu strani. Struktura graditelja prodajnih spletnih mest je univerzalna. Za milijon strank je bil preveden v 35 jezikov.
4. Lebdeči voziček – povečanje razpoložljivosti prodajne funkcionalnosti
Dostop do nakupovalnega vozička z dna spletnega mesta je odličen način za izboljšanje uporabnosti in prodajne kakovosti spletnega mesta.
Primer noge: Limonadela
Prodajna spletna stran gostinskega podjetja je prijetna na pogled in priročna za kupca
5. Krmarjenje po nogi
Spodnji del strani je idealen za informacije, ki jih redko obiskujemo: o podjetju, pogojih storitve in politiki zasebnosti. V tem primeru je funkcija noge, da reši vse. Ko se nekdo počuti izgubljenega v okolju e-trgovine, se začne zanimati za infrastrukturo elektronska trgovina, instinktivno drsenje naprej ...
Negativni prostor je bistvenega pomena za berljivost vsebine. Na splošno »noga« ni namenjena navigaciji, za razliko od menija ali zemljevida spletnega mesta. Samo v redkih primerih spletna mesta za e-trgovino umestijo posamezne kategorije izdelkov v nogo (
Vse wordpress predloge je sestavljen iz več datotek, ki so odgovorne za obdelavo in prikaz enega ali drugega dela spletnega dnevnika - glave, glavne vsebine, stranske vrstice in noge. Danes bomo govorili o slednjem. Noga (noga strani) je njen spodnji del z vso vsebino. Najpogosteje ga uporablja spletni skrbnik za zagotavljanje informacij, kot so datum nastanka, zaščita avtorskih pravic, naslov itd. Ampak ne v vseh WordPress teme To je enostavno izvesti, nekateri preprosto nimajo preprostih možnosti za dodajanje informacij v nogo.
Kaj postaviti v nogo spletnega mesta?
Najprej se odločimo, kakšno vrsto mesta, kaj lahko postavimo v klet, da izboljšamo vedenjske dejavnike.
Kontaktni podatki Najbolj primeren za spletne trgovine. Postavitev naslova potovalne kartice, telefonske številke, poštnega naslova trgovine ali organizacije itd. v klet omogoča osebi hitrejše naročilo ali nakup.
Navigacija ali ponavljanje navigacijskega bloka je primerno za katero koli vrsto mesta. To je zelo pomembno za dolge strani. V tem primeru se uporabniku ne bo treba vrniti na vrh, da bi šel na želeni razdelek. Če pa ne želite postaviti navigacijskega bloka v nogo, se lahko hitro vrnete na vrh s puščico navzgor.
Družabni zaznamki,če vsebina vašega spletnega mesta vključuje množično razpravo ali objavljate preglede dogodkov, povezanih z razvojem teme, potem lahko v nogo postavite povezave do družbeni mediji v katerem promovirate vir. Oblak oznak in dodatni navigacijski blok sta primerna za vse vrste spletnih mest. Postavitev 3D oblaka oznak v nogo ne bo le priročna za uporabnike, ampak tudi lepa z vidika oblikovanja.
Treba je opozoriti, da je možnost klikanja na povezave v nogi, če ta ni lepa in informativna, zaradi neopaznosti take noge blizu ničli.
Primeri lepo oblikovanih nog spletne strani
Da bi ustvarili lepo in informativno nogo, vam predstavljamo najbolj znana dela studiev za spletno oblikovanje:
1. Oblikovalska rešitev francoskega spletnega studia KDIGIT:
2. Oblikovanje noge studia za spletno oblikovanje SNOWDEN industries:
3. Oblikovalska rešitev za nogo švedskega podjetja Uforia CMS:
4. Eleganten dizajn noge podjetja Tapbots:
5. Noga studia za spletno oblikovanje Pripravljeni dizajni:
6. Mehanska zasnova noge:
7. Lep dizajn noge:
Kot upam, da ste že razumeli, so vse te noge izvedene na podlagi čudovitih slik ozadja in blokov informacij, ki so na njih. Če z ustvarjanjem slika ozadja Ne bi smeli imeti posebnih težav, saj za to obstajajo različni urejevalniki slik, kot je Photoshop, informacije je mogoče hitro in priročno postaviti v bloke.
Dodajanje blokov informacij v nogo
Večina na preprost način dodajanje blokov informacij v nogo bo dodalo blok gradnikov noge na skrbniško ploščo WordPress. Za izdelavo takšnega bloka widgetov morate odpreti skrbniški meni—>urejevalnik in v stolpcu na desni izbrati datoteko functions.php, v katero dodamo kodo:
if (function_exists("register_sidebar")) register_sidebar(array("name" => "Footer Sidebar", "before_widget" => "", "after_widget" => "", "before_title" => "
if (function_exists("register_sidebar") ) register_sidebar(matrika( "name" => "Stranska vrstica noge" , "before_widget" => "" , "after_widget" => "" , "before_title" => " "
,
"
,
)
)
;
"after_title" => " |
To je koda za registracijo novega bloka gradnikov v skrbniški plošči, kjer je 'name' ime gradnika, 'before_widget' je prikazana koda HTML pred gradnikom in 'after_widget' je prikazana koda HTML za widget, kot tudi kodo pred in po naslov glave. Običajno se doda na sam začetek datoteke functions.php.
Shranite vsebino functions.php in pojdite na razdelek »Widgeti«. Če je bilo vse narejeno brez napak, boste tam našli nov blok:
Tako smo naredili prikaz novega bloka pripomočkov v skrbniškem meniju, zdaj moramo prikazati pripomočke tega bloka na spletnem mestu. Če želite to narediti, odprite skrbniški meni -> urejevalnik in na desni izberite datoteko footer.php. Mimogrede, takšni bloki pripomočkov so lahko prikazani ne samo v nogi, ampak tudi na katerem koli drugem mestu na spletnem mestu.
V datoteko footer.php dodajte naslednjo kodo.