Delovni priročnik za tistega, ki gradi strani
Poglavje 1
Urejevalnik spletnih strani spremeni organizacijo na Eventure v pravo javno spletno stran: z lastnim naslovom, lastnim videzom in lastnimi stranmi. Ne gre za profilno stran znotraj Eventure. Gre za resnično spletno stran, takšno, kakršno bi sicer naročili pri agenciji.
Ta priročnik je namenjen tistemu, ki takšne strani gradi. Predpostavlja, da urejevalnika še niste odprli. Ne predpostavlja, da znate programirati, in tega od vas nikoli ne bo zahteval.
Urejevalnik najdete pri organizaciji pod Website Builder. Vse v tem priročniku se dogaja na tem enem zaslonu.
Urejevalnik shranjuje sproti, medtem ko tipkate. Gumba za shranjevanje ni treba iskati, kar je olajšanje, ko temu zaupate, in vznemirljivo, dokler ne. Tretje poglavje pojasni varnostno mrežo, zaradi katere je to povsem v redu: skoraj vedno urejate osnutek, stran v živo pa se ne spremeni, dokler tega ne določite sami.
Poglavje 2
Preden je katerikoli kontrolnik smiseln, mora biti smiseln ta model. Vsaka spletna stran, ki jo urejevalnik naredi, ima natanko tri dele.
Glava se izriše na vrhu čisto vsake strani. Noga se izriše na dnu čisto vsake strani. Vsako zgradite enkrat in nato obiskovalca spremljata povsod.
Med njima je del, ki se spreminja. Pri vhodnih vratih je to domača stran. Povsod drugod je to stran. In v obeh primerih je zgrajena enako: iz odsekov, zloženih drug pod drugim, od zgoraj navzdol, v vrstnem redu, ki ga določite vi.
Odsek je vodoravni pas čez stran: glavni odsek, galerija fotografij, seznam dogodkov, kontaktni obrazec. Izberete, katere želite, jih povlečete v pravi vrstni red in izpolnite njihove nastavitve. To je celotno delo.
Vsak od šestih zavihkov je eden od teh treh delov ali pa pravila, ki jim vsi sledijo. Ko to enkrat vidite, vrstica zavihkov ni več šest ugank, ampak seznam opravil:
Poglavje 3
Preberite to, preden se česarkoli dotaknete. To je razlika med svobodnim eksperimentiranjem in strahom pred orodjem.
Organizacija lahko hrani več različic svoje spletne strani. Imenujemo jih različice. Natanko ena od njih je v živo, tista, ki jo vidi javnost. Vse ostale so osnutki, vidni samo vam.
Ko urejate osnutek, nič od tega ne pride do javnosti. Lahko izbrišete vse odseke, izberete barve, ki se kregajo, in premešate celotno stran. Stran v živo ostane nespremenjena. Spremeni se šele, ko osnutek namenoma aktivirate, kar ga zamenja na njegovo mesto.
Prav zato lahko urejevalnik shranjuje samodejno, ne da bi bilo to nepremišljeno. Shranjuje vaš osnutek.
Čisto nova organizacija, ki še nima strani, nima česa varovati, zato gre njena prva gradnja naravnost v živo. Od takrat naprej ste na območju osnutkov. Če niste prepričani, kje ste, poiščite trak z opozorilom o osnutku na vrhu predogleda. Če traku ni, urejate stran v živo, zato si vzemite dodatno sekundo za premislek.
Vsi samodejni graditelji iz trinajstega poglavja upoštevajo to pravilo. Vsi ustvarijo osnutek in vam ga izročijo v pregled. Nobeden ne more za vašim hrbtom povoziti strani v živo.
Vse v zvezi z različicami se dogaja v enem traku nad zavihki. Ta spreminja obliko glede na to, kaj urejate, in prav v tem je bistvo: ponudi vam samo tisto, kar ima v danem trenutku smisel. Od leve proti desni je to vse, kar zna prikazati.
Ko odprete preklopnik, dobi vsaka različica dvovrstični zapis. Prva vrstica pove, kaj različica je, druga, kaj vsebuje. Ko ju znate prebrati, različic ne boste več odpirali samo zato, da bi videli, kaj je v njih.
Različica s spletiščem po meri ne prikaže nobenih števk. Njena vsebina je v naloženem paketu in ne v odsekih urejevalnika, zato bi seštevek zavajajoče kazal ničlo. Molk je bolj pošten od napačne številke.
Meni Različice se odpre s tremi vnosi in razlika med njimi je najkoristnejša stvar v tem poglavju.
Podvoji trenutno ustvari nekaj novega in pusti vse ostalo pri miru. Kopiraj vsebino povozi nekaj, kar že obstaja, in tega ni mogoče razveljaviti. Če niste prepričani, katero želite, želite Podvoji.
Kopiraj vsebino si dodatno previdnost zasluži z dodatnim obrazcem. Pod Kopiraj v različico izberete cilj s seznama, ki prikazuje enake oznake in števke kot preklopnik, da vidite, kaj boste povozili, preden to storite. Nato odkljukate, kateri deli naj se prenesejo; ob vsakem piše, koliko elementov ima izvor:
Nič se ne zgodi, dokler ne odkljukate Razumem, da to nadomesti vsebino ciljne različice, kar šele odklene gumb. Neodkljukani deli na cilju ostanejo natanko takšni, kot so bili.
Vse tri ponudijo eno neobvezno stikalo, preden potrdite. Pri Podvoji in Začni iz nič se glasi Objavi - aktiviraj to različico po ustvarjanju in je privzeto izklopljeno, saj je nova različica običajno mišljena kot osnutek. Pri Kopiraj vsebino se isto stikalo glasi Objavi, kadar je cilj osnutek, in se tiho spremeni v Preklopi na to različico po kopiranju, kadar je cilj že v živo - objava je v tem primeru brezpredmetna, zato vam ponudi, da urejevalnik premaknete tja.
Karkoli od tega uporabite, urejevalnik vaše urejanje premakne v pravkar ustvarjeno različico, da naslednja sprememba pristane tam, kjer pričakujete. Koliko različic organizacija ali skupnost hrani, ni omejeno.
Pod ločilno črto v istem meniju je Upravljanje različic, ki odpre celoten seznam: ena vrstica na različico, z imenom, oznakami, časom nastanka in zadnje posodobitve ter istimi števkami vsebine.
Brisanje je namenoma težje dosegljivo in dva primera odkloni brez pogajanj. Različice v živo ne izbriše - namig vam pove, naj najprej aktivirate drugo - in ne izbriše zadnje, ki jo imate, saj spletna stran brez različic ni stanje, ki bi ga urejevalnik dopuščal.
Osnutek je javnosti neviden, kar je težava, kadar je celoten namen prav ta, da ga pokažete sodelavcu v potrditev. To rešita Deli v vrstici različic in Kopiraj povezavo za predogled na seznamu za upravljanje: oba vam v odložišče dasta povezavo, ki osnutek odpre tako, kot bi ga videl obiskovalec, brez prijave.
Oba sta na voljo samo za osnutke. Različica v živo je ne potrebuje, saj lahko pravo stran itak odpre vsakdo.
Vrstica različic, preklopnik, trije načini ustvarjanja, seznam za upravljanje in povezave za predogled so v urejevalniku skupnosti enaki. Razlikujejo se le tri stvari: Kopiraj vsebino ponudi šest izbir namesto sedmih, saj je zunaj dosega samo zavihek Glava; ni samodejnih graditeljev, ki bi jih zagnali; in ni možnosti Shrani kot predlogo. Petnajsto poglavje v celoti opisuje urejevalnik skupnosti.
Poglavje 4
Zavihki so že v pravem vrstnem redu. Predelajte jih od leve proti desni. To ni naključje in razloge je vredno poznati, saj so to hkrati razlogi, zakaj gre stran narobe, če delate v napačnem vrstnem redu.
Če imate na voljo samo eno uro, jo porabite za Videz in Domačo stran. Ta dva nosita večino tega, kar obiskovalec dejansko doživi.
Custom Site se pojavi samo pri organizacijah s paketom, ki ga vključuje, in v celoti zamenja običajno izrisovanje strani. JS/CSS je izklopljen. Nobeden ni del običajnega dela in nobeden ni obravnavan tukaj.
Velik predogled na desni ni le izris za občudovanje. Je najhitrejša pot do posameznega kontrolnika: kliknite karkoli v njem in plošča na levi skoči naravnost na obrazec, ki mu pripada. Odpre se pravi zavihek, ustrezna vrstica se razširi in točno tisto polje utripne, da ga ne morete zgrešiti. Ko to enkrat veste, nehate drsati po levi plošči v iskanju prave harmonike in preprosto pokažete na stvar na strani.
Skoraj vsak del strani se odzove na klik:
Da je jasno, kaj bo klik naredil, predogled med delom označi bloke na dva različna načina:
Hkrati imate lahko odprtih več obrazcev odsekov, trak pa vedno sledi tistemu, v katerem dejansko delate - odseku, ki ste ga nazadnje kliknili v predogledu, ali obrazcu, v katerega ste nazadnje kliknili za tipkanje. Če sta torej odprta dva obrazca in je videti, da je trak na napačnem bloku, kliknite blok, ki ga mislite (ali kliknite v njegov obrazec), in trak se takoj premakne tja.
Ob lebdenju nad blokom se pokaže tudi majhna oznaka, ki poimenuje, kaj bo klik odprl, tako da lahko preverite, preden se odločite. Vse to deluje enako v urejevalniku skupnosti.
Poglavje 5
Videz in občutek celotne strani. Nič od tega ne pripada posamezni strani. Vsaka nastavitev na tem zavihku je pravilo, ki mu bo sledila vsaka stran, vsak odsek in oba dela okvirja, razen če ga kaj lokalno ne povozi.
To je zavihek z največjim vzvodom v celotnem urejevalniku. Dobrih deset minut tukaj prihrani uro nastavljanja pozneje.
Vsaka kartica vsebuje eno družino nastavitev. Če se s kazalcem postavite na kartico, se pokaže njen lastni gumb za ponastavitev, ki razveljavi samo to kartico in pusti ostalo delo pri miru.
| Kartica | Kaj vsebuje |
|---|---|
| Splošno | V živo ali Kmalu na voljo, vaša primarna in sekundarna barva, privzeto svetlo ali temno. |
| Links | Slog in barva ob prehodu miške za povezave v vsebini, meniju in nogi, vsaka posebej. |
| Gumbi | Barva ozadja in besedila za vsak gumb, za običajno stanje in stanje ob prehodu miške. |
| Drsenje in navigacija | Kako se stran obnaša, ko obiskovalec drsi. |
| Logotipi | Vaš logotip za temno ozadje, strnjena ikona in logotip za nogo. |
| Mediji | Ikona zavihka, slika ob deljenju vaše strani, slika ob prehodu miške čez kartico. |
| Pisave | Pisava za vsako vlogo: naslovi, besedilo, znamka, meni, slogan. |
| Postavitev in tipografija | Zaobljenost, senca, teža gumbov, velikost besedila, razmiki, poravnava. |
| Animacije razdelkov | Privzeta vstopna animacija za celotno stran po obsegu; Naključno; Po meri. |
Najbolj usodno stikalo v urejevalniku je v kartici Splošno. Kmalu na voljo obiskovalcem namesto vaše strani pokaže zadržno stran. V živo jo odpre svetu. Napol zgrajena stran naj ostane na Kmalu na voljo; za prezgodnjo objavo ni nagrade.
Izberete primarno in sekundarno barvo in iz njiju je zgrajena celotna stran. Gumbi, povezave, ozadja odsekov, nastavljena na Primarno, polnila ločilnikov, stanja ob prehodu miške: vsi berejo ti dve vrednosti. Spremenite primarno barvo in celotna stran se premakne naenkrat. Prav zato se splača izbrati ju zbrano tukaj, namesto štiridesetkrat pozneje.
Kartica Barve teme določi samo stran: barvo podlage (ozadje strani) in barvo besedila (privzeto besedilo), en par za svetli način in en za temnega. Če vse štiri pustite pri miru, stran ohrani svoj običajen svetli in temni videz povsem nespremenjen - nič tukaj ni obvezno. Nastavite eno in vsaka stran ter vsaka kartica, ki ji niste rekli drugače, se prebarva po njej; zamolkla barva besedila in obrobe se samodejno izračunajo iz vaše barve besedila, tako da jih nikoli ne nastavljate ročno.
Kartica prikaže oba načina drug ob drugem kot dve majhni predogledni plošči, vsako pobarvano z izbranim parom barv, tako da svetli in temni način vidite hkrati, namesto da bi ugibali iz vzorčkov. Majhna značka na vsaki plošči prikaže kontrast med barvo podlage in besedila - preprosto preverjanje, da bo besedilo ostalo berljivo, še preden karkoli shranite. Ko izberete primarno barvo, se ob vsakem polju pojavi nekaj ujemajočih pik kot predlogi z enim klikom.
Podlaga in besedilo se pridružita Primarni in Sekundarni tudi kot izbiri povsod, kjer že izbirate barvo - ozadje odseka, naslov, kartica - tako da lahko katero koli od njih usmerite na "podlago teme" ali "besedilo teme" namesto na fiksno barvo, in ji bo sledila, če se kdaj vrnete na to kartico.
Oblikovalska tema je osebnost celotne strani. Določi ritem razmikov in, kar je še pomembneje, spremeni privzeto postavitev, po kateri poseže vsaka vrsta odseka. Ista vsebina pod drugo temo je videti kot resnično druga spletna stran.
| Tema | Kako spremeni stran |
|---|---|
| Klasično | Enakomeren ritem, velikodušni odmiki - standarden uravnotežen videz. |
| V žarišču | Drzno in zračno - velike številke, veliki naslovi, obilo prostora za dihanje. |
| Mehko | Toplo in zaobljeno - prostorni odmiki, mehke kartice, prijazne postavitve oseb. |
| Golo | Minimalno in zbito - kompakten ritem, brez ločil, okrnjeno okrasje. |
| Plošča | Strukturirano in uredniško - tanka ločila med razdelki, ostro robate mreže. |
Kjer oblikovalska tema določi ritem in postavitev, slog hkrati določi paleto, pisave in okrasje kot eno usklajeno odločitev. Ponujeni so med gradnjo nove strani in so najhitrejša pot do videza, ki ne deluje naključno.
| Slog | Kaj dobite |
|---|---|
| Profesionalno | Čisto in poslovno. Skrilavo siva in jantarna, ostra linearna pisava, glava s poudarkom na kontaktu. |
| Uredniško | Prefinjeno in brezčasno. Bordo in smetanova, elegantna serifna pisava, sredinsko postavljena znamka. |
| Krepko | Polno energije. Indigo in koralna, močna ozka naslovna pisava, steklena lepljiva glava. |
| Minimalno | Umirjeno in sodobno. Skoraj črna z limetnim poudarkom, povsod Inter, večinoma belo. |
| Toplo | Prijazno in zaobljeno. Gozdno zelena in peščena, mehki naslovi Poppins, glava s kontaktom na prvem mestu. |
| Razigrano | Svetlo in živahno. Turkizna in roza, zračna pisava Raleway, zaobljeni gumbi in animiran hero. |
| Pristopno | Zaupanja vredno in toplo. Mornarsko modra in koralna, prijazen Montserrat, glava s poudarkom na stiku. |
| Sveže | Ustvarjalno in razpoznavno. Slivova in meta, okrasna pisava Cinzel, sredinsko poravnana znamka. |
Kako je videti in kako se obnaša besedilna povezava ob prehodu miške, ločeno za tri neodvisne dele strani: povezave v vsebini (znotraj strani in sekcij), povezave v meniju (glavna navigacija) in povezave v nogi. Vsak del ima svoj izbirnik sloga ob prehodu miške - Navadno, Podčrtano, Rast iz sredine, Rast z leve, Organsko valovito, Organska poteza ali Poudarjeno - razporejen v enakomerno mrežo ploščic, ter svojo barvo povezave, barvo ob prehodu miške in barvo podčrte. Če pustite Privzeto po temi, povezava ohrani klasično rahlo podčrtavanje; če izberete slog, ta popolnoma prevzame videz.
Barve za meni in nogo so iste vrednosti, ki jih nastavite na kartici Barve menija na zavihku Glava in v vrstici Barve noge na zavihku Noga - urejanje na enem mestu posodobi tudi drugo. Barva podčrte je tukaj nova: obarva učinek sloga ob prehodu miške neodvisno od barve besedila same povezave, tako da je lahko organsko valovita podčrta obarvana z barvo znamke, medtem ko besedilo povezave ostane privzeto po temi.
V skupnosti seže del za nogo dlje od stolpcev s povezavami: mala izbirnika jezika in teme ob vrstici z avtorstvom sta oblečena in se obnašata kot vsaka druga povezava v nogi - vključno z barvo, barvo ob prehodu miške in slogom.
Živ pas "Za predogled se postavite s kazalcem" na dnu kartice prikaže po en vzorec za vsak del - postavite se nanj s kazalcem, da vidite izbrani slog in barvo skupaj, še preden gresta v živo.
Štirje zavihki na vrhu te kartice - Vsi, Primarni, Sekundarni in Obrisni - vam omogočajo, da pobarvate gumbe na splošno ali natančno, kakor želite. Vsak zavihek vsebuje enake štiri kontrolnike: ozadje, barvo besedila in par, v katerega se oba spremenita pod kazalcem. Če pustite vse zavihke prazne, gumbi še naprej sledijo vašim barvam blagovne znamke povsem tako kot doslej.
Vsi je širša poteza: nastavite ga in vsi gumbi na strani se takoj prebarvajo, ne glede na slog. Primarni in Sekundarni sta bolj natančna - nastavite enega in spremenijo se le gumbi tega sloga, medtem ko vsi drugi slogi še naprej sledijo zavihku Vsi (ali vašim barvam blagovne znamke, če je prazen tudi ta). Obrisni je poseben primer, saj se obrisni gumb v mirovanju začne prosojen: prvi dve polji se imenujeta Polnilo (ozadje v mirovanju - običajno prazno) in Obroba in besedilo (barva obrobe in besedila skupaj), zavihek pa hkrati pobarva oba obrisna sloga. Vsak zavihek na dnu prikaže svoj živ vzorčni gumb - premaknite miško čezenj, da vidite stanje ob prehodu, preden gre v živo.
Lastni gumb posameznega razdelka, kjer obstaja, lahko gre še korak dlje. Kliknite majhno ikono palete ob besedilnem polju gumba, da odprete Barve po meri za ta gumb - enaki štirje kontrolniki, a omejeni samo nanj. Karkoli tam nastavite, prevlada nad vsemi zavihki te kartice, vključno s stanjem ob prehodu miške, česar navadna barva nikoli ne bi zmogla. Ponastavi na slog strani na dnu tega pojavnega okna počisti vse štiri in gumb vrne kaskadi zgoraj.
Kartica Pisave dodeli pisave po vlogah: naslovi, besedilo, ime znamke, meni, slogan. Vloge, ne mesta. Nastavite pisavo naslovov enkrat in vsak naslov na strani ji sledi.
Kartica Postavitev in tipografija vsebuje tihe kontrolnike z najglasnejšim učinkom: zaobljenost robov, globino sence kartic, težo gumbov, ali gumbi kričijo z velikimi tiskanimi črkami, osnovno velikost besedila, koliko se stopnjujejo velikosti naslovov, koliko zraka je med odseki (Razmik odsekov), koliko ga je med karticami in stolpci znotraj njih (Razmik vsebine - ta nastavi tudi notranji odmik vsake kartice) in privzeto poravnavo besedila. Če je stran videti napačno, pa ne znate poimenovati zakaj, je odgovor običajno na tej kartici.
Kartica Animacije sekcij določa privzeto vstopno animacijo - kako se sekcije prikažejo, ko obiskovalec drsi po strani. To je odgovor za celotno stran; posamezna sekcija ga lahko še vedno prepiše (glejte Vstopna animacija med skupnimi kontrolniki).
Privzeto se nastavi po obsegu, saj domača stran in notranja stran želita drugačen ritem. Na strani organizacije dobite dve vrstici: Sekcije domače strani in Druge strani. Na pristajalni strani skupnosti je ena sama vrstica Sekcije pristajalne strani. Vsaka vrstica ponuja iste možnosti - Brez, Pojemanje, Pojemanje navzgor, Približevanje, Zdrs levo, Zdrs desno - in drsnik Zamik, ki gibanje zadrži za trenutek, da se sekcije ne sprožijo vse hkrati.
Vsaka sekcija, nastavljena na Podeduj, sledi vrstici svojega obsega. Spremenite vrstico in celoten obseg se znova animira naenkrat. V tem je bistvo: občutek strani uravnavate z enega mesta namesto sekcijo za sekcijo.
Dve možnosti si zaslužita pozornost. Izbira Naključno je živa: sekcije, nastavljene nanjo, ob vsakem nalaganju strani zavrtijo drugo animacijo, tako da stran nikoli ne prispe dvakrat enako. Gumb Naključno je nekaj drugega - je enkraten. Vsaki sekciji v obsegu takoj zapeče stalno, a drugačno animacijo, tako da se vsaka premika po svoje, a vedno enako. Zapekanje naredi obseg Po meri: kartica prižge oznako Po meri, ki vam pove, da sekcije ne sledijo več eni sami izbiri. Ponovna izbira katere koli kartice jo znova uporabi za celoten obseg in počisti Po meri - splošna izbira vedno zmaga.
Obe naključni poti omogočata zožitev nabora. Ob izbiri Naključno se pod karticami razkrije kratek seznam stikal - nabor, iz katerega črpa živo vrtenje. Pustite vsa vklopljena za celoten nabor ali nekatera izklopite, da v vrtenju ostaneta, denimo, le dve pojemanji. Gumb Naključno pred zapekanjem odpre enak izbirnik, tako da enkratno mešanje omejite na želene animacije. Pri možnosti Druge strani ta izbirnik navede tudi vaše strani, tako da premešate le tiste, ki jih izberete; gumb Uporabi za vse strani pri posamezni sekciji pa omogoča, da označite, katere strani prejmejo njeno animacijo. Oba ponujata hitre povezave Izberi vse / nič / obrni.
Eno nežno gibanje, dosledno uporabljeno, deluje dovršeno. Šest različnih animacij na šestih sekcijah deluje kot spletna stran, ki se ni mogla odločiti. Pojemanje ali Pojemanje navzgor na Podeduj je varna privzeta izbira za skoraj vsako stran.
Poglavje 6
Vrstica čisto na vrhu vsake strani. Vaš logotip, vaša navigacija, vaši gumbi. To je najbolj viden del celotne spletne strani, zato si zasluži več kot tisti dve minuti, ki ju ljudje običajno namenijo.
Glava je sestavljena iz trakov, zloženih drug na drugega, največ šest. Večina strani potrebuje enega. Stran z napovednim trakom nad običajno glavo potrebuje dva.
Vsak trak ima tri območja: levo, sredinsko in desno. V območja spuščate sestavne dele. To je celoten model in prav zato je z njim mogoče opisati vse glave, ki ste jih kdaj videli na spletu: logotip levo, meni desno sta preprosto dva sestavna dela v dveh območjih.
Namesto da glavo sestavljate del za delom, začnite z eno od osmih predlog in jo prilagodite. Vsaka je preverjeno dobra razporeditev, razvrščene pa so po tem, koliko nosijo: preproste glave so ena čista vrstica, glave z zgornjim trakom dodajo trak nad njo, bogate glave pa nosijo iskanje in voziček.
| Predloga | Vrsta | Kaj je |
|---|---|---|
| Minimalno | Preprosta | Logotip levo, meni desno. Najpreprostejša možna glava. |
| Sredinska znamka | Zgornji trak | Znamka zgoraj, meni spodaj. Uredniški / portfeljski videz. |
| Klasično | Preprosta | Znamka levo, meni in pripomočki desno. Znani privzeti videz. |
| Dvovrstično | Zgornji trak | Znamka in pripomočki na vrhu, celoten menijski trak spodaj. |
| E-trgovina | Bogata | Znamka, razširljivo iskanje, košarica in račun v eni učinkoviti vrstici. |
| Kontaktna vrstica | Zgornji trak | Telefon, e-pošta, delovni čas in družbena omrežja v zgornji vrstici; znamka in meni spodaj. |
| Promo | Zgornji trak | Zgornja pasica z obvestilom ter vrstica z znamko, menijem in pozivom k dejanju. |
| Agencija | Preprosta | Lepljiva steklena glava z znamko, menijem in glavnim pozivom k dejanju. |
To so kosi, ki jih lahko postavite v območje, razvrščeni po namenu. Večine ne potrebujete. Logotip, meni in en gumb so popolna, profesionalna glava.
| Sestavni del | Kaj naredi |
|---|---|
| Logotip | Logotip organizacije, povezuje na domačo stran. |
| Ime kot besedni znak (Wordmark) | Ime organizacije kot besedilo, povezuje na domačo stran. |
| Logotip in ime (Logo + name) | Logotip in ime organizacije drug ob drugem. |
| Sestavni del | Kaj naredi |
|---|---|
| Glavni meni (Main menu) | Glavni meni (postavke urejate v zavihku meni). |
| Sestavni del | Kaj naredi |
|---|---|
| Gumb s pozivom (CTA button) | Izpostavljen gumb za dejanje. Oznaka, povezava in slog so nastavljivi za vsak primerek posebej. |
| Iskanje | Iskalno polje strani, ki se razširi ob kliku. |
| Nakupovalni voziček (Shopping cart) | Ikona vozička z oznako števila izdelkov. |
| Sestavni del | Kaj naredi |
|---|---|
| Prijava / Račun (Log in / Account) | Spustni meni računa samo za skrbnike. Za goste je neviden, pojavi se, ko se član ekipe prijavi (prijava poteka prek /login). |
| Preklopnik jezika | Izbirnik jezika za obiskovalce. Skrit, kadar je dejaven samo en jezik. |
| Preklopnik teme | Preklop med svetlim in temnim načinom za obiskovalca. |
| Sestavni del | Kaj naredi |
|---|---|
| Telefon | Telefonska povezava za klic z enim klikom, z ikono. |
| E-pošta | Povezava za e-pošto z enim klikom, z ikono. |
| Naslov | Kratka vrstica z naslovom, po želji povezana z Google Zemljevidi. |
| Oznaka odpiralnega časa (Hours badge) | Strnjena oznaka odpiralnega časa. Bere nastavitev Odpiralni čas iz kartice Noga. |
| Sestavni del | Kaj naredi |
|---|---|
| Ikone družbenih omrežij | Vrsta ikon družbenih omrežij, prevzetih iz profila organizacije. |
| Prijava na novičnik (Newsletter signup) | Strnjeno polje za e-pošto, ki obiskovalca doda na seznam novičnika. |
| Obvestilo | Promocijsko sporočilo z izbirnim pozivom in gumbom za zapiranje. |
| Oznake plačil in zaupanja (Payment & trust badges) | Vrsta ikon sprejetih plačil, varnostni pečat in izbirni gumbi trgovin z aplikacijami. |
| Sestavni del | Kaj naredi |
|---|---|
| Lunina mena | Trenutna lunina mena z osvetljenostjo. |
| 13 lun | Ime trenutne sezonske lune s povezavo na koledar 13 lun. |
| Vzhod / zahod sonca | Sončni vzhod, sončni zahod, zlata ura ali dolžina dneva za vašo lokacijo. |
| Lokalni čas | Živa ura v časovnem pasu organizacije. |
| Odštevalnik | Odšteva do datuma in časa, nato kratko prikaže sporočilo »V živo!«. |
| Odprto / Zaprto | Status odprto/zaprto z naslednjim odpiranjem. Bere nastavitev Delovni čas. |
| Števec dni | Šteje cele dni od (ali do) izbranega datuma. |
| Vreme | Trenutno vreme za vašo lokacijo. Open-Meteo, brez API ključa, 30-minutni predpomnilnik. |
| Plima in oseka | Naslednja plima / oseka. Le obalne lokacije. Open-Meteo Marine, brez API ključa. |
| Prelet ISS | Približen čas naslednjega preleta ISS. |
| Vidni planeti | S prostim očesom vidni planeti na nocojšnjem nebu, izračunani za vašo lokacijo. |
| Sestavni del | Kaj naredi |
|---|---|
| Poljubni HTML / besedilo (Custom HTML / text) | Prosto besedilo ali preprost HTML (prečiščen). Uporabno za slogane ali oznake zaupanja. |
| Zvočni predvajalnik | Mini predvajalnik s seznamom predvajanja iz vaše knjižnice datotek. Kliknite za predvajanje. |
| Distančnik | Vrzel s prilagodljivo širino. Sosednje sestavne dele znotraj območja potisne narazen. |
Prekrivanje naredi glavo prosojno, tako da lebdi nad vašo glavno sliko in dobi trdno ozadje šele, ko obiskovalec podrsa navzdol. Videti je drago, stane pa nič. Ima natanko eno zahtevo: glavni odsek ssliko ozadja, ki je dovolj temna ali dovolj svetla, da je vaše besedilo glave na njej berljivo. Prav za to je nastavitev barve besedila prekrivanja, in napačna izbira je najpogostejši način, da lepa glava postane nevidna.
Barvni pridih ob prehodu miške nežno obarva pas glave, ko je miška nad njim. Majhno in prav prijetno.
Poglavje 7
Vhodna vrata. Ta zavihek je en sam navpični sklad odsekov, v natanko takem vrstnem redu, kot jih bo obiskovalec predrsal. Kar vidite v tem seznamu od zgoraj navzdol, to dobi tudi on, od zgoraj navzdol.
Odseki niso enakovredni državljani. Stran, ki je sama kartica za kartico, je utrudljiva; stran, ki izmenjuje širok vizualni pas in tesnejšo mrežo, da očesu prostor za počitek. Zanesljiva oblika je: močno odprite, dokažite se, pokažite delo, enkrat prosite.
Na brezplačnem paketu domača stran javno izriše prvih pet odsekov. Če jih zgradite več, vam urejevalnik še vedno pokaže vse, zatemnjene, pod ločilnikom, ki pojasni, da so na strani v živo skriti. To je namerno: svoje delo lahko vidite, namesto da bi tiho izginilo. A bodite si na jasnem, kaj to pomeni. Zatemnjeni odseki za javnost niso vidni. Če se odsek, ki ste ga zgradili, ne pojavi na pravi strani, je skoraj vedno razlog prav to.
Poglavje 8
Vse, kar niso vhodna vrata. To je hkrati zavihek, kjer živi najpogostejša zmeda, zato se je lotimo najprej.
Domače strani ni na tem seznamu, in to je pravilno.
Domača stran so vhodna vrata strani. Ureja se izključno v zavihku Domača stran. Tukaj nima vnosa, nima lastnega naslova in je ne morete ustvariti, izbrisati ali prerazporediti med stranmi, ker ni ena od njih. Je tisto, na kar obiskovalec pristane, ko vtipka vaš naslov brez česarkoli za njim.
Vse na seznamu Strani živi na naslovu za vašo domeno: stran O nas, stran Storitve in tako naprej. Strani stojijo ob domači strani, nikoli znotraj nje.
Skupno jim je to, kako so zgrajene. Stran, sestavljena iz odsekov, uporablja natanko iste odseke, isti izbirnik in iste nastavitve kot domača stran. Naučite se zavihka Domača stran in večino tega zavihka že znate.
Naslov strani in njen spletni naslov stojita v enem polju, naslov zgoraj, spletni naslov takoj pod njim, ker spletni naslov skoraj vedno nastane kar iz naslova. Vtipkate "Naša ekipa" in vrstica spodaj se sproti izpolni z nasa-ekipa - male črke, presledki postanejo vezaji, črke s šumniki poenostavljene v navadne.
To velja le, dokler je stran nova. Ko stran že obstaja, urejanje naslova samo od sebe nikoli ne prepiše njenega spletnega naslova - povezava, ki jo je nekdo že delil, natisnil ali si jo zapomnil, še naprej deluje. Če naslov kasneje spremenite, vrstica s spletnim naslovom preprosto ponudi posodobitev, da se ujema - en gumb za potrditev, drug za to, da spletni naslov ostane, kot je.
Vrstica s spletnim naslovom je hkrati živa: ikona za kopiranje zajame celotno povezavo, ikona za odpiranje pa stran odpre v novem zavihku. Obe ostaneta onemogočeni, dokler naslov, ki ga vidite, ni tudi dejansko shranjen.
Ko ustvarite stran, izberete, kako je zgrajena, in to odloči, kateri urejevalnik dobite.
| Vrsta | Kako jo zgradite |
|---|---|
| Enostavna stran | Pišete z urejevalnikom blokov, kot bi pisali dokument. Besedilo, slike, naslovi. |
| Stran iz razdelkov | Zlagate odseke, natanko kot na domači strani. |
Izberite preprosto za strani, ki so večinoma besede: pogoji, zasebnost, daljša zgodba. Izberite sestavljeno iz odsekov za strani, ki morajo biti videti oblikovane: pristajalna stran, stran s storitvami. Če niste prepričani, izberite preprosto. Besedilu ne koristi, če ga sesekljamo na pasove.
Postavitev nadzoruje okrasje in širino strani.
| Postavitev | Kaj naredi |
|---|---|
| Privzeto | Običajni okvir strani. |
| Polna širina | Vsebina teče od roba do roba. |
| Stranska vrstica levo | Stolpec povezav na levi. |
| Stranska vrstica desno | Stolpec povezav na desni. |
| Pristajalna stran | Zmanjšano okrasje, za stran, ki prodaja eno stvar. |
Stran lahko stoji pod nadrejeno stranjo, eno raven globoko. To združi sorodne strani pod eno postavko menija, namesto da bi deset postavk razlilo čez vašo glavo.
Namesto da začnete iz nič, dodajte eno od pripravljenih strani in jo uredite. Vsaka pride z že izbranimi odseki in nadomestnim besedilom, napisanim za ta namen.
| Začetna stran | Kaj vam da |
|---|---|
| Predstavitev | Vaša zgodba, poslanstvo in fotografije. |
| Dogodki | Vaši prihajajoči dogodki, vedno ažurni. |
| Storitve | Kaj ponujate, z vašimi izdelki. |
| Kontakt | Vaš naslov, delovni čas in zemljevid. |
| Galerija | Galerija fotografij in videoposnetkov. |
| Cenik | Vaši paketi in cene, pregledno predstavljeni. |
| Mnenja | Mnenja ljudi, ki ste jim pomagali. |
| Ekipa | Obrazi za vašo organizacijo. |
| Trgovina | Vaši izdelki, pripravljeni za ogled in nakup. |
| Pogosta vprašanja in podpora | Odgovori na pogosta vprašanja in kako vas doseči. |
| Blog | Vaši najnovejši članki in novice, samodejno posodobljeni. |
| Prihaja kmalu | Napovedna stran z odštevalnikom in prijavo. |
| Program | Urnik z razporedom in koledarjem dogodkov. |
Poglavje 9
Kažipoti. Ta zavihek odloči, kaj se pojavi v navigaciji v glavi in v kakšnem vrstnem redu.
Tega se lotite zadnjega. Meni kaže na strani, torej morajo strani obstajati prej. Delati obratno pomeni kazati na sobe, ki jih niste zgradili.
Vsaka postavka menija je vrstica in vsaka vrstica ima svojo vrsto. Vrsta odloči, kaj vas urejevalnik vpraša naprej.
| Vrsta vrstice | Na kaj kaže |
|---|---|
| Stran | Ena od vaših strani iz zavihka Strani. |
| URL | Katerikoli naslov, tudi tak, ki je povsem zunaj vaše strani. |
| Pot | Vgrajena stran, ki jo zagotavlja Eventure: vaš seznam dogodkov, vaša trgovina, vaš blog. Teh ne gradite, samo odločite se, ali boste nanje povezali. |
| Sidro | Odsek niže na trenutni strani. Klik podrsa tja, namesto da bi naložil kaj novega. |
| Ločilo | Sploh ni povezava. Ločilna črta, v glavi ali v nogi strani, ki združi postavke okoli sebe. |
| Element | Ena konkretna objavljena stvar - članek, dogodek, tečaj - ki dobi svojo stran. Glejte spodaj. |
Prve tri boste uporabljali vsak dan. Zadnje tri je vredno poznati: Sidro spremeni dolgo domačo stran v tako, po kateri se da krmariti, Ločilo pospravi spustni meni, ki je zrasel - in se, tako kot vsaka druga vrstica, lahko prikaže v glavi, nogi ali obojem - Element pa vam prihrani gradnjo strani za nekaj, kar ste že napisali.
Vrstica, ki kaže na vgrajeno stran - vaše dogodke, vašo trgovino, vaš blog - dobi v urejevalniku še eno kartico: Predstavitev strani. Ta ne spremeni, kaj stran našteva. Spremeni območje z naslovom nad seznamom in kakšen kontrolnik pod njim.
Vredno je vedeti, kje te nastavitve živijo. Shranjene so pri vrstici menija, ne pri strani, zato se lahko ista vgrajena stran iz dveh različnih menijev predstavi drugače. Vrstica z oznako Delavnice in vrstica z oznako Celoten program lahko kažeta na isti seznam dogodkov in vseeno na vrhu povesta vsaka svoje.
Vsako polje je neobvezno, prazno polje pa ne pomeni prazne strani: pustite ga pri miru in stran obdrži besedilo, ki bi ga Eventure uporabil tako ali tako.
| Kontrolnik | Kaj odloči |
|---|---|
| Naslov po meri | Zamenja naslov strani. Prazno pusti oznako iz menija. |
| Podnapis | Ena vrstica pod naslovom. |
| Iskalno polje | Doda polje, ki seznam filtrira, medtem ko obiskovalec tipka. |
| Vgrajeni filtri | Pokaže ali skrije kontrolnike, ki jih pot že ima, na primer zavihka Prihajajoči in Pretekli. |
| Poravnava glave | Sredinsko ali potisnjeno na levo. |
| Število rezultatov | Pokaže, koliko stvari je naštetih. |
| Besedilo ob prazni vsebini | Kaj stran pove, kadar ni ničesar za našteti. |
Naslov in podnaslov imata vsak svojo barvno oznako in gumb za prevod, tako da lahko dvojezična stran dobi svoj naslov v vsakem jeziku, namesto enega samega naslova v tistem jeziku, v katerem ste ga slučajno napisali najprej. Naslov je sredinski, dokler poravnave ne prestavite na levo.
Pot Dogodki ima še en sklop in ta je edini del te kartice, ki spremeni, kaj obiskovalec lahko počne, ne le kaj bere. Iste dogodke lahko ponudite na do štiri načine, nad njimi pa je preklopnik, s katerim obiskovalec izbere svojega.
| Pogled | Kaj dobi obiskovalec |
|---|---|
| Kartice | Sam seznam dogodkov - ena kartica na dogodek. |
| Koledar | Znana mesečna razpredelnica z vsakim dogodkom na svojem datumu. |
| Organsko | Umirjen mesečni pogled - zasedeni datumi zrastejo v mehke oblike. |
| Zemljevid | Dogodki, vrisani na zemljevid po prizorišču. |
PostavitevPreklop Nad seznamom V zavihkih
Slogi preklopnikaGumbi Zavihki Samo ikone
KoledarRazličica Dogodkov na dan Krmarjenje po koledarju Lunine mene Vzhod / zahod sonca Gumb za celozaslonski način
OrganskoTeden se začne na Oblika madeža Postavitev odprtega dneva Večdnevni dogodki Legenda kategorij Položaj legende Filtriranje s tapom na kategorijo Značka s številom dogodkov Prejšnji / naslednji mesec Lunine mene Vzhod / zahod sonca Gumb za celozaslonski način
ZemljevidVišina zemljevida (px)
Vklopite tiste, ki ustrezajo vašemu programu. Odpre se s pogledom določi, na katerem pristane prvi obiskovalec, Zapomni si pogled, ki so ga nazadnje uporabili pa vrne obiskovalcu, ki se vrača, njegovo lastno izbiro namesto vaše. Vsak vklopljen pogled pod seboj razkrije svoj kratek seznam nastavitev: s katerim dnem se začne teden, kako nepravilni so madeži, ali dotik kategorije filtrira koledar, kako visok je zemljevid.
Postavitev določi, kje ti dodatni pogledi stojijo glede na seznam kartic. Preklop je privzeta izbira - en pogled naenkrat, kartice pa so vključene kot ena od možnosti preklopnika. Nad seznamom ohrani seznam kartic ves čas viden in nad njega postavi izbrani pogled, kar je primerno za koledar, ki naj bo viden brez klika. V zavihkih opusti ločen trak preklopnika in njegove gumbe združi s trakom Prihajajoči/Pretekli na strani.
Vrstica menija, ki se je niste dotaknili, ponuja samo kartice, kar je natanko tisti preprost seznam, ki ga imate danes. Če na eni strani z dogodki dodate koledar, ga to ne doda na nobeno drugo in se ne dotakne vaše domače strani. Enako velja v obratno smer: če vse dodatne poglede spet izklopite, preklopnik znova izgine in ostane preprost seznam - to je resnična izbira, ne stanje, ki bi se mu bilo treba izogibati.
Dva od teh pogledov obstajata tudi kot odseka domače strani, z daljšim seznamom nastavitev: glejte Koledarska mreža in Organski koledar v katalogu. Isti preklopnik lahko vklopite tudi za zavihek Dogodki na svojem javnem profilu organizacije, in sicer na strani z nastavitvami organizacije, ki je zunaj tega priročnika - tako kot enak preklopnik na Eventurjevi lastni strani z dogodki za vso platformo, ki ga nastavijo skrbniki platforme, ne posamezna organizacija.
Večina postavk menija kaže na stran, ki ste jo zgradili. Vrstica Element kaže na eno konkretno stvar, ki ste jo že objavili - določen članek, naslednji veliki dogodek, tečaj - in Eventure zanjo zgradi stran. V zavihku Strani ne ustvarite ničesar in besedila ne prepisujete. Element ostane edini izvirnik; postavka menija je le še ena pot do njega.
To je pomembno, ker je alternativa podvajanje. Če svoj glavni dogodek na novo napišete kot stran, imate zdaj dve kopiji, ki ju morate usklajevati, in ena bo zastarela. Kazanje na element pomeni, da urejanje dogodka uredi tudi stran.
Isto je na voljo povsod, kjer vas urejevalnik vpraša za povezavo. Polja za gumbe pri odsekih Glavni odsek, Poziv k dejanju, Mreža prednosti, Cenik in podobnih uporabljajo isti izbirnik kot ta vrstica menija: najprej izberete vrsto - Stran, Element, Rezervacija, Sistemska pot, Zunanji URL, Telefon, E-pošta ali Sidro na tej strani - polje pod njim pa se zoži na samo to skupino, tako da je seznam Elementi na tej strani z objavljenimi elementi en klik stran od vaših strani, namesto pomešan mednje. Telefon in e-pošta zdaj dobita svojo lastno vrsto, namesto da bi bila zgled, vtipkan pod poljem.
Zamenjava vrste začne cilj znova: polje pod njo se izprazni in povezava ostane prazna, dokler ne izberete ali vtipkate nove, tako da gumb, ki ga s Strani preklopite na Rezervacijo, ne kaže tiho še naprej na staro stran. Štiri vtipkane vrste pospravijo, kar vnesete. Goli domeni pod Zunanjim URL-jem se spredaj doda https://, telefonska številka ali e-poštni naslov se shranita kot prava telefonska oziroma poštna povezava, sidro pa potrebuje samo id odseka brez začetnega ključa. Če vnos ne ustreza vrsti - recimo pot do strani pod Zunanjim URL-jem - polje to pove spodaj in ne shrani ničesar, dokler tega ne popravite.
Povezava, shranjena še pred izbirnikom, ali storitev za rezervacijo, ki tu ni več na voljo, se pokaže pod Zunanjim URL-jem s tem opozorilom. Stara vrednost ostane natanko taka, kot je bila, zato gumb počne isto kot prej, dokler se ga ne dotaknete. Izberite vrsto in cilj ali jo prepišite kot polni naslov https:// in opozorilo izgine.
Ko element izberete, vam prikazna plošča omogoči, da odločite, koliko od njega pokažete in kako je razporejen. Ista plošča se pojavi pri vrstici Element v meniju, pri vsakem polju s povezavo, ki kaže na element, in znotraj odseka Izpostavljena vsebina iz dvanajstega poglavja, zato se je naučite enkrat za vse tri.
| Kontrolnik | Izbire | Kaj odloči |
|---|---|---|
| Koliko prikazati | Povzetek / Povzetek + Preberi več / Celotno besedilo | Povzetek prikaže sliko, naslov in gumb do vsebine. Povzetek + Preberi več doda gumb, ki odpre celotno besedilo kar na tej strani. Celotno besedilo postavi celotno vsebino na stran že od začetka. |
| Slika | Zgoraj / Levo / Desno / Brez | Pri celotnem besedilu se besedilo ovije okoli slike; na telefonih je slika vedno na vrhu. |
| Velikost slike | Majhno / Srednja / Veliko | Koliko prostora zavzame slika ob besedilu. Velja le, kadar je slika levo ali desno. |
| Oblika slike | Samodejno / 1:1 / 4:3 / 16:9 / 3:2 | Samodejno ohrani fotografijo takšno, kot je. Oblika jo obreže na to razmerje, tako da je več vsebin enako visokih. |
| Kateri del ohraniti | Zgoraj / Sredina / Spodaj | Kateri del fotografije ostane po obrezu. Velja šele, ko izberete obliko. Za osebe je običajno prava izbira Zgoraj. |
| Širina strani | Za branje / Široko / Polna širina | Za branje ohrani prijetno dolžino vrstice, najbolje za celotno besedilo. Široko ustreza kartici povzetka s stransko sliko ali vsebini z veliko slikami. Polna širina jo razpne od roba do roba. |
| Prikaži datum, kraj in čas branja | Prikaži / Skrij |
Razumeti je treba predvsem Koliko prikazati. Povzetek da kartico s sliko, naslovom in gumbom naprej do elementa, kar je pravo, kadar želite klik. Celotno besedilo postavi vse skupaj na stran, in tako element postane resnična samostojna stran. Povzetek + Preberi več je vmes: celotno besedilo je tam, skrito za gumbom, dokler bralec zanj ne prosi.
Element, ki še ni objavljen, ne izriše ničesar, element, ki ga pozneje umaknete iz objave, pa se tiho neha razreševati, namesto da bi obiskovalcem pokazal pokvarjeno stran.
Meni ni zemljevid strani. Pet ali šest postavk je povsem dovolj; izčrpen seznam sodi v nogo. Če se vaš meni ne prilega, je to podatek: imate bodisi preveč strani bodisi preveč plosko strukturo, gnezdenje pa reši oboje.
Urejevalnik označi poti, ki ne bodo delovale, na primer povezavo na trgovino pri organizaciji brez izdelkov. Zaupajte opozorilom.
Poglavje 10
Vrstica na dnu vsake strani. Obiskovalci, ki pridejo do nje, iščejo nekaj določenega: vaš naslov, vaš odpiralni čas, vaše pogoje, način za stik. Noga je imenik, ne oblikovalska razstava.
Noga je sestavljena iz stikal. Vklopite polje za novičnik, vaše kontaktne podatke, odpiralni čas, prihajajoče dogodke, zadnje novice, povezave na družbena omrežja, zemljevid strani, pravne povezave, odstavek o vas, gumb za skok na vrh. Vsako je stolpec, ki se pojavi, ko ga omogočite.
Nekateri stolpci so odvisni od prave vsebine in se raje skrijejo, kot da bi pokazali prazno škatlo. Vklopite stolpec s prihajajočimi dogodki, ko ni objavljen noben, in urejevalnik vam odkrito pove:
Ni prihajajočih javnih dogodkov. Stolpec se samodejno skrije, dokler ne objavite kakšnega.
Vsako stikalo nosi eno takšno opombo o stanju. Berite jih. So najhitrejši odgovor na vprašanje "zakaj se to ne prikaže" in pomenijo, da je manjkajoč stolpec v nogi običajno težava z vsebino a ne z nastavitvami.
Noga ima svoje lastne barve ozadja, naslovov, povezav, prehoda miške, obrobe in besedila, neodvisno od ostale strani. To je namerno: temna noga pod svetlo stranjo je klasika in za berljivost potrebuje svojo paleto.
Širina noge izbere med sredinsko postavljenim standardnim stolpcem in polnim, robnim pasom. Razmik noge - Strnjen, Običajen ali Prostoren - določi, koliko zraka obdaja vsebino noge. Pod njim blok Natančen razmik omogoča, da namesto prednastavitve vnesete dobesedno vrednost v pikslih: en drsnik za zgornji in spodnji odmik noge skupaj, ali ju ločite na Zgoraj in Spodaj ter nastavite vsakega posebej, poleg tega pa še lastna drsnika za stranski odmik in razmik med stolpci. Če pustite drsnik prazen, ta mera še naprej sledi izbrani prednastavitvi zgoraj - drsnik prevzame nadzor šele, ko ga dejansko povlečete.
Dva drsnika spremenita nogo v lebdečo kartico namesto ravnega pasu. Zaobljenost zgornjih vogalov zaobli njena zgornja levi in desni vogal. Stranski rob jo povleče stran od levega in desnega roba strani. Oba sta privzeto 0, kar je preprosta, robna noga, s katero se začne vsaka stran.
Poravnava besedila določi, ali stolpci noge berejo levo, sredinsko ali desno poravnano. Velikost besedila stopnjuje besedilo in povezave noge za stopnjo manjše ali večje. Največja širina omeji, kako široka lahko postane vsebina noge na velikem zaslonu, in jo centrira, neodvisno od zgornje izbire Širina noge - uporabno, kadar je Polna širina prava izbira za ozadje pasu, vsebina znotraj njega pa si še vedno želi ožji stolpec.
Dve vrstici ploščic oblikujeta vrstico povezav do družbenih omrežij: Velikost (Majhna, Srednja, Velika) in Oblika (Krog, Kvadrat ali Preprosto - brez ozadja, le gola ikona).
Okvir, Postavitev in tipografija ter Ikone družbenih omrežij so na zavihku Noga pri organizaciji. Zavihek Noga pri skupnosti (glejte petnajsto poglavje) še vedno ima Širino noge, Razmik noge in Natančen razmik, ne pa teh treh.
Poglavje 11
Ti kontrolniki se pojavijo pri vsakem odseku v katalogu. Tukaj so pojasnjeni enkrat in v celoti, da lahko katalog ostane pri tem, čemu je vsak odsek namenjen.
Posezite po njih, kadar je odsek pravi, a ne sedi prav.
Odprite katerikoli odsek in njegove nastavitve so razvrščene v istih šest skupin, v istem vrstnem redu, vsakič: Naslov, Ozadje, Besedilo, Razmik, Gibanje in Vsebine. Odsek pri tem nima besede. Bistvo je mišični spomin: kontrolnik za ozadje je na glavnem odseku na istem mestu kot na tabeli cenikov, zato ga po nekaj odsekih nehate iskati.
Vrstica gumbov je tik pod naslovno vrstico odseka, po eden za vsako skupino in še Vse. Kliknite gumb, da prikažete samo tisto skupino, ostale se zložijo, tako da delate v kratkem podoknu, namesto da drsite po dolgem. Vrstica ostane pripeta tam tudi med drsenjem, zato lahko skupine menjate od koderkoli v obrazcu. Vse vrne vse naenkrat na zaslon, kar je tisto, kar želite, kadar nastavitev iščete in ne prilagajate tiste, ki jo že poznate.
Skupina, ki ste jo odprli nazadnje, se odpre tudi naslednjič, pri vsakem odseku - prvič se odpre pri Naslovu. Če preživite popoldne pri ozadjih, se vsak odsek, ki ga odprete, odpre pri Ozadju, dokler ne izberete česa drugega.
Vsebine so namerno zadnje. Držijo to, kar odsek dejansko prikazuje - svoje postavke, svojo postavitev, svoj seznam paketov ali korakov ali prednosti - in so običajno najdaljša skupina, zato so na dnu, namesto da bi skupne kontrolnike potisnile z zaslona. Nastavitve, ki jih odsek prinese sam, so razvrščene po tem, kaj počnejo, in ne po tem, od kod prihajajo: lasten podnaslov odseka se pojavi pod Naslovom, barve besedila njegovih postavk pod Besedilom, ozadje njegove kartice pod Ozadjem.
Ozadje je največji vzvod na to, kako odsek deluje, in je način, kako zgradite ritem po strani navzdol. Izmenjavanje svetlih in temnih pasov je tisto, kar prepreči, da bi se dolga stran brala kot en sam nerazločen zid.
| Ozadje | Učinek |
|---|---|
| Svetloba | Bleda površina - vaš par Barve teme za svetli način, če je nastavljen, sicer privzeto platforme. Ostane svetla ne glede na način obiskovalca. |
| Temno | Globoka površina - vaš par Barve teme za temni način, če je nastavljen, sicer privzeto platforme. Ostane temna ne glede na način obiskovalca. |
| Površina | Vaša barva podlage iz kartice Barve teme - sledi svetlemu/temnemu načinu in vaši izbiri v zavihku Videz. |
| Primarna | Vaša primarna barva znamke. |
| Sekundarna | Vaša sekundarna barva znamke. |
| Preliv | Preliv med vašima barvama znamke. |
| Mreža | Mehki barvni oblaki. Sodobno, hitro pretirano. |
| Slika | Fotografija. Potrebuje prekriv. |
Svetlo, Temno, Podlaga, Primarno in Sekundarno so polna polnila. Primarno in Sekundarno sta zajeti iz vaših barv znamke v zavihku Videz. Tudi Podlaga, Svetlo in Temno so zajete iz kartice Barve teme na istem zavihku (glejte Videz) - a Podlaga sledi obiskovalčevemu trenutnemu svetlemu ali temnemu načinu, medtem ko Svetlo in Temno ostaneta pri enem branju ne glede nanj, za primere, ko želite, da je pas namerno svetel (ali temen). Če Barv teme ne nastavite, vse tri ohranijo navadne nevtralne tone platforme, povsem enako kot prej. Preliv, Mreža in Slika so bogatejši in vsak odklene svoj nabor različic.
| Nabor | Možnosti |
|---|---|
| Zaključki polnih polnil | Ravno Mehko Vinjeta Zrnatost |
| Vrste prelivov | Globoko Duo Radialno Pomik |
| Vrste mrež | Diagonalno Aurora V žarišču Dvojni |
Slikovno ozadje skoraj vedno potrebuje prekriv: nanos temnega, svetlega ali barve znamke, položen med fotografijo in besedilo. Brez njega vaše besedilo sedi na tem, kar fotografija na tistem mestu pač počne, fotografije pa so redko enakomerne. Če je besedilo na sliki težko berljivo, je rešitev prekriv, ne druga barva pisave.
PrekriviBrez Potemni Posvetli Primarni odtenek Sekundarni odtenek
Vsaka sekcija se lahko prikaže, ko obiskovalec zdrsi do nje, namesto da je preprosto tam. Možnosti so Pojemanje, Pojemanje navzgor, Približevanje, Zdrs levo in Zdrs desno - ali Brez, kar je namerna mirnost, ne manjkajoča nastavitev. Zamik gibanje zadrži za trenutek, kar je koristno, kadar želite, da se ena sekcija umiri, preden se začne naslednja.
Dve možnosti sta posebni. Podeduj - privzeta za novo sekcijo - pomeni, da sekcija sledi privzeti nastavitvi za celotno stran v zavihku Videz (glejte Videz), tako da celotno stran uravnavate z enega mesta. Naključno je živo: sekcija ob vsakem nalaganju strani zavrti drugo animacijo, tako da stran nikoli ne prispe dvakrat enako.
Naj bo nevpadljivo. Eno nežno gibanje deluje dovršeno; drugačna animacija na vsaki sekciji deluje natrpano. Kadar ste v dvomih, pustite sekcije na Podeduj in ton nastavite enkrat za celotno stran.
| Animacija | Možnosti |
|---|---|
| Na sliki | Brez Ken Burns Paralaksa |
| Na prelivu | Brez Premik Vrtenje |
| Na mreži | Brez Drsenje |
Animacija je začimba. Ken Burns na glavnem odseku je čudovit. Ken Burns na šestih odsekih je luna park.
Ločilnik je oblikovan rob med enim odsekom in naslednjim: val, poševnica, krivulja namesto ravne črte. Izbirnik ponuja deset osnovnih oblik - in Po meri, kjer svoj rob narišete na majhnem platnu. Njegovi gumbi Začni z naložijo iste osnovne oblike, zato je običajna pot ta, da izberete tisto, ki je najbližje želeni, in jo od tam preoblikujete. Starejše strani, ki so izbrale katero od umaknjenih okrasnih oblik, jo obdržijo: oblika se še naprej izrisuje in je, dokler je v uporabi, prikazana kot dodaten gumb. Polnilo odloči, v kateri barvi je oblika izrisana, tako da lahko nosi barvo odseka, v katerega kaže.
Slog odloči, kako je ta barva nanesena. Polno je klasična ravna silhueta. Plasti zložijo tri kopije s padajočo globino in naraščajočo prosojnostjo, tako da rob zbledi v mehkih pasovih. Senca ohrani polno obliko in ji doda mehko senco za fizično globino. Odmev silhueto ponovi kot dva mehka pasova za njo - klasični črtasti val. Vsak slog deluje z vsako obliko, tudi s tisto, ki ste jo narisali sami.
Oblike ločilnikovBrez Val Krivulja Poševnica Trikotnik Cikcak Lok Zaobljeni valovi Vrhovi Po meri
Polnilo ločilnikaPrimarna Sekundarna Svetloba Temno Površina Bela
Slogi ločilnikaPolno Plasti Senca Odmev
Uporabite eno družino oblik na celotni strani. Val tu in cikcak tam se bere kot neodločnost.
Podčrtaj je majhen okrasek pod naslovom odseka: kratka črtica, linija, vrsta pik. Droben, in eden najcenejših načinov, da je stran videti premišljena namesto zgolj sestavljena.
Lasten kontrolnik Razmik določa presledek nad in pod črtico - Oboje poveže obe strani, Ločeno vam omogoči, da ju razmaknete, kar pride prav, kadar naj se tanka črtica tesno prilega naslovu, a pod njo vseeno ostane prostora do vsebine.
Vsak prednastavljeni razmik (Brez, Tesno, Običajno, Prostorno) ima poleg sebe svoj drsnik Natančno (px) za dobesedno vrednost v pikslih, če je prednastavitev blizu, a ne povsem prava. V načinu Oboje drsnik ob izbiri prednastavitve prikaže število za zgornjo stran - razdalja nad in pod črtico namreč nikoli ni povsem enaka niti pri isti prednastavitvi, ker merita različni stvari - medtem ko premik drsnika samega nastavi eno enako številko na obeh straneh. Če vpišete ali povlečete mimo tega, kar ponuja katera koli prednastavitev, gumbi preprosto ugasnejo, saj nobeden od njih več ne opisuje te vrednosti.
Slogi podčrtajevBrez Stolpčni Vrstica Dvojno Črtkano Pikčasto Preliv Preliv levo Preliv obojestransko Pike
Skupina Razmik je urejena v tri obroče, od zunaj navznoter: Zunanji odmik (zunaj), Notranji odmik (pas) in Vsebina (znotraj). Majhen zemljevid razmikov na vrhu skupine te obroče nariše kot ugnezdene škatle in za vsakega pokaže trenutno vrednost - Privzeto, ime prednastavitve ali natančno številko - tako da razmike odseka preberete na prvi pogled. Kliknite katero koli območje zemljevida in graditelj se pomakne do tistega kontrolnika in ga osvetli. Kontrolniki za zgornji/spodnji rob (obliko roba) so se iz te skupine preselili v skupino Ozadje, poleg nastavitev, ki jih skrijejo pri sliki ali mreži ozadja.
Zunanji odmik je prozoren prostor zunaj odseka, nad njegovim ozadjem in pod njim - skozenj se vidi stran. Če ga pustite na Privzeto, sledi razmiku odsekov vaše oblikovalske teme (običajno nič). Nastavite ga, kadar naj dva odseka z različnima ozadjema stojita narazen, namesto da se stikata. Obe strani lahko nastavite hkrati ali ju ločite na Vrh in Dno, drsnik Natančno (px) pa nastavi dobesedno številko. Sosednji zunanji odmiki se prekrivajo, ne seštevajo: odsek s 48 px spodnjega odmika, ki mu sledi odsek s 48 px zgornjega, stoji 48 px narazen, ne 96. Prvi odsek pod lebdečo glavo vedno ostane tesno ob njej, ne glede na svoj odmik.
Širina odseka je petstopenjska lestvica za to, koliko prostora zavzame vsebina odseka: Polna širina teče od roba do roba, Široko in Omejeno sta prostornejša pasova (Omejeno je običajen stolpec strani in privzeta izbira), Ozko in Za branje pa zožita mero za tekoče besedilo. Ozadja se ne glede na to nastavitev vedno raztezajo čez celotno širino; premakne se le vsebina na njih. Polna širina in Široko ustrezata glavnim odsekom, slikam, zemljevidom in mrežam medijev. Za branje je izbira za odsek, ki je pretežno besedilo: omeji dolžino vrstice na približno 80 znakov - širino, ki je resnično udobna za branje - namesto da bi stavek segal čez celoten zaslon.
Notranji odmik (zgoraj / spodaj) je zrak znotraj odseka, med robom njegovega ozadja in vsebino zgoraj in spodaj - ozadje ga zapolni. Če ga pustite na Privzeto, podeduje ritem, ki ga določa vaša oblikovalska tema (ali razmik odsekov, nastavljen za celotno stran na zavihku Videz), in to je tisto, kar želite skoraj vedno: prav to ohranja občutek, da je stran ena celota. Povozite ga, kadar mora določen odsek več dihati ali kadar dva odseka sodita tesno skupaj. Nastavite lahko obe strani hkrati ali ju ločite in nastavite vrh in dno neodvisno. Lasten drsnik Natančno (px) poleg prednastavitev namesto tega nastavi dobesedno vrednost v pikslih - povlecite ga na poljubno številko in prednastavitve se izklopijo, saj nobena od njih ne ustreza več.
Notranji odmik (ob straneh) je ista zamisel levo in desno: zamik med robom zaslona in vsebino. Pri Brez (0) vsebina seže vse do roba; vsaka naslednja stopnja je resničen, viden zamik, ne glede na izbrano Širino odseka - stopnja širine vsebine, kot je Ozko ali Za branje, še vedno omeji, kako široka je sama vsebina, notranji odmik pa določa le, kako daleč od roba stoji ta omejeni stolpec. Obe strani lahko nastavite hkrati ali ju ločite na Levo in Desno ter nastavite vsako neodvisno - enaka izbira Oboje / Ločeno kot pri Notranjem odmiku (zgoraj / spodaj) zgoraj. Prednastavitve segajo od Brez do Veliko; vrednost Natančno lahko nastavite v px ali, s preklopom gumba za enoto, kot % širine odseka - tako graditelji strani tradicionalno izražajo stranske odmike in tako se vrednost sama prilagaja zaslonu.
Razmik vsebine je tretji obroč: prostor med stvarmi znotraj odseka - karticami, stolpci in ikonami mreže - skupaj z notranjim odmikom vsake kartice, ki mu sledi, tako da prostornejša mreža dobi tudi prostornejše kartice. Strnjeno, Običajno, Prostorno in Zračno pomenijo 12, 24, 40 in 56 pikslov, drsnik Natančno (px) pa karkoli vmes; Običajno je običajna mreža, zato ta izbira ne spremeni ničesar. Če ga pustite na Privzeto, odsek sledi izbirniku Razmik vsebine za celotno stran na zavihku Videz, poleg razmika odsekov, ki isto nastavi za vse odseke hkrati. Odsek brez mreže kartic - na primer Odkrijte - isti obroč uporabi za svoj lastni, najpomembnejši notranji razmik: tam je to prostor med naslovnim blokom in iskalnim poljem.
Vsaka natančna vrednost v pikslih v tej skupini se na tablicah (na tri četrtine) in telefonih (na dobro polovico) sama pomanjša, tako da odmik, ki je pravšnji na monitorju, ne požre zaslona telefona. Odstotne vrednosti so že relativne in ostanejo nedotaknjene.
Če to pustite na Privzeto, ni lenoba, ampak dedovanje. Vsak odsek, ki ostane na Privzeto, sledi vaši temi, zato poznejša sprememba teme naenkrat prerazporedi razmike na celotni strani. Vsak odsek, ki ga povozite, je odsek, ki neha poslušati.
Velikost naslova in Velikost besedila delujeta enako kot Notranji odmik (zgoraj / spodaj) zgoraj: vrsta prednastavitev - Majhno, Srednje, Veliko, Ekstra veliko - poleg drsnika Natančno (px) za dobesedno vrednost v pikslih. Izberite prednastavitev in drsnik skoči nanjo; povlecite drsnik na številko, ki je nobena prednastavitev ne ponuja, in gumbi preprosto ugasnejo, enako kot povsod drugod, kjer se ta vzorec pojavi. Če ju pustite na Privzeto, Velikost naslova sledi lestvici naslovov vaše strani, Velikost besedila pa njeni osnovni velikosti pisave (obe nastavljeni na zavihku Videz), zato večina odsekov nobene od njiju sploh ne potrebuje.
Posezite po njiju pri tistem odseku, ki naj kriči glasneje ali bere manjše od preostale strani - glavnem naslovu, ki naj deluje bolj izrazito, ali gostem odseku s pogostimi vprašanji, katerega besedilo si lahko privošči eno stopnjo manj. Velikost naslova spremeni velikost naslova odseka, kjer koli se ta pojavi, tudi pri odsekih, ki naslov izrišejo sami znotraj svoje postavitve, ne kot navadno besedilno vrstico; Velikost besedila enako spremeni velikost tekočega besedila in podedovane vsebine odseka.
Razmik med vrsticami je pod Velikostjo besedila in določa, kako daleč narazen so vrstice tekočega besedila odseka: Strnjeno, Normalno, Sproščeno ali Razrahljano, Privzeto pa sledi temi. Zajame vse, kar odsek zapiše kot besedilo - telo odseka Slika in besedilo, Poziv k dejanju ali Osrednji video, odgovore v Harmoniki, opise članov Ekipe, vsebino Zavihkov in vsak blok odseka Besedilo in mediji - tako da ena izbira ohrani enakomerno branje celotnega odseka. Starejši urejevalniki so to ponujali nad vsakim besedilnim poljem; zdaj je tukaj, enkrat za cel odsek.
Kjer koli odsek zahteva več kot eno vrstico besedila - telo odsekov Slika in besedilo, Poziv k dejanju, Osrednji video in Prej / potem, vsak odgovor v Harmoniki, opis člana Ekipe in Zavihek - pišete v majhnem urejevalniku z lastno orodno vrstico. Gumbi so razvrščeni v skupine: razveljavi in ponovi; krepko, ležeče, podčrtano, prečrtano, nadpisano in podpisano; štirje izbirniki, opisani spodaj; naslov, podnaslov, odstavek, citat in poravnava; oštevilčen seznam in seznam z alinejami; povezava, ločilo in počisti oblikovanje; ter skrajno desno gumb za razširitev. Orodna vrstica vedno ostane v eni vrstici: kadar je plošča preozka za vse skupine, se tiste, ki ne gredo vanjo, zložijo v gumb Več orodij (...) ob gumbu za razširitev in od tam delujejo natanko tako kot v vrstici.
Štirje izbirniki so tisto, zaradi česar besedilo deluje kot del vaše strani in ne kot prilepljeno. Barva besedila ponudi primarno, sekundarno, površinsko in besedilno barvo vaše teme, vse barve vaše palete blagovne znamke in poljubno barvo; izberite barvo teme in besedilo ji sledi tudi, če temo kdaj spremenite, izberite barvo iz palete ali poljubno barvo in ostane natanko taka. Poudarek (označevanje) deluje enako za ozadje besedila: klasični rumeni Marker, prosojni odtenki istih barv teme, barve iz palete in poljubne barve ter stikalo Mehko / Močno za jakost odtenka. Velikost besedila niz besed stopnjuje po S, M, L in XL, ki sledijo temi, ali sprejme Natančno (px) številko - vtipkajte jo ali jo z gumboma - in + premaknite za eno - kadar vrstica potrebuje natančno velikost; velikosti nad 16 px se na tablicah in telefonih nekoliko pomanjšajo, da velik namizni naslov nikoli ne prekorači majhnega zaslona, majhne velikosti pa ostanejo natanko take, kot ste jih vtipkali. Pisava frazi posodi katero koli od petih pisav strani - Naslov, Telo, Blagovna znamka, Meni, Poudarek - vsaka je prikazana v svoji pravi pisavi. Vsak izbirnik ima Privzeto, ki oblikovanje spet odstrani, vsak gumb izbirnika pa pokaže, kaj velja tam, kjer stoji kazalka: tanko črto v trenutni barvi, označbi ali pisavi pod ikono in trenutno velikost (22 ali L) kot majhno značko na gumbu Velikost besedila.
Najprej označite nekaj besed in izbira velja samo zanje. Če kazalko le postavite, ne da bi kaj označili, Barva besedila, Velikost besedila in Pisava oblikujejo cel odstavek, v katerem je kazalka, označevanje pa označi besedo pod njo. Poravnava vedno deluje na cele odstavke - Levo, Sredina ali Desno za vsak odstavek, ki ga izbor zajame, Privzeto pa jih vrne poravnavi besedila samega odseka. Naslov, Podnaslov in Citat zasvetijo, dokler je kazalka v njih, klik na prižgani gumb pa blok spet spremeni v navaden odstavek.
Povezava odpre majhno pogovorno okno, ki vpraša za naslov in ali naj se odpre v novem zavihku; postavite kazalko v obstoječo povezavo in isto okno ponudi tudi Odstrani. Ločilo vstavi tanko vodoravno črto in vas premakne v nov odstavek pod njo. Počisti oblikovanje z izbora odstrani vse sloge - poudarke, barve, označbe, velikosti, pisave in poravnavo - nazaj v golo besedilo. Razširi urejevalnik ga dvigne v celozaslonsko pisalno površino za daljša besedila; pritisnite Escape ali isti gumb, da se vrne natanko tja, kjer je bil, stran pa je pomaknjena na isto mesto. Majhna vrstica pod urejevalnikom sproti šteje besede in znake.
Večina gumbov ima bližnjico na tipkovnici, prikazano v oklepaju v namigu gumba: znane Ctrl+B, Ctrl+I in Ctrl+U, poleg njih Ctrl+K za povezavo, Ctrl+Shift+7 in Ctrl+Shift+8 za oštevilčen seznam in seznam z alinejami, Ctrl+Shift+3 / 4 / 0 za naslov, podnaslov in odstavek, Ctrl+Shift+9 za citat, Ctrl+Shift+L / E / R za poravnavo levo, na sredino in desno, Ctrl+. in Ctrl+, za nadpisano in podpisano, Ctrl+\ za brisanje oblikovanja in Ctrl+Shift+F za razširitev. Na Macu namesto Ctrl beri Cmd.
Lepljenje se očisti samo. Besedilo, kopirano iz Worda, Google Dokumentov ali druge spletne strani, prispe samo kot naslovi, odstavki, seznami, povezave in poudarki - pisave, barve, tabele in vse drugo, kar je prišlo zraven, odpade - tako da prilepljen odstavek izgleda kot tisti, ki ste ga natipkali tukaj.
Poglavje 12
Vsak odsek, ki ga lahko dodate, razvrščen po nalogi, ki jo opravlja. Vsak vnos pove, kaj postavi na stran, kdaj si zasluži svoje mesto in katere postavitve ponuja. Majhna shema pokaže obliko, ki jo zavzame.
Dvoje velja za vse, zato spodaj ni ponovljeno: vsak odsek nosi skupne kontrolnike iz enajstega poglavja in vsak odsek je mogoče skriti, ne da bi ga izbrisali.
Ti odseki gredo čisto na vrh in določijo ton. Obiskovalec se v približno sekundi odloči, ali bo drsel naprej, in odloči se prav na podlagi teh odsekov.
Prva stvar, ki jo obiskovalci vidijo na vrhu strani. Dodajte velik naslov, kratko pozdravno vrstico, ozadnjo sliko in enega ali dva gumba, ki ljudi pošljeta tja, kamor želite.
Uporabite: Prvi razdelek na domači strani in pristajalnih straneh. En hero na stran, vedno na vrhu.
Izogibajte se: Notranje strani (o nas, pogoji, pogosta vprašanja), telo blog objav, razdelki sredi strani. Nikoli ne uporabljajte drugega hero razdelka nižje na strani - namesto tega uporabite CTA razdelek.
Nasvet: Kako visoka je ta pasica. Samodejno sledi vsebini in notranjemu razmiku odseka, tako kot doslej.
Postavitve, ki jih lahko izbereteSvetloba Sredinsko besedilo na svetli podlagi. Temno Sredinsko besedilo na temni podlagi. Primarna Sredinsko besedilo na blagovni barvi. Preliv Sredinsko besedilo na blagovnem prelivu. Deljeni medij Besedilo na eni strani, slika na drugi. Minimalno levo Levo poravnan naslov, veliko praznega prostora. Sredinsko prekrivanje Slika čez celotno širino s sredinsko prekrivnim besedilom.
Dvostolpčni blok: slika na eni strani, naslov in besedilo na drugi. Izberite stran in obliko slike, poravnajte jo na vrh, sredino ali dno ali pustite, da jo besedilo ovije.
Uporabite: Razdelek za domačo stran ali O nas, ki poveže eno sliko z odstavkom besedila - uvod, poudarek, zgodbo, izjavo o vrednotah.
Izogibajte se: Besedilo brez spremljajoče slike. Za opise samo z besedilom uporabite blok Besedilo in mediji.
Prazno platno s polnim urejevalnikom besedila. Združite naslove, odstavke, sezname in citate - z lastnimi barvami, pisavami in poudarki - ter sestavite točno takšno vsebino, kot jo potrebujete, kadar noben pripravljen razdelek ne ustreza.
Vizualni odseki. Uporabite jih takrat, kadar slika pove prepričljiveje kot bi odstavek.
Razkažite zbirko fotografij in videoposnetkov. Obiskovalci lahko kliknejo katero koli, da jo vidijo veliko v pojavnem oknu, z enostavnim brskanjem naprej in nazaj.
Uporabite: Sredi strani na vizualnih / portfeljnih / gostinskih / dogodkovnih straneh - kjer je gledanje dela pomembnejše od branja o njem. Preskočite na informativnih straneh z veliko besedila.
Izogibajte se: Nad gibom - uporabite hero. Strani s storitvami, polnimi besedila, kjer bi bile slike le polnilo. Strani brez resničnih medijev IN organizacija še nima galerij (prikaže se CTA praznega stanja, ki izgleda nedokončano).
Nasvet: Vklopite Naključni vrstni red in ob vsakem obisku prikaže drugačno naključno izbiro namesto vedno istih nekaj.
Postavitve, ki jih lahko izbereteMreža Enakomerna mreža slik. Zidarski slog Zamaknjeni stolpci. Vrtiljak Drseči vrtiljak slik. Lightbox Sličice, ki odprejo svetlobno škatlo.
Uredite fotografije, videoposnetke in kratke besedilne bloke v eno urejeno mrežo. Prilagodljiv način, da v eni opazni postavitvi pokažete malo vsega.
Uporabite: Sekcija vizualnega pripovedovanja, ki meša fotografije, kratke videoposnetke in kratko besedilo. Deluje kot uredniški predah med besedilno bogatimi sekcijami.
Izogibajte se: Ko še nimate medijev. Prazne slikovne ploščice se prikažejo kot prazni pravokotniki. Dokler mediji niso naloženi, namesto tega uporabite sekcijo Koraki ali Prednosti.
Postavite en videoposnetek v ospredje - pozdravno sporočilo, ogled ali zgodbo stranke. Predvajati se začne šele ob kliku, zato stran ostane hitra.
Uporabite: Ko imate en osrednji video, ki si zasluži pozornost: predstavitev ustanovitelja, sprehod skozi izdelek, mnenje stranke. Postavite ga sredi strani za junakom.
Izogibajte se: Več videov v enem razdelku (raje uporabite Galerijo) ali kot ambientalna zanka v ozadju (uporabite urejevalnik medijev v ozadju).
Povlecite ločilo, da preklopite med sliko "prej" in "potem". Odlično za prikaz preobrazb, prenov ali rezultatov.
Uporabite: Joga / fitnes drža, makete oblikovalskih agencij, prenove, frizura / ličila, retuširanje fotografij - vsaka zgodba »preobrazili smo X«.
Izogibajte se: Ko primerjava potrebuje več kot 2 sliki (uporabite Galerijo) ali ko bi gib / video bolje povedal zgodbo (uporabite Osrednji video).
Široka slika od roba do roba, ki deluje kot slikovit predah med razdelki. Čezenj lahko položite kratko sporočilo in gumb za dodaten učinek.
Uporabite: Umirjen vizualni predah med dvema vsebinsko bogatima sekcijama ali kratek atmosferski citat/poziv k dejanju čez fotografijo.
Izogibajte se: Pasica na vrhu strani (uporabite Hero) ali vrstična vsebinska slika znotraj besedila (uporabite Besedilo in mediji).
Vstavite lahko vektorsko animacijo. Izberite eno iz vgrajenega paketa, prilepite povezavo LottieFiles ali naložite svojo datoteko .json ali .lottie. Odlično kot poudarek junaka, izbruh uspeha ali namig za drsenje. Ostane ostra pri vsaki velikosti in komaj kaj tehta.
Uporabite: Kot okusen poudarek: majhen ponavljajoč okrasek ob junaku ali naslovu, namig za drsenje med razdelki ali slavnostni utrip nad pozivom k dejanju.
Izogibajte se: Kot edina vsebina strani, za bistvene informacije ali več velikih samodejno predvajanih zank hkrati (postane hrupno in moteče). En subtilen gib deluje dovršeno.
Ti odseki črpajo iz tega, kar že imate na Eventure. Ničesar ne prepisujete: objavite dogodek ali članek in odsek se posodobi sam.
Samodejno prikaže vaše prihajajoče dogodke z datumi in podrobnostmi, tako da obiskovalci vedno vidijo, kaj sledi, ne da bi vi urejali stran.
Uporabite: Vsaka organizacija, ki gosti dogodke - na domači strani za prikaz prihajajočih ali na pristajalni strani s specifično temo.
Izogibajte se: Organizacije brez objavljenih dogodkov. Sekcija se sesuje v prazno, kar pusti nerodno vrzel v toku strani.
Samodejno prikaže vaše objavljene dejavnosti kot kartice. Blagovne znamke prikažejo tudi dejavnosti, podedovane od nadrejene organizacije.
Nasvet: Vklopite Naključni vrstni red in ob vsakem obisku prikaže drugačno naključno izbiro namesto vedno istih nekaj.
Samodejno povleče vaše najnovejše članke ali objave na blogu in jih sproti posodablja. Priročno za deljenje novic, zgodb ali vodnikov.
Uporabite: Spodnja sredina domače strani v organizacijah, ki redno objavljajo. Doda znake svežine in obiskovalcem da razlog za vrnitev.
Izogibajte se: V organizacijah, ki nikoli niso objavile vsebine (razdelek se prikaže prazen). Nad gibom. Kot edini razdelek na strani.
Razporedite urnik za en dogodek - predavanja, delavnice in odmore - vsakega s časom, naslovom, govorcem in izbirno progo. Odlično za konference, festivale in dneve delavnic.
Uporabite: Konference, festivali, dnevi delavnic in umiki, ki želijo objaviti urnik.
Izogibajte se: Prikaz več ločenih dogodkov (uporabite Dogodke) ali mesečni pogled (uporabite Koledarsko mrežo).
Prikažite svoje dogodke na znani mesečni mreži, s puščicami za preklapljanje med meseci. Obiskovalci opazijo datume in skočijo naravnost na kateri koli dogodek.
Uporabite: Organizacije z veliko dogodki (jogastudii, zavetišča, šole, gledališča). Uporabite mrežo za pregled celega meseca, dnevni red za besedilne povzetke, tedenski trak pa za kompaktne stranske vrstice ali hero pasove.
Izogibajte se: Organizacije z manj kot ~5 dogodki na mesec - seznam razdelka Dogodki je preglednejši pri nizki gostoti.
Vsak datum je krog, datumi z dogodki pa zrastejo v mehke organske oblike, velike glede na to, koliko se dogaja, z majhno značko, ki pokaže število. Izbrani datum se odpre v ozvezdje barvno označenih dogodkov. Ostane berljiv tudi v mesecih, kjer bi običajen koledar postal zid besedila.
Uporabite: Stran, kjer so dogodki glavni razlog za obisk in kjer bi običajna mreža postala zid besedila: pristajalne strani skupnosti, festivalski programi, umikališča, studii z več termini na dan.
Izogibajte se: Organizacija z le nekaj dogodki na leto. Raje uporabite koledarsko mrežo ali seznam dogodkov - velikost madežev pove kaj šele v zasedenem mesecu.
Ustvarite navdušenje z živim odštevalnikom do zagona, razprodaje ali dogodka. Odlično za občutek "ne zamudite".
Uporabite: Posamezen konkreten rok, okrog katerega je zgrajena stran: začetek dogodka, konec razprodaje, zaprtje prijav, lansiranje izdelka.
Izogibajte se: Nejasne strani "kmalu na voljo" brez resničnega datuma ali strani z več tekmujočimi roki.
Pripnite eno določeno stvar, ki ste jo že objavili, in ji namenite ves prostor. Izberite kartico povzetka s povezavo naprej ali celotno besedilo kar tukaj, tako da se vsebina bere kot lastna stran - po želji je to besedilo skrito za gumbom, dokler ga bralec ne odpre. Uporabno za izpostavljen članek, naslednji veliki dogodek ali tečaj, ki ga želite v ospredju.
Uporabite: Kadar si posamezna vsebina zasluži svoj prostor: izpostavljen članek, naslednji osrednji dogodek, tečaj, ki ga promovirate. Na namenski strani v urejevalniku nastavite prikaz na celotno besedilo, da vsebino objavite kot samostojno stran v meniju.
Izogibajte se: Za SEZNAM vsebin uporabite Vsebine, Dogodke ali Aktivnosti, ki samodejno pobirajo po kategoriji in razvrstitvi. Prav tako ne za vsebino, ki še ni objavljena: odsek se ne prikaže, dokler pripeta vsebina ni v živo.
Omogočite obiskovalcem iskanje po vaših dogodkih, dejavnostih, trgovini, člankih in več - omejeno na vaše spletno mesto, nikoli na celotno platformo.
Uporabite: Na spletnih mestih z veliko seznami (dogodki, dejavnosti, izdelki ali članki), da lahko obiskovalci hitro najdejo, kar iščejo, namesto drsenja.
Izogibajte se: Na majhnem, večinoma statičnem spletnem mestu z le nekaj stranmi - iskalno polje le dodaja nered, saj ni ničesar smiselnega za iskanje.
Namesto ugibanja ključnih besed obiskovalci napišejo stavek - "miren prostor za manjšo skupino", "nekaj za začetnike čez vikend". Rezultati prikažejo tudi razlog, zakaj se ujemajo, vsak razumljeni filter pa lahko odstranite z enim klikom. Iskanje poteka samo po vaši vsebini.
Uporabite: Na spletni strani z resnično ponudbo - deset ali več dogodkov, prostorov, tečajev ali izdelkov - kjer obiskovalci ne poznajo natančnih besed, ki jih uporabljate zanje.
Izogibajte se: Na majhni spletni strani z le peščico ponudb - večina stavkov upravičeno ne bo vrnila ničesar, kar deluje, kot da je pokvarjeno. Preprosto iskalno polje ali mreža za brskanje bolje služi majhni ponudbi.
Odseki, ki prosijo za denar ali za termin v vašem koledarju. Berejo iz vaše trgovine in vaših storitev za rezervacije.
Izpostavite izdelke iz svoje trgovine. Izberite priljubljene ali pustite, da samodejno prikaže izdelke, vsakega s sliko, ceno in povezavo za nakup.
Nasvet: Izberite Naključno med možnostmi razvrščanja in ob vsakem obisku prikaže drugačno naključno izbiro.
Razporedite svoje načrte ali pakete za enostavno primerjavo, vsakega s ceno, lastnostmi in gumbom za poziv k dejanju, da obiskovalci izberejo in ukrepajo.
Uporabite: Storitvene ali naročniške organizacije (coaching, tečaji, SaaS, članstva), kjer je cena del odločitve in transparentnost gradi zaupanje.
Izogibajte se: Organizacije z eno samo fiksno ceno ali izključno dogodkovne/trgovinske organizacije, kjer so cene na posameznih straneh izdelkov/dogodkov.
Postavitve, ki jih lahko izbereteKartice Kartice paketov druga ob drugi. Tabela Tabela primerjave funkcij. Minimalno Vitek cenik, brez okrasja.
Vstavite koledar rezervacij za eno od svojih storitev - obiskovalci izberejo datum, prost termin in rezervirajo kar na vaši spletni strani. Ali pa prikažite kompakten gumb, ki vodi na stran za rezervacijo.
Uporabite: Storitvena podjetja, ki sprejemajo termine: terapevti, studii, svetovalci, saloni. Uporabite način inline kot glavno pretvorbeno sekcijo, način cta ali modal, ko je stran že dolga - modal obdrži obiskovalca na strani namesto preusmeritve.
Izogibajte se: Organizacije brez nastavljenih storitev za rezervacijo - odsek ne prikaže ničesar, dokler storitev ne obstaja.
Pokažite, kaj si obiskovalci lahko najamejo pri vas - sobe, opremo, vozila ali prizorišča - kot kartice s fotografijo, kapaciteto, ugodnostmi in ceno na noč, dan ali uro. Izberite jih po vrsti ali ročno izberite svoje favorite.
Nasvet: Izberite Naključno med možnostmi razvrščanja in ob vsakem obisku prikaže drugačno naključno izbiro.
Izpostavite en prostor in pustite obiskovalcem, da datume izberejo kar tukaj - zasedeni dnevi so sivi, cena se sproti sešteva, prošnjo pa pošljejo, ne da bi zapustili vašo stran. Nič ni zaračunano. Ali pa namesto tega prikažite strnjen gumb, ki vodi na stran prostora.
Uporabite: Kadar organizacija oddaja eno vodilno stvar ali kadar je stran namenjena enemu samemu prostoru. Vgrajeni način uporabite kot glavni razdelek za konverzijo, način cta pa, ko je stran že dolga.
Izogibajte se: Kadar ima organizacija več prostorov, ki si zaslužijo enako mesto - uporabite mrežo Prostori. Razdelek ne izriše ničesar, če izbrani prostor ne obstaja več ali je skrit.
Vitka iskalna vrstica - od, do, vrsta in koliko ljudi - ki obiskovalce pošlje naravnost na vaš seznam prostorov, filtriran po tem, kar so iskali. Čudovito se poda tik pod glavno sliko.
Uporabite: Neposredno pod naslovnim delom na strani, katere glavna dejavnost je oddajanje stvari v najem. Obiskovalcem omogoči takojšnje ukrepanje glede tega, zaradi česar so prišli.
Izogibajte se: Pri organizaciji z le enim ali dvema prostoroma - mreža Prostori ali en sam razdelek Rezervacija prostora jim služi bolje kot iskalna vrstica nad drobnim naborom.
Dajte obiskovalcem hitro pot noter: ena ploščica na vrsto prostora, ki ga ponujate - sobe, oprema, vozila, prizorišča - vsaka s svojo ikono in številom, kolikor jih imate. Klik na ploščico odpre vaš seznam prostorov, filtriran na to vrsto.
Uporabite: Kadar organizacija oddaja več različnih vrst stvari in se morajo obiskovalci pred brskanjem orientirati. Dobro se poda med glavno sliko in mrežo Prostori.
Izogibajte se: Kadar so vsi prostori iste vrste - razdelek bi prikazal eno samo ploščico. Vrste brez vsebine so privzeto skrite, celoten razdelek pa izgine, ko organizacija nima prostorov.
Ponudite dokumente, kot so brošure, ceniki ali PDF-ji, da jih obiskovalci prenesejo. Vsaka datoteka ima svoje stikalo za prikaz ali skrivanje in se lahko pojavi tudi v nogi ali na strani z viri.
Uporabite: Ko ima organizacija gradiva, ki jih obiskovalec potrebuje s seboj: brošuro, meni, cenik, prijavnico, program ali poročilo. Primerno na strani »O nas«, »Viri« ali na strani s storitvami.
Izogibajte se: Za slike v besedilu (uporabite Galerijo ali Mrežo medijev) ali za en sam gumb s povezavo do ene zunanje datoteke (uporabite Poziv k dejanju). Ni za zasebne datoteke ali datoteke samo za člane - vse tukaj je javno na voljo za prenos.
Postavitve, ki jih lahko izbereteSeznam Ena vrstica na datoteko. Kartice Mreža kartic, ki jih je mogoče klikniti. Kompaktno Zbit seznam z minimalnim okrasjem.
Razlogi, da vam obiskovalec verjame. Obrazi, številke, logotipi in besede drugih ljudi imajo večjo težo kot karkoli, kar poveste sami o sebi.
Pokažite, kaj ljudje pravijo o vas. Prikažite mnenja kot urejen niz kartic ali blag drsni vrtiljak, vsako z imenom, fotografijo in oceno z zvezdicami za gradnjo zaupanja.
Uporabite: Za razdelkom prednosti ali storitev, na sredini do dnu domače strani. Doda zaupanje pred zadnjim CTA. En na stran je dovolj.
Izogibajte se: Nad gibom. Dvakrat na isti strani. V organizacijah brez objavljenih mnenj (razdelek je prikazan prazen). Za nove organizacije brez mnenj raje uporabite vrsto razdelka testimonial_submit - prikaže obrazec "Povejte nam, kako smo se izkazali", ki organizaciji pomaga zbrati prva mnenja.
Postavitve, ki jih lahko izbereteKartice Kartice citatov v vrsti. Mreža Enakomerna mreža citatov. Vrtiljak Drseči citati eden za drugim. Seznam Naložene vrstice citatov. Zidarski slog Zamaknjeni stolpci v slogu Pinterest.
Povabite obiskovalce, da delijo svoje mnenje. Prispevki prispejo zasebno, da jih odobrite, preden se kjerkoli prikažejo, tako da imate popoln nadzor nad tem, kaj je prikazano.
Predstavite ljudi za vašo organizacijo. Vsaka kartica prikaže fotografijo, ime, vlogo, kratek opis in povezave, da jih obiskovalci lahko dosežejo.
Uporabite: Storitveni posli, šole, umaknitveni centri, agencije, skupnosti - povsod, kjer obiskovalci želijo videti ljudi za blagovno znamko.
Izogibajte se: Ko imate le 1-2 osebi (raje uporabite Razdeljeno biografijo) ali ko želite prikazati mnenja (uporabite Mnenja).
Nasvet: Vklopite Naključni vrstni red, da se ob vsakem obisku spremeni, kdo je prikazan prvi.
Postavitve, ki jih lahko izbereteMreža Cele kartice s fotografijo in opisom. Kompaktno Majhni portreti, samo ime in vloga. V žarišču Velika glavna oseba, manjša podporna mreža. Seznam Vrstice s fotografijo levo in opisom, uredniški videz. Krogi Sredinski okrogli avatarji, samo imena.
Umirjena mreža logotipov, ki mirno stoji na strani. Odlična za vrstico "predstavljeni v" ali "zaupajo nam", ki pokaže, s kom se družite.
Uporabite: Sredi strani za junakom ali tik nad nogo. Dobra izbira, ko imate 4-12 prepoznavnih logotipov za predstavitev.
Izogibajte se: Ko imate le 1-2 logotipa (raje uporabite poudarek) ali 20+ logotipov (uporabite drsečo trakon Marquee). Nikoli ne izmišljajte logotipov, za katere nimate dovoljenja.
Nasvet: Vklopite Naključni vrstni red, da se stena ob vsakem obisku premeša.
Zahvalite se ljudem, ki vas podpirajo, razvrščeni po ravneh. Logotipe sponzorjev združite v pasove, kot so Zlata, Srebrna in Bronasta, z največjo prikazano najvišjo ravnjo. Odlično za dogodke, klube in neprofitne organizacije.
Uporabite: Dogodki, festivali, klubi in neprofitne organizacije, ki se želijo zahvaliti podpornikom in jih razvrstiti po ravni prispevka.
Izogibajte se: Kadar so vsi logotipi enakovredni (uporabite Oblak logotipov) ali kadar prikazujete omembe izdelkov/medijev namesto sponzorjev.
Nasvet: Vklopite Naključni vrstni red, da se sponzorji premešajo znotraj vsakega razreda - vrstni red razredov samih se ne spremeni.
Pokažite svoje dosežke z velikimi številkami, ki se ob drsenju štejejo navzgor - člani, izvedeni dogodki, leta delovanja, kar koli vredno praznovanja.
Uporabite: Družbeni dokaz kjerkoli pomaga hiter signal "smo resnični in aktivni" - domača stran, stran o nas ali tik nad pozivom k dejanju.
Izogibajte se: Povsem nove organizacije z enomestnimi številkami. Prazne statistike spodkopljejo zaupanje hitreje kot popolna odsotnost.
Nasvet: Položaj in velikost ikone lahko nastavite enkrat za cel razdelek, nato pa jih po želji spremenite na posamezni kartici, ki naj izstopa.
Postavitve, ki jih lahko izbereteVrstica Enoten vodoraven pas števcev. Mreža Števci v razdeljeni mreži. Kartice Vsaka statistika na svoji senčeni kartici. Trak Pas čez celotno širino, velike vrstične številke, tanke črte. Velike številke Prevelike številke nad majhnimi oznakami.
Spremenite številke v jasno sliko. Izberite stolpčni, črtni, tortni, kolobarni ali radarski grafikon, ki se nariše, ko obiskovalci zdrsnejo do njega.
Uporabite: Prikaz rasti skozi čas (»Člani 2020-2026«), razčlenitve (»Kam so šle donacije«) ali primerjave (»Rezultati tečaja po letih«).
Izogibajte se: Posamezne metrike (»4.500 članov«) - uporabite Statistiko. Sprotni podatki - to je samo statično.
Odseki, ki nekaj zapletenega razporedijo tako, da je mogoče hitro preleteti.
Izpostavite, kaj ponujate, v majhnih karticah. Vsaka ima ikono, kratek naslov in vrstico besedila - idealno za lastnosti, ugodnosti ali razloge, da izberejo vas.
Uporabite: Tik pod hero razdelkom ali za kratkim uvodom - "kaj ponujamo / zakaj smo drugačni". Največ en na stran.
Izogibajte se: Nad gibom (uporabite hero) ali kot edina vsebina na strani. Združite s CTA razdelkom za njim.
Nasvet: Položaj in velikost ikone nastavite enkrat za cel razdelek, uporabljata pa se enako za vse kartice.
Postavitve, ki jih lahko izbereteSenca Mehko senčene kartice. Z obrobo Celice s tanko obrobo, brez sence. Ravno Brez sence, minimalno okrasja. Ikona zgoraj Velika ikona nad sredinskim besedilom. Kartica z ikono Velika ikona v obarvanem krogu na vrhu vsake kartice. Oštevilčeno Oštevilčeno zaporedje, funkcija kot korak.
Pojasnite, kako nekaj deluje, v jasnih, oštevilčenih korakih. Odlično za pregled "kako deluje", postopek prijave ali preprost vodnik.
Uporabite: Proces: 3-5 zaporednih korakov, ki jih uporabnik prehodi. Zgodovina: mejniki z letnicami. Izberite layout=timeline + uporabite polje datum pri vsakem koraku za zgodovinski način.
Izogibajte se: Navodila z enim samim korakom (napišite odstavek) ali neurejeni seznami funkcionalnosti (uporabite mrežo prednosti).
Nasvet: Položaj in velikost ikone lahko nastavite enkrat za cel razdelek, nato pa jih po želji spremenite na posamezni kartici, ki naj izstopa.
Urejene vrstice, ki se odprejo s klikom in ohranjajo dolgo vsebino pregledno. Idealno za pogosta vprašanja, sezname "kaj je vključeno" ali kateri koli nabor parov vprašanje-odgovor.
Uporabite: Blizu dna strani storitev / cenika / dogodka za odpravo najpogostejših pomislekov (uporaba kot pogosta vprašanja) ali kjer koli želite zložiti dolg seznam parov naslov-vsebina.
Izogibajte se: Ko je stran že članek v slogu FAQ (raje uporabite razdelek Vsebina) ali za enkratne elemente (uporabite navaden odstavek).
Postavitve, ki jih lahko izbereteZ obrobo Vsak element v obrobljeni kartici. Ločeno Razmaknjene kartice s presledki. Poravnano Vrstice od roba do roba z ločili. Minimalno Gol seznam, brez okrasja.
Sorodno vsebino združite v zavihke, da obiskovalci klikajo namesto drsenja. Odlično za različne občinstva, teme ali pakete v enem urejenem prostoru.
Uporabite: Ko bi se stran sicer drsala v nedogled in se vsebina naravno združi v 2-5 košaric (Za trenerje / Za studie / Za šole).
Izogibajte se: Ko je vsa vsebina enako pomembna in šteje hiter pregled (raje uporabite razdelke, namesto skrivanja v zavihke). Ko imate le 1-2 košarici (jih preprosto zloženo prikažite).
Nasvet: Položaj in velikost ikone lahko nastavite enkrat za cel razdelek, nato pa jih po želji spremenite na posamezni kartici, ki naj izstopa.
Postavitve, ki jih lahko izbereteTablete Zaobljeni zavihki v obliki tablet. Zavihki Klasični podčrtani zavihki. Navpične tablete Pilule zložene ob strani.
Primerjajte možnosti na prvi pogled - pakete, načrte ali vas v primerjavi z drugimi. Vrstice lastnosti s kljukicami ali križci, izpostavite pa lahko stolpec, ki naj zmaga.
Uporabite: Cenovni paketi z razlikami v funkcionalnostih, tabele »mi proti konkurenci«, možnosti na prvi pogled pred nakupom.
Izogibajte se: Daljši opisi funkcionalnosti (uporabite mrežo prednosti). Tri ali manj enostavnih možnosti (odstavek je dovolj).
Učinkovita vrsta visokih ploščic, vsaka z ozadnjo sliko in nekaj besedami na vrhu. Odlična za usmerjanje obiskovalcev k vašim glavnim ponudbam ali kategorijam.
Uporabite: Sredinska razdelitev strani, ko želite obiskovalce usmeriti v 2-4 različne cilje (delavnice / trgovina / o nas).
Izogibajte se: Brez močne fotografije. Ploščice brez slik se prikažejo kot ploski bloki. Izogibajte se tudi pri več kot 4 vnosih - namesto tega uporabite Galerijo ali Slikovno mrežo.
Vsaka stran naj prosi za eno stvar. To so odseki, ki prosijo.
Osredotočena zaključna pasica, ki obiskovalce pozove k enemu dejanju - rezervaciji, prijavi ali stiku. Najbolje deluje blizu dna strani, da sklene dogovor.
Uporabite: Dno domače strani, dno strani »o nas«/storitev/dogodka. Kadar obiskovalec pravkar konča branje in potrebuje en jasen naslednji korak.
Izogibajte se: Vrh strani (uporabite Hero), sredina dolgega članka (uporabite razdelek Novičnik) ali kot dvojnik CTA-ja v Hero (obiskovalci ponovljene CTA-je ignorirajo).
Postavitve, ki jih lahko izbereteRazdelje Besedilo levo, gumb desno. Sredinsko Naloženo in sredinsko. Zloženo Levo poravnano besedilo, gumb čez celotno širino na obarvani kartici. Pasica Tanek pas čez celotno širino, primeren ob nogi strani. V okvirju Lebdeča kartica z izrazitim zaokroženjem in senco.
Povečajte svoj seznam prejemnikov z urejenim obrazcem za prijavo na e-pošto. Obiskovalci vnesejo svoj naslov in se z enim klikom prijavijo na vaše novice.
Uporabite: Dno domače strani ali za prikazom vsebine, kot nezavezujoč način, da ostanete v stiku z obiskovalci, ki še niso pripravljeni na nakup ali rezervacijo.
Izogibajte se: Organizacije brez kakršnegakoli namena pošiljanja e-novic. Neuporabljen prijavni obrazec škoduje zaupanju.
Dovršeno povabilo, ki obiskovalce usmeri na anketo, kviz ali igro, ki ste jo že objavili, in jih spodbudi k sodelovanju.
Uporabite: Zajem potencialnih strank na ciljni strani (vstavite kviz »Najdi pravo za vas«), igrificirana promocija (vstavite aktivno žrebanje) ali zbiranje povratnih informacij sredi lijaka.
Izogibajte se: Ko še nimate objavljene ankete/igre (najprej jo ustvarite, nato vstavite). Pripomoček namerno ne prikaže neobjavljene vsebine.
Zberite podporo z živim naprednim trakom, ki se polni proti cilju zbiranja sredstev. Nastavite cilj, zbrani znesek pa se samodejno sešteje iz plačanih donacij za izbrani dogodek.
Uporabite: Kampanje zbiranja sredstev in neprofitne organizacije, ki želijo prikazati zagon proti cilju.
Izogibajte se: Prodaja po fiksni ceni (uporabite Izdelke/Cenik) ali kadar ni cilja zbiranja sredstev.
Pomagajte ljudem, da vas najdejo in stopijo v stik. Prikaže vaš naslov, delovni čas, telefon in e-pošto ob zemljevidu, z gumbom za pošiljanje sporočila.
Uporabite: Vsaka organizacija s fizično prisotnostjo: prizorišča dogodkov, šole, umaknitveni centri, studii, trgovine, klinike. Postavite ob dno domače strani ali na samostojno Kontakt stran.
Izogibajte se: Izključno spletni posli brez naslova (raje uporabite razdelek CTA, ki kaže na /contact).
Majhni odseki, ki krasijo ali oznanjajo. Koristni v zmernih količinah, utrudljivi v množici.
Opazen trak, ki sam drsi čez zaslon. Uporabite ga za logotipe partnerjev ali pustite, da samodejno povleče vaše najnovejše izdelke, članke ali dogodke.
Uporabite: Trak družbenega dokaza (stena logotipov) ali "živ vir" nedavnih vsebin/izdelkov, ki ohranja občutek živahnosti strani.
Izogibajte se: Strani, kjer je treba vsako postavko skrbno prebrati - stalno gibanje je sovražno do premišljenega branja.
Tanka pasica na vrhu strani, ki pozdravi obiskovalce ali jim sporoči, kaj se dogaja - topel pozdrav, opombo "še gradimo" ali sporočilo po meri. Obiskovalci jo lahko zaprejo in nato ostane zanje skrita.
Vrsta majhnih živih odčitkov neba, ki se posodabljajo sami: nocojšnja lunina mena, 13-lunin koledar, sončni vzhod in zahod, vreme, plimovanje in kateri planeti so nocoj vidni. Vsak je izračunan za vašo lokacijo - ničesar ni treba vpisovati. Prikažite jih kot vrstico v vrsti, kot ploščice ali enega samega povečajte v središčno predstavitveno ploščo.
Uporabite: Strani o naravi, ritualih, astrologiji, vrtnarjenju, umikih, deskanju, jadranju in ribolovu, kjer je nebo del zgodbe. Dobro deluje tudi kot umirjen almanaški pas pod uvodnim odsekom.
Izogibajte se: Kadar številke nimajo zveze s tem, o čemer govori stran - okrasna luna na strani vodovodarja deluje kot navlaka. Ne uporabljajte ga za statično besedilo; prikaže samo vrednosti, ki jih zna izračunati.
Vitek okrasni prelom med sekcijami. Prikažite sredinsko ikono s črtami na obeh straneh, samo ikono, preprosto črto ali majhno vrsto ikon. Barve, velikost, širina in poravnava so nastavljive; robovi in razmiki so v zavihku Videz.
Uporabite: Rahel kozmetični prelom med dvema sekcijama ali majhen okrasni dodatek. Lepo se ujema z oblikami zgornjega/spodnjega roba sekcije.
Izogibajte se: Ko potrebujete slikovni prelom čez celotno širino (uporabite Slikovni ločevalnik) ali kakršno koli dejansko vsebino, naslov ali gumb.
Devet nadaljnjih odsekov obstaja samo v urejevalniku skupnosti: organizacije, njihov zemljevid, zemljevid njihovih dogodkov, skupni koledar, razprave, nagradne igre, druge skupnosti za odkrivanje, predstavitev strani, zgrajenih na Eventure, in mreža promovirane vsebine skupnosti - sponzorskih oglasov in izpostavljenih vnosov. V izbirniku na strani organizacije jih ne boste videli. Opisani so v dodatku, petnajsto poglavje.
Poglavje 13
Ni vam treba začeti s prazno stranjo. Tri orodja vam zgradijo celotno stran in vam jo nato izročijo kot osnutek v pregled in prilagoditev.
Razlikujejo se samo po tem, koliko vas prej vprašajo.
Ne vpraša ničesar. Iz tega, kar vaša organizacija že ima, zgradi enostransko stran s petimi odseki: vaš logotip, vaša zgodba, vaša naslovna fotografija. Potrebuje te tri stvari, in če katera manjka, jo zbere v pogovornem oknu pred gradnjo.
Rezultat ima vedno isto obliko: glavni odsek, odsek o vas, dva odseka, izbrana med tistimi, za katere dejansko imate vsebino, in kontaktni odsek. Ista organizacija, ista stran, vsakič.
Postavi sedem kratkih vprašanj: struktura, videz, slog, pisave, glava, noga in pregled tega, kar se pripravlja narediti. To je srednja pot in tista, po kateri boste posegli največkrat.
Sprašuje o vaši organizaciji v vsakdanjem jeziku namesto o oblikovanju in stran sklepa iz vaših odgovorov. Dober za nekoga, ki pozna svojo organizacijo, ne ve pa, kaj je glavni odsek.
Vsi trije pišejo v svež osnutek. Nobeden se ne dotakne vaše strani v živo. Karkoli ustvarijo, vi to pregledate, prilagodite in šele nato aktivirate. Ni nobenega tveganja, če katerega preizkusite in vidite, kaj naredi.
Čarovnik za stran in Vodena nastavitev oba začneta z izbiro, kako velika je stran.
| Struktura | Kaj zgradi |
|---|---|
| Ena stran | Vse na eni drsni strani: pozdravna sekcija, o nas, dogodki in kontakt. Najhitrejši način za začetek. |
| Preprosta stran | Manjša spletna stran: prijazna domača stran ter strani O nas, Storitve in Pogosta vprašanja. Popolna predstavitvena stran. |
| Celotna stran | Popolna večstranska spletna stran: domača stran, O nas in storitve, ter dogodki, blog in kontakt. |
Poglavje 14
Isti kontrolnik, poimenovan v obeh jezikih, da je mogoče o angleško in slovensko nastavljenem urejevalniku govoriti v istem pogovoru.
| Angleško | Slovensko | Kaj je to |
|---|---|---|
| Appearance | Videz | Zavihek s pravili za celotno stran. |
| Header | Glava | Vrstica na vrhu vsake strani. |
| Homepage | Domača stran | Vhodna vrata strani. |
| Pages | Strani | Vse, kar niso vhodna vrata. |
| Menu | Meni | Povezave navigacije v glavi. |
| Footer | Noga | Vrstica na dnu vsake strani. |
| Hero Section | Glavni odsek | Uvodni pas strani. |
| Gallery | Galerija | Nabor fotografij ali videov. |
| Newsletter | Novičnik | Polje za prijavo na vaš poštni seznam. |
| Call to Action | Poziv k dejanju | Pas, ki prosi za eno dejanje. |
| Statistics | Statistika | Vrsta številk, s katerimi se je vredno pohvaliti. |
| Team | Ekipa | Ljudje za organizacijo. |
| Preview | Predogled | Poglejte stran, kot bi jo videl obiskovalec. |
| Live | V živo | Vidno javnosti. |
| Coming Soon | Prihaja kmalu | Zadržna stran namesto strani. |
Poglavje 15
Skupnosti imajo svoj lasten urejevalnik in to je isto orodje z malce drugačnim klobukom. Če ste prebrali ta priročnik, ga znate uporabljati že zdaj. Ta dodatek pokriva samo tisto, kar se razlikuje.
Skoraj vse. Zavihek Videz, meni, zavihek Strani, odseki, skupni kontrolniki, osnutki in aktiviranje: enako. Poglavja od 1 do 5 ter od 7 do 12 opisujejo urejevalnik skupnosti prav tako natančno kot organizacijskega, štirinajsto poglavje pa poimenuje iste kontrolnike. Izjemi sta šesto poglavje in zavihek Noga - zavihek Glava je tu zgrajen drugače, zavihek Noga pa dobi svoje lastno platno; oboje je opisano spodaj.
Katalog odsekov iz dvanajstega poglavja velja v celoti. Urejevalniku skupnosti je na voljo vseh teh 49 odsekov in še devet lastnih, opisanih spodaj.
Različice delujejo natanko tako, kot jih opisuje tretje poglavje. Skupnost hrani poljubno število različic svoje pristajalne strani, ena je v živo, ostale so osnutki, z isto vrstico različic, istimi oznakami v preklopniku, istimi Podvoji trenutno, Začni iz nič in Kopiraj vsebino, istim seznamom za upravljanje in istimi povezavami za predogled brez prijave. Videz in Jeziki tudi tu pripadata različici, zato ima lahko osnutek druge barve in drug nabor jezikov kot tisti v živo.
Šest stvari.
Urejevalnik skupnosti ima zdaj šest zavihkov, enako kot organizacijska stran: Videz, Glava, Domača stran, Strani, meni, Noga. Osmo poglavje zavihek Strani opisuje natančno - isti izhodiščni predlogi, ista izbira med Preprosto stranjo in stranjo iz odsekov, iste nastavitve za posamezno stran.
Ena stvar je drugačna: stran skupnosti se nikoli ne gnezdi. Izbirnika nadrejene strani ni, vsaka stran pa živi na enem samem, ravnem naslovu na vaši domeni skupnosti - vašadomena.com/o-nas, nikoli vašadomena.com/storitve/cenik. Postavitvi Stranska vrstica levo/desno še vedno ponujata kartico z navigacijo po podstraneh, a ta tu ostane prazna, ker podstrani ne obstajajo.
Še ena posledica delovanja na domeni skupnosti: polje z naslovom in spletnim naslovom, opisano v osmem poglavju, nima česa pokazati, dokler skupnost nima povezane domene. Do takrat namesto pravega naslova piše "Še ni lastne domene", ikoni za kopiranje in odpiranje pa se ne prikažeta - preprosto ju ni kam poslati. Spletni naslov nastavite kot običajno; delovati začne v trenutku, ko je domena povezana.
Vrsta povezave Stran v zavihku meni deluje natanko tako, kot jo opisuje deveto poglavje: izberete eno od svojih strani in element menija pelje naravnost nanjo.
Kartice sistemskih poti na skupnosti sežejo dlje: poleg lastnih seznamov skupnosti izbirnik ponudi tudi skupne strani platforme - zemljevid, prostore, lunin koledar, dokumentacijo in ta priročnik, dnevnik sprememb, stran za ustvarjanje organizacije in galerijo predlog - tako da meni skupnosti obiskovalce popelje naravnost do katere koli od njih brez vrstice z zunanjim URL.
Enako velja za vsako drugo polje s povezavo - na primer gumb pri odseku Glavni odsek ali Poziv k dejanju. Če tam izberete vrsto Stran, se izpišejo strani vaše skupnosti, nikoli strani organizacije, tudi če je vaša skupnost v lasti organizacije, ki ima svoje lastne strani.
Ena posledica dodatka: Kopiraj vsebino zdaj ponudi šest stvari za prenos - Razdelki domače strani, Strani, meni, Noga, Videz, Jeziki - namesto sedmih v urejevalniku organizacije, saj je zunaj dosega samo še Glava.
Trije zaganjalniki iz trinajstega poglavja - Stran z enim klikom, Čarovnik za stran in Vodena nastavitev - so samo za organizacije. Pristajalna stran skupnosti se gradi ročno, odsek za odsekom, iz zavihka Domača stran. Vse, kar trinajsto poglavje pove o tem, da ustvarjajo varne osnutke, še vedno drži; tu preprosto ni ničesar za zagnati.
Meni Različice vsebuje Kopiraj vsebino, Podvoji trenutno, Začni iz nič in Upravljanje različic, ne pa tudi Shrani kot predlogo iz urejevalnika organizacije. Pristajalne strani skupnosti ni mogoče shraniti kot izhodišče za druge strani.
Graditelj trakov iz šestega poglavja - vrstice, cone, sestavni deli s povleci in spusti - je samo za organizacije. Stran skupnosti nosi platformno glavo, isto vrstico, kot jo vidite povsod na Eventure, zato njen zavihek Glava to vrstico uravnava, namesto da bi jo sestavljal iz delov. Tri kartice:
Pripomočki glave določi, katere platformne ikone se prikažejo: Iskanje, Preklop teme, Košarica, Račun, Meni Dodaj, Gumb Začni brezplačno, Obvestila, Sporočila. Vplivajo samo na glavo vaše skupnosti, nikoli na glavno Eventure glavo. Iskanje, Tema, Košarica in Račun so privzeto vklopljeni, ostali izklopljeni, da stran skupnosti že takoj deluje kot lastna znamka.
Ozadje glave obarva vrstico na vseh straneh strani. Barva glave sprejme eno od vaših barv znamke ali katerikoli šestnajstiški zapis, če pa jo pustite prazno, ostane privzeta barva teme; barvo besedila nato izberemo namesto vas, da temna glava ne obdrži temnih povezav. Motno steklo naredi vrstico prosojno in zamegli vsebino, ki se pomika za njo, Zamegljenost stekla pa določi, kako močno - Subtilno, Srednja ali Močna. Na telefonih in manjših tablicah je vrstica vedno polna, ne glede na nastavitev stekla, saj tam leži nad vsebino strani in ta ne sme presevati.
Prekrivanje in učinki je prosojna glava. Vklopite Prosojna prekrivna glava in vrstica zalebdi nad prvim odsekom vaše domače strani, junaška slika pa teče čez celotno širino za njo, nato pa vrstica postane polna takoj, ko obiskovalec začne drseti. Barva besedila prekrivanja - Svetloba ali Temno - ohrani meni berljiv, dokler je vrstica prosojna: svetla nad temno fotografijo, temna nad svetlo. Za razliko od zgornjih dveh kartic ta velja samo za domačo stran in samo nad njenim prvim odsekom, zato se splača vklopiti prav takrat, ko je prvi odsek junaški. Dokler je prekrivanje vklopljeno, se tržni trakovi, ki sicer stojijo nad vrstico, umaknejo, da junaške slike nič ne prekine.
Zavihek Noga pri organizaciji iz desetega poglavja je raven seznam stikal. Zavihek Noga pri skupnosti dva od teh stikal, ki zunaj platforme nimata smisla - tržna stolpca organizacije Ustvari in O nas - nadomesti z lastnim majhnim platnom, nad istimi karticami Splošna noga, Trak pred nogo in Trak za nogo, ki jih ima vsak urejevalnik.
Širina noge, Razmik noge in drsniki Natančen razmik iz desetega poglavja delujejo tudi tu - so v kartici Splošna noga, ki si jo delita oba urejevalnika. Kartice Okvir, Postavitev in tipografija ter Ikone družbenih omrežij, opisane tam, pa ne; te so zaenkrat samo pri organizaciji.
Stolpec z blagovno znamko tu postane urejljiv: logotip vklop/izklop, nadomestni slogan, kontaktni e-naslov in povezava ter katere žive statistike se prikažejo - nič od tega stolpec z blagovno znamko pri organizaciji ne ponuja.
Pod njim za štiri stolpce prostih mest tekmuje do osem sestavnih delov: Predstavitev, Članske organizacije, Dogodki skupnosti, Novice skupnosti, Kontakt, Poljubno besedilo, Statistika in Poljubne povezave. Vklopite enega in zasede naslednje prosto mesto, po vrstnem redu, v katerem ste kandidate povlekli na platnu; vklopite petega in ta počaka na vrsto, označen z "Ni prikazano", dokler ne sprostite mesta ali ga ne povlečete pred zasedenega. Vsak kandidat nosi enako samodejno skrivanje, kot ga za nogo organizacije opisuje deseto poglavje - stolpec Predstavitev brez besedila ali stolpec Kontakt brez e-naslova in povezave se preprosto ne prikaže, ne glede na stikalo. Ko se bo vklopljeni kandidat samodejno skril, njegova vrstica na platnu to pove: ob imenu se prikaže majhen rumen opozorilni trikotnik z namigom, kaj manjka - tako vam ni treba ugibati, zakaj vklopljenega stolpca ni na strani.
Ena podrobnost noge pa velja samo za skupnosti iz drugega razloga. Na lastni domeni skupnosti elementi menija z vklopljeno možnostjo "Prikaži v nogi strani" prevzamejo tudi stolpec Raziskuj v nogi, ne le povezav v glavi, opisanih v devetem poglavju - še preden se dotaknete zavihka Noga. Dodajte vsaj en tak element in tako glava kot noga zamenjata standardne povezave platforme; odstranite vse in obe se povrneta.
6. Devet odsekov obstaja tu, ki jih stran organizacije nikoli ne vidi. Njim je namenjen preostanek tega dodatka.
Ti obstajajo samo v urejevalniku skupnosti, ker opisujejo stvari, ki jih ima samo skupnost: članske organizacije, skupni koledar, skupni pogovor. Obnašajo se kot vsak drug odsek, vključno s skupnimi kontrolniki iz enajstega poglavja.
Predstavite organizacije, ki sestavljajo to skupnost. Prikažite jih kot informativne kartice, trak logotipov ali strnjen seznam - samodejno vse članice ali ročno izbran, urejen izbor.
Nasvet: Vklopite Naključni vrstni red in ob vsakem obisku prikaže drugačno naključno izbiro članov namesto vedno istih nekaj - uporabno, ko ima skupnost več članov, kot jih dopušča omejitev odseka.
Pokaži, kje se nahajajo organizacije skupnosti, na interaktivnem zemljevidu. Vsaka oznaka odpre podrobnosti organizacije, obiskovalci pa lahko za raziskovanje odprejo zemljevid čez cel zaslon.
Na interaktivnem zemljevidu pokažite, kje se dogajajo prihajajoči dogodki skupnosti. Obiskovalci lahko iščejo, filtrirajo po datumu in po tem, ali je dogodek spletni ali v živo, ter zemljevid usredinijo na svojo lokacijo.
Prihajajoče dogodke skupnosti razporedite na znano mesečno mrežo, zbrano iz vseh organizacij članic. Ponudite klasičen pogled ali sezonski okvir 13 lun.
Postavitve, ki jih lahko izbereteStandardni Znana mesečna razpredelnica dogodkov. 13 lun Doda sezonski pas 13 lun in oznake luninih oken.
Prikaži nedavne pogovore iz vira skupnosti - vprašanja, obvestila in niti - ob stranski plošči s pripetimi objavami, odprtimi vprašanji, aktivnimi nitmi in najboljšimi sodelavci.
Pokaži nagradne igre, ki jih ponujajo člani skupnosti, vsako kot kartico, z gumbom, da lahko člani objavijo svojo.
Povabite obiskovalce, naj raziščejo druge skupnosti na platformi. Prikažite jih kot informativne kartice, trak logotipov ali strnjen seznam - samodejno najbolj dejavne skupnosti ali ročno izbran, urejen izbor.
Nasvet: Vklopite Naključni vrstni red in ob vsakem obisku prikaže drugačno naključno izbiro namesto vedno istih najbolj dejavnih skupnosti na vrhu.
Privzeto prikazuje enake, s strani platforme izbrane spletne strani "Zgrajeno z Eventure" kot domača stran eventure.si. Namesto tega lahko ročno izberete svoj nabor spletnih strani organizacij, ki nato prevzamejo prednost pred izbiro platforme.
Nasvet: Vklopite Naključni vrstni red in ob vsakem obisku prikaže drugačno naključno izbiro.
Predstavite umestitve, ki so jih oglaševalci zakupili v tej skupnosti: oglase Sponzor in Podpornik ter izpostavitve s tržnice, vsak nivo kot svojo vrstico kartic. Izberite, kateri nivoji so prikazani in koliko kartic sme prikazati vsak.
Uporabite: Skupnosti, ki prodajajo oglasne umestitve ali želijo prikazati izpostavitve, ki so jih člani kupili na tržnici, kot viden blok na pristajalni strani.
Izogibajte se: Skupnosti brez aktivnih oglasnih umestitev ali izpostavitev - odsek ne prikaže ničesar, dokler umestitve ne obstajajo.