Pekná päta. Ako správne zatlačiť plávajúcu pätu na spodok stránky. Najnovšie aktualizácie blogu
Päta je v neposlednom rade spodný blok webovej stránky. To, že päta alebo „päta“ stránky, ako sa tiež nazýva, sa nachádza v spodnej časti stránky, vôbec neznamená, že obsahuje nedôležité informácie a málokto sa k nej „dostane“. Zároveň by však táto časť stránky nemala byť preťažená zbytočnými údajmi. Čo je lepšie zahrnúť do päty a ako ju urobiť čo najfunkčnejšou?
Nedávno sme si prešli webové stránky 50 ukrajinských internetových obchodov a zhodnotili ich päty na viacerých parametroch, medzi ktoré patrí počet odkazov, prítomnosť odkazov na účty v sociálnych sieťach či prihlásenia na odber newslettera. Stránky boli vybrané náhodne, no snažili sme sa zachytiť rôzne oblasti online predaja, napr.: elektroniku a domáce prístroje, móda, kozmetika a parfumy, tovar pre deti, potraviny, stavebniny, trhoviská, nákupné kluby a pod. Zoznam online obchodov, ktoré sme študovali, zahŕňal lídrov v odvetví aj nováčikov.
užitočné odkazy
Priemerný počet odkazov obsiahnutých v pätách, ktoré sme zobrazili, je 21.
Najmenší počet aktívnych odkazov sme napočítali pre internetový obchod PARFUMS.UA - 5 odkazov, nepočítajúc tlačidlo „Hore“.
Najmenej odkazov sme napočítali na stránke PARFUMS.UA: stránky obchodu v sociálnych sieťach a kontaktné údaje.
Najväčší počet odkazov, až 86, sme napočítali z iného internetového obchodu kozmetiky a parfumérie MakeUp.com.ua. Tu sa okrem riadku odberu noviniek nachádzajú odkazy na kategórie a podkategórie a na kontakty, informácie o doručení, novinky, články a profily na sociálnych sieťach a ďalšie.
Väčšina stránok, ktoré sme prešli, používala pätu ako blok užitočná informácia pre návštevníka, ktorý má záujem dozvedieť sa viac o obchode a jeho fungovaní. Mnohé stránky zahrnuté v päte, napríklad odkazy na zásady ochrany osobných údajov, podmienky používania stránky atď.
Odkaz na stránku „O nás“ bol zahrnutý v päte 88 % stránok, ktoré sme študovali. A ďalších 88% - odkaz na stránku s kontaktmi alebo samotné kontakty. Len 22 % stránok v päte môže nájsť odkazy, prostredníctvom ktorých by používateľ mohol v tej či onej miere dostávať služby od spoločnosti. Odkazy na informácie o dodaní a platbe a/alebo podmienky vrátenia v päte obsahovali 56 % všetkých stránok, ktoré sme si prezreli.
Autorské práva. Ochrana práv
Ikona sa nachádza v pätách 76 % online obchodov, ktoré sme analyzovali.
Na stránke internetového obchodu s pomôckami a doplnkami "Citrus", ako aj na mnohých iných stránkach, existuje značka ochrany autorských práv.
Podľa pravidiel za ikonou nasleduje meno držiteľa autorských práv a doba platnosti autorských práv. Hoci jedinečný obsah, ktorý sa na stránke zobrazuje, štandardne podlieha autorskému zákonu a nie je potrebné ho nastavovať, väčšina webmasterov aj tak pridáva túto ikonu do päty stránky.
Na stránke internetového obchodu stavebných materiálov StroyMAG je vedľa označenia autorských práv použitá fráza „Všetky práva vyhradené“.
Okrem toho mnohé stránky spolu so značkou autorských práv používajú aj frázu „Všetky práva vyhradené“, čo znamená, že majú dôkaz o autorstve, ktorý môžu v prípade núdze predložiť. Majitelia stránok sa preto snažia pre istotu varovať copy-pasteers, že kradnúť nie je dobré.
Sociálne siete a iný marketing
Ako ukazuje prax, päta je tiež miestom, kde môže návštevník nájsť odkazy na stránky internetového obchodu v sociálnych sieťach alebo iný spôsob, ako s ním ďalej interagovať.
Až 92 % študovaných pätičiek obsahovalo odkazy na účty na sociálnych sieťach. Toto je najobľúbenejší prvok medzi pätami stránok, ktoré sme analyzovali.
Napríklad päta webovej stránky internetového kvetinárstva „Kviter“, podobne ako päta väčšiny webových stránok, ktoré sme navštívili, obsahuje odkazy na ich účty v obľúbených sociálnych sieťach.
34 % internetových obchodov zaradilo do svojich pätičiek riadok na odber e-mailových alebo sms newsletterov. Niektorí sľubujú pekné bonusy za predplatné, napríklad kupón na určitú sumu.
Napríklad v internetovom obchode s oblečením Answear sa predplatné zmení na 300 UAH. k nákupu.
30 % analyzovaných pätičiek obsahovalo aj odkazy na nejakú formu marketingového obsahu. Najčastejšie to boli odkazy na blog, články, videorecenzie a pod.
Práca
Úlohy sú ďalším pomerne populárnym prvkom päty. 40 % lokalít, ktoré sme analyzovali, obsahovalo odkazy na tieto informácie v spodnom bloku svojich stránok. Je zrejmé, že práve toto je miesto, kde môžu používatelia hľadať potenciálne pracovné príležitosti vo firme.
Neočakávané pozorovania
S takým zdanlivo vhodným prvkom do päty, ako je mapa stránok, sme sa stretli len u 30 % internetových obchodov.
Znaky dôvery, napríklad ikona záruky bezpečného nákupu, boli zahrnuté v päte iba 4 internetových obchodov zo všetkých 50.
V päte stránky nákupného klubu BonPrix nájdete ikonku, ktorá sľubuje bezpečný nákup.
Ikony spôsobov platby v päte využívalo aj malé množstvo internetových obchodov – len 18 %.
Vaša päta
Táto skromná analýza 50 náhodne vybraných pätiek internetového obchodu určite nie je vedeckou štúdiou. A čísla, ktoré sme získali, sa len ťažko dajú aplikovať na odvetvie elektronického obchodu ako celok. Ak podľa našej analýzy 54 % internetových obchodov má v päte telefónne čísla, neznamená to, že 54 % všetkých internetových obchodov robí to isté.
Tieto informácie sú však cenným podnetom na zamyslenie, ktorý vám môže pomôcť rozhodnúť sa, čo pridať do päty na vašom webe. Napriek tomu je najlogickejšie umiestniť niektoré prvky do spodného bloku stránky, pretože práve tam ich používateľ očakáva.
Footer site (footer) je spodná časť webu, päta. Je to opak (hlavičky), správny dizajn päty hrá obrovskú rolu v úspechu propagácie webu a zlepšovaní jeho použiteľnosti.
Viac videí na našom kanáli - naučte sa internetový marketing so SEMANTICOU
Čo je to napríklad päta stránky
„Topánky robia ženu ženou,“ hovorí sekretárka v slávnom filme. A má pravdu! Ak máte obuté plstené čižmy, kráčate zasneženým lesom. Ak ihličkové podpätky - potom budete mať nezabudnuteľný večer. Ak tenisky, tak sa chystáte športovať alebo veľa chodiť. Nieje to?
Mnoho ľudí si myslí, že ak je päta umiestnená úplne dole, používateľ nemá trpezlivosť sa k nej „skrolovať“, a preto je jej dizajn menej dôležitý ako dizajn hlavičky. Ale nie je.
Čo by malo byť v päte stránky
Aby web fungoval, musí byť užívateľsky príjemný, čitateľný a atraktívny pre návštevníka. Zvážte prvky päty lokality a zhodnoťte ich význam. Päta nemusí obsahovať všetky tieto prvky. Vyberte si individuálny zoznam pre svoj web.
- Mapa stránky.
to úplný zoznam stránky lokality zobrazené podľa jej štruktúry. Tento prvok zlepšuje použiteľnosť, uľahčuje užívateľovi navigáciu, rozpráva vyhľadávače na všetkých stránkach lokality. Ak je na webe veľa stránok, vyberte tie najdôležitejšie z nich a zobrazte ich v HTML sitemape.
- Kontakty.
Duplicitné kontaktné informácie z hlavičky lokality v päte. Môžete umiestniť najdôležitejšie kontakty. Ak sa návštevník dostal na koniec stránky, znamená to, že si prečítal všetky informácie a je šanca, že si objedná. Pre jeho pohodlie je potrebné umiestniť kontakty.
- Forma spätnej väzby.
Umožňuje návštevníkovi kontaktovať vás bez opustenia aktuálnej stránky. To je výhodné pre vašich potenciálnych zákazníkov.
- Šípka hore".
Umožňuje návštevníkovi okamžite sa vrátiť na hlavičku stránky bez posúvania dlhej stránky.
- Objednávkový formulár spätného volania.
Funguje rovnako ako formulár spätnej väzby. Nezabudnite, že spätné volanie musí byť uskutočnené najviac krátka doba. V opačnom prípade stratíte dôveru potenciálneho klienta.
- Odkazy na sociálne siete.
Ak aktívne komunikujete s návštevníkmi na sociálnych sieťach, umiestnite nižšie odkazy na svoje skupiny a stránky. Sociálne siete sú dôležitým nástrojom na spojenie so zákazníkmi a zvýšenie ich lojality.
Trochu zastaraná verzia navigačného bloku, ktorá umožňuje rýchlo nájsť požadované stránky.
- Odkaz na vývojára
Akú úlohu hrá päta
Krásna päta - inak suterén zdroja - sa len tak nezlepší vzhľad stránky, ale tiež užitočné pre používateľskú skúsenosť.
Dáme základné tipy, ako urobiť funkčnú pätu stránky.
Dávaj pozor na:
- Dôležitosť hierarchie. Nehádžte informácie dohromady. Používateľ by mal byť schopný to ľahko pochopiť.
- Prehľadnosť zoznamov. Ponechajte viac miesta pre nadpisy zoznamu ako pre samotný text.
- Prítomnosť hraníc medzi prvkami.
- Jednota písma. Používajte štýly, ktoré sa k sebe hodia.
- Rozdelenie na stĺpce. Štruktúruje informácie.
- Prítomnosť zarážky medzi pätou a posledným blokom lokality.
- Jednota päty na všetkých stránkach portálu.
- Jednota štýlov pre pätu a celý web.
- Jednoduchosť. Vžite sa do kože používateľa. Malo by byť ľahké nájsť informácie, ktoré vás zaujímajú.
- Použitie podpäty, ak je v hlavnej päte príliš veľa informácií.
Každá päta by mala byť jasne oddelená od hlavného obsahu stránky. Päta je zvyčajne zdobená inou farbou, čo je obsahová časť webového zdroja. Farba päty sa tiež môže mierne líšiť od pozadia stránky, zvyčajne je päta tmavšia.
Ozdobte pätu nezvyčajným spôsobom. Napríklad dizajn suterénu môže mať zložený kus pergamenu. Ak je v klobúku ostrov a vlny, potom môže byť dno zdobené v podobe morského dna a zaujímavým prvkom bude otvorená truhlica s pokladom. Na stránke umelca môže byť kľúčovým prvkom päty štetec a paleta a na stránke hudobníka čierny klavír, ktorý prechádza do čiernej päty. Spodná časť stránky môže byť tiež navrhnutá v jasnom klasickom štýle.
Pozornosť užívateľa môže upútať aj zaujímavý suterén.
Toto je nejaký druh nočnej mory! Prečo sa päta vášho webu znova zobrazuje a posúva dizajn? Naozaj je nemožné niečím poriadne stlačiť pätu na spodok stránky? Obsah alebo aspoň kocky! Tehla v monitore nelezie?
Vidím, potom si sadnite a nerobte nič, kým si neprečítate náš článok až do konca.
Vytvorenie správnej päty pre váš web
Mnohí vlastníci stránok sa stretávajú s týmto problémom, keď sa päta stránky zobrazí len „nahor“. A potom nie je jasné, čo robiť. Najčastejšie sú návrhy webových stránok vyrobené na narýchlo, sám za seba ( kruh "bláznivé ruky") alebo začínajúcich správcov webu.
Zároveň sa na začiatku životnosti stránky nedeje nič hrôzostrašné. A takáto idylka pokračuje, pokiaľ obsah tlačí „vlastnou váhou“ na suterén a bráni mu vstať. Oplatí sa však umiestniť na stránku menej materiálu a nedávno „pokojná“ päta sa okamžite zdvihne, čím sa celý dizajn stránky dostane do nevhodného vzhľadu.
Na odstránenie tejto „vady“ vytvorenej šablóny nie je potrebné míňať peniaze za služby webmastera. Najčastejšie si pätu stránky môžete umiestniť sami. Zvážte všetko možné možnosti riešenie podobného problému:
Prvý spôsob
Prvý spôsob, ako „ukotviť“ pätu „na spodok“ stránky, je založený na CSS. Začnime s ukážkovým kódom a potom sa bližšie pozrime na jeho implementáciu:
html ( výška: 100 %; ) hlavička, navigácia, sekcia, článok, bokom, päta ( zobrazenie: blok; ) telo ( výška: 100 %; ) #wrapper ( šírka: 1000px; okraj: 0 auto; min-výška: 100 %; height: auto !important; height: 100%; ) #header ( height: 150px; background-color: rgb(0,255,255); ) #content ( padding: 100px; height:400px; background-color: rgb(51,255,102) ; ) #footer ( šírka: 1000px; okraj: -100px automaticky 0; výška: 100px; pozícia: relatívna; farba pozadia: rgb(51,51,204); )
Prilepenie päty na spodok značky stránky
html ( výška: 100 %; ) telo ( výška: 100 %; )
Nastavte minimálnu výšku vrstvy kontajnera na 100 %. V prípade, že je šírka obsahu väčšia ako výška kontajnera, nastavte vlastnosť na auto . Vďaka tomu sa obal automaticky prispôsobí šírke obsahu umiestneného na stránke:
#wrapper ( min-výška: 100 %; výška: auto !dôležité; výška: 100 %; )
Riadok kódu „height: 100 %“ je určený pre staršie verzie IE, ktoré neakceptujú vlastnosť min-height.
Aby sme oddelili priestor pre pätu v dizajne stránky, nastavili sme odsadenie značky
#content ( padding: 100px; )
V tomto bode máme webovú stránku na celú obrazovku plus ďalších 100 pixelov, ktoré sú „neutralizované“ zápornou hodnotou výplne päty (margin: -100px ), keď sú k nej umiestnené ( position: relatívne ). So zápornou hodnotou výplne teda „posúvame“ pätu do oblasti kontajnera, ktorý má výšku 100 %.
AT tento príklad označenie webového dokumentu je špecifikované pomocou relatívne nového HTML tagy 5, ktoré môžu byť nesprávne interpretované zastarané verzie prehliadačov. Z tohto dôvodu sa nemusí správne zobraziť celý dizajn stránky. Aby ste tomu zabránili, musíte nahradiť nové značky z arzenálu verzie 5 hypertextového jazyka bežnými.
Vylepšená verzia
Vyššie diskutovaná metóda, ako urobiť pätu v dolnej časti stránky „neotrasiteľnou“, nie je vhodná pre každého. Ak sa v budúcnosti chystáte upraviť a vylepšiť dizajn svojich stránok pomocou kontextových okien, je lepšie opustiť používanie predchádzajúcej implementácie.
Najčastejšie sa pri implementácii používa vyskakovacie okná vlastnosť css z-index . Jeho hodnoty určujú poradie, v ktorom sa vrstvy ukladajú na seba.
Čím vyššia je hodnota z-indexu prvku, tým vyššia bude v celkovom „vrstvení“.
Ale pretože sme v predchádzajúcom príklade použili zápornú výplň päty, spodná časť kontextového okna sa bude prekrývať s oblasťou hornej päty. Aj keď bude mať vyššiu hodnotu z-indexu. Pretože rodič kontextového okna (wrapper ) má pre túto vlastnosť stále menšiu hodnotu.
Tu je lepšia verzia:
CSS - príklad kódu:
html, body ( height: 100%; ) .header ( height:120px; background-color: rgb(0,255,102); ) .main (min-height:100%; position: relativní; background-color: rgb(100,255,255); ) .footer ( výška: 150px; pozícia: absolútna; vľavo: 0; dole: 0; šírka: 100 %; farba pozadia: rgb(0,0,153); )
Ako môžete vidieť z kódu, pätu sme umiestnili ako súčasť hlavného prvku. Kontajneru sme pridelili relatívnu polohu a absolútnu polohu päty. Pätu sme zafixovali na samom spodku nádoby nastavením jej ľavej a hornej polohy na 0.
Variant do suterénu s nepevnou výškou
Predchádzajúce implementácie môžu zabezpečiť, že päta bude vždy v spodnej časti stránky. Ale iba ak má päta pevnú šírku. Čo ak však množstvo obsahu umiestneného v ňom nemožno predvídať?
To si bude vyžadovať pokročilejšiu možnosť pre neopravený suterén. Nastaví pätu na riadok tabuľky pre vlastnosť display. Tým sa zobrazí ako riadok tabuľky.
Ak sú topánky poslednou súčasťou akéhokoľvek oblečenia, potom je päta stránky elektronického obchodu konečným prvkom jej predajného dizajnu. Zameraním sa na najspodnejší prvok päty sú moderné webové stránky pripravené ukázať svoju individualitu v každom smere. V konkurenčnom prostredí e-commerce je dostatok originálnych nápadov, kreativity a dizajnových trendov. Pred diverzifikáciou päty e-komerčnej stránky je potrebné zvážiť dôležité body. Čo umiestniť ako prvé a ako to najlepšie urobiť? Pozrite si našu inšpiratívnu recenziu návrhov päty, kde nájdete zaujímavé možnosti.
Prečítajte si tiež: 13 Marketingové trendy elektronického obchodu roku 2019
Kuriózne štatistiky od spoločnosti Chartbeat. Štúdia správania 25 miliónov používateľov ukázala, ako hlboko prehliadajú stránky. Ukazuje sa, že pozornosť používateľa priťahuje priestor pod čiarou skladania. Pri získavaní praktickejších užitočných informácií sa návštevníci najdlhšie zdržujú v oblasti 1200px z hornej časti stránky (s priemerom 700px vertikálne na obrazovke v prehliadači) alebo za druhou obrazovkou.
Čas zobrazenia (s) / Vzdialenosť od hornej časti stránky (v pixeloch)
Veľká medzera v trvaní sledovania prvej a druhej obrazovky. Samotný TOP má 4 sekundy, trvanie dosahuje maximum (16 sekúnd) pri 1200 pixeloch zhora a s ďalším posúvaním sa pomaly znižuje.
Podiel návštevníkov (%) / Vzdialenosť od hornej časti stránky (v pixeloch)
Značná časť návštevníkov (viac ako 25 %) ani nečaká, kým sa obsah načíta a začne stránku posúvať. To znamená, že iba 75 % uvidí ako prvý úplne vrchol. Najprezeranejšia oblasť stránky je 550 pixelov (tesne nad čiarou ohybu).
Štúdia vyvracia mýtus, že používatelia neskrolujú na koniec stránky a nepozerajú celý obsah. Päta je dôležitá aj pre moderný web elektronického obchodu a má dokonca svoje výhody.
Nápady ako navrhnúť "suterén" (pätu), príklady predajných návrhov
Týchto 10 tipov vám ukáže, ako krásne navrhnúť pätu webu - podľa pravidiel kompozície vo webdizajne a s riešením prioritných úloh. Použite najvhodnejšiu taktiku na zlepšenie použiteľnosti, UX ( používateľskú skúsenosť) a dokonca zvýšiť predaj.
1. Požadované informácie
Tradične sú požadované organizačné a právne záležitosti pokryté v päte stránky. Upozornenia sú štylizované do menej viditeľného textu, čo uvoľňuje ostatné oblasti stránky pre zmysluplnejšie prvky. Tu je vzorový zoznam, ktorý treba zvážiť:
- Poznámky k autorským právam
- Právne obmedzenia
- informácie o platbe
- Oznámenie o súboroch cookie
Webová stránka, ktorá predáva tovar, musí spĺňať zákonné požiadavky a poskytovať informácie o postupe, podmienkach vrátenia. Jeho umiestnenie v päte je vhodné pre predajný zdroj aj pre návštevníkov.
Príklad päty: Yves Rocher
Internetový obchod Yves Rocher: päta na celú obrazovku s pekným dizajnom striedajúcich sa vrstiev. Informuje o spoločnosti, infraštruktúre predajnej stránky – od sledovania objednávok až po politiku osobných údajov. Tu sú tipy na používanie produktu, bonusy, akcie
Príklad päty: Lumity
Obchodníci s potravinárskymi prídavnými látkami majú pridelenú zvýšenú právnu úpravu zodpovednosť. Existuje pomerne veľa vecí, ktoré by mali/nemali uvádzať na svojich predajných stránkach. Odkazy na právne informácie sú pre lepšiu viditeľnosť vyznačené tučným písmom.
Päta s krásnym obrázkom na pozadí veľmi organicky zapadá do celkového dizajnu stránky. Neexistuje jasná hranica, skôr samotný obsah slúži ako oddeľovač
Príklad päty: Saddleback Leather Co
Predajná stránka s krásnym retro dizajnom hlavičky a päty. 100 ročná záruka na chyby materiálu a povrchovej úpravy. Podmienky vrátenia sú priložené zaujímavé príbehy Ukazuje sa, že s potrebnými informáciami o elektronickom obchode nie je všetko také smutné
2. Negatívny priestor – dostatočná vizuálna vzdialenosť
Pri obmedzovaní počtu odkazov v päte nebuďte skúpi na negatívny priestor – to bude mať úžasný vplyv na vizuálne vnímanie a zlepší čitateľnosť. Všeobecné pravidlo: Pri zachovaní vizuálnej hierarchie sú centrálne prvky zaznamenané rýchlejšie (možno s výhodou využiť!).
Príklad päty: QUAY AUSTRÁLIA
Vďaka minimalistickému štýlu a pevnej rozbaľovacej ponuke si internetový obchod môže dovoliť priestrannú pätu.
príklad päty: Incase
O veľkom množstve mikronegatívneho priestoru (medzi malé prvky) môžete povedať toto: pokiaľ sú k dispozícii všetky potrebné informácie, sú čitateľné a rýchlo vnímateľné - všetko je v poriadku
Príklad päty: Pražiarne kávy Stumptown
Priestranná päta kaviarne je skvelým doplnkom čistej dizajnovej kompozície, ktorá má veľa makro-negatívneho priestoru („vzduch“ medzi sekciami/sekciami)
3. Posledná výzva na akciu
Prečítajte si tiež: 30+ príkladov a návrhov pre tlačidlá cieľových akcií
Štýlový dizajn päty výrečne hovorí o samotnom zdroji. Je dôležité poznamenať, že kupujúci sa tu zdrží o niečo dlhšie ako na zvyšku stránky. Dobrá príležitosť na ďalšiu poslednú výzvu na akciu. Často ide o predplatné / zoznam adresátov, ale hovor s výzvou na akciu môžete spojiť aj s registráciou účtu.
príklad päty: Greetabl
Greetabl má skromne navrhnutý spodok stránok vrátane výzvy na predplatenie. S minimom prvkov sa hovor stáva viditeľným a v súlade s tyrkysovým pozadím sa mení na dekoráciu lokality
Príklad päty: Ecwid
Pekný dizajn s výzvami na akciu v spodnej časti stránok. Štruktúra predávajúceho tvorcu webových stránok je univerzálna. Pre milión zákazníkov bol preložený do 35 jazykov.
4. Plávajúci košík – zvýšenie dostupnosti predajnej funkcionality
Prístup k nákupnému košíku zo spodnej časti stránky je skvelý spôsob, ako zlepšiť použiteľnosť a predajné kvality stránky.
Príklad päty: Lemonadela
Predajná stránka cateringovej spoločnosti vyzerá príjemne a je pre kupujúceho pohodlná
5. Navigácia v päte
Spodná časť stránky je ideálna pre málo zobrazované informácie: o spoločnosti, zmluvných podmienkach a zásadách ochrany osobných údajov. Funkciou päty je v tomto prípade zachrániť všetkých. Niekto sa cíti stratený v prostredí elektronického obchodu a má záujem o infraštruktúru e-shop, inštinktívne posúvanie ďalej...
Negatívny priestor je nevyhnutný pre čitateľnosť obsahu. Vo všeobecnosti „päta“ neslúži na navigačné účely, na rozdiel od ponuky alebo mapy webu. Len v ojedinelých prípadoch umiestňujú stránky elektronického obchodu určité kategórie produktov do päty (
Všetky WordPress šablóny pozostávajú z niekoľkých súborov, ktoré sú zodpovedné za spracovanie a zobrazenie jednej alebo druhej časti blogu - hlavičky, hlavného obsahu, bočného panela a päty. Dnes si povieme niečo o tom druhom. Päta (päta stránky) je jej spodná časť s celým obsahom. Najčastejšie ho používa správca webu na zobrazenie informácií, ako je dátum vytvorenia, ochrana autorských práv, názov atď. Ale nie vo všetkých témy wordpress implementácia je jednoduchá, niektorí jednoducho nemajú jednoduché možnosti na pridávanie informácií do päty.
Čo dať do päty stránky?
Na začiatok sa rozhodnime, aký typ stránok, čo možno umiestniť do päty, aby sa zlepšili faktory správania.
Kontaktné informácie najvhodnejšie pre internetové obchody. Umiestnenie adresy mapy, telefónu, poštovej adresy obchodu alebo organizácie atď. v suteréne umožňuje osobe rýchlejšie vykonať objednávku alebo nákup.
Navigácia alebo opakovanie navigačného bloku je v poriadku pre všetky druhy stránok. To platí pre dlhé stránky. V tomto prípade sa používateľ nemusí vrátiť na začiatok, aby prešiel na požadovanú časť. Ak však nechcete umiestniť navigačný blok do päty, rýchly návrat nahor je možné realizovať pomocou šípky nahor.
sociálne záložky, ak obsah vašej stránky zahŕňa hromadnú diskusiu alebo uverejňujete recenzie udalostí súvisiacich s vývojom témy, potom v päte môžete umiestniť odkazy na sociálne siete v ktorom zdroj propagujete. Tag cloud, ako aj doplnkový navigačný blok, bude vyhovovať všetkým typom stránok. Umiestnenie v päte 3D tag cloudu bude nielen pohodlné pre užívateľov, ale aj krásne po dizajnovej stránke.
Treba si uvedomiť, že šanca kliknúť na odkazy v päte, ak nie je krásna a poučná, sa vďaka nenápadnosti takejto päty blíži k nule.
Príklady krásne navrhnutých pätiek webových stránok
Aby sme vytvorili krásnu a informačnú pätu, dávame vám do pozornosti najznámejšie diela webdizajnérskych štúdií:
1. Dizajnové riešenie francúzskeho webového štúdia KDIGIT:
2. Návrh päty dizajnového web štúdia SNOWDEN industry:
3. Dizajnové riešenie v dizajne päty švédskej spoločnosti Uforia CMS:
4. Elegantný dizajn päty Tapbots:
5. Päta hotových návrhov:
6. Dizajn päty od Mecannical:
7. Krásny dizajn päty:
Ako ste už pravdepodobne pochopili, všetky tieto päty sú založené na krásnych obrázkoch na pozadí a blokoch informácií, ktoré sú na nich umiestnené. Ak by ste nemali mať žiadne zvláštne problémy s vytváraním obrázka na pozadí, pretože na to existujú rôzne editory obrázkov, ako je Photoshop, potom je to možné rýchlym a pohodlným umiestnením do informačných blokov.
Pridanie informačných blokov do päty
najviac jednoduchým spôsobom pridanie blokov informácií do päty pridá do administračného panela WordPress blok miniaplikácií päty. Na vytvorenie takéhoto bloku widgetov je potrebné otvoriť admin menu —> editor a v stĺpci napravo vybrať súbor functions.php, do ktorého pridáme kód:
if (function_exists("register_sidebar")) register_sidebar(array("name" => "Bočný panel päty", "before_widget" => "", "after_widget" => "", "before_title" => "
if (function_exists("register_sidebar" ) ) register_sidebar(pole( "name" => "Bočný panel päty" , "before_widget" => "" , "after_widget" => "" , "before_title" => " "
,
"
,
)
)
;
"after_title" => " |
Toto je kód na registráciu nového bloku miniaplikácie v správcovi, kde „name“ je názov miniaplikácie, „before_widget“ je vykreslený HTML kód pred miniaplikáciou a „after_widget“ je vykreslený kód HTML za miniaplikáciou, ako aj kód pred a za hlavičkou nadpisu. Zvyčajne sa pridáva na úplný začiatok súboru functions.php.
Uložte obsah functions.php a prejdite do sekcie "Widgety". Ak bolo všetko vykonané bez chýb, nájdete tam nový blok:
Urobili sme teda zobrazenie nového bloku widgetov v ponuke správcu, teraz musíme zobraziť widgety tohto bloku na stránke. Ak to chcete urobiť, otvorte admin menu -> editor a vyberte súbor footer.php vpravo, mimochodom, takéto bloky widgetov je možné zobraziť nielen v päte, ale aj na akomkoľvek inom mieste na webe.
Do súboru footer.php pridajte nasledujúci kód.