Stran s povezavami v biografiji

Kako ustvariš stran s povezavami v biografiji

1. Pod Profil vpiši Ime ali znamka in Kratka biografija. Prelomi vrstic v biografiji se ohranijo.
2. Po želji dodaj Profilna fotografija (neobvezno): povleci sliko na območje za spuščanje ali klikni nanj in izberi datoteko. Sliko prebere tvoj brskalnik in jo vdela v stran; nikoli se ne naloži na strežnik.
3. Pod Povezave izpolni Besedilo povezave in Naslov (URL) za vsak gumb. Za več klikni Dodaj povezavo, z gumboma ↑ in ↓ spremeniš vrstni red, z × pa povezavo odstraniš.
4. Pod Videz izberi Tema (Svetla, Temna, Ocean, Sončni zahod, Gozd) ali sam nastavi štiri barve, nato izberi Oblika gumbov in Pisava.
5. Preveri Predogled, nato klikni Prenesi index.html. Kopiraj HTML kopira isto kodo, če jo raje prilepiš v obstoječe spletno mesto.

Naloži primer izpolni vzorčni profil, da vidiš, kako stran izgleda, Počisti pa začne znova.

Kaj dobiš

Rezultat je ena sama datoteka HTML z vsem znotraj: slogi so vrstični v bloku <style>, fotografija je vdelana kot data URI, brez JavaScripta, sledilnih skript, spletnih pisav in zunanjih zahtevkov. Zato je stran zelo hitra (običajno nekaj kilobajtov plus fotografija), zasebna za tvoje obiskovalce in jo je lahko ohraniti leta: ni storitve, ki bi lahko ugasnila, spremenila cenik ali dodala svojo blagovno znamko.

Stran je odzivna: gumbi na telefonu zapolnijo širino, na namizju pa ostanejo udobno široki. Vsebuje atribut lang, oznako viewport, naslov (tvoje ime) in opis meta (tvojo biografijo), zato se dobro bere v iskalnih rezultatih in predogledih povezav. Povezave na spletna mesta se odprejo z rel="noopener", e-poštni naslovi pa samodejno postanejo povezave mailto:.

Preverjanja

Seznam Preverjanja opozori na povezave, katerih naslov ni veljaven spletni naslov ali naslov mailto: oziroma tel:. Takšne povezave so izpuščene in ne objavljene pokvarjene, vse, kar je podobno javascript:, pa je vedno zavrnjeno. Opozori tudi, ko je kontrast besedila na gumbih ali strani pod 4,5:1, kar je raven WCAG za običajno besedilo, in ko je fotografija težka. Fotografija 300 × 300 slikovnih pik je več kot dovolj za okrogel avatar s premerom 104 slikovnih pik, tudi na zaslonih z visoko gostoto.

Kako stran objaviš na spletu

Datoteka potrebuje spletni naslov, preden jo lahko prilepiš v biografijo na Instagramu, TikToku ali YouTubu. Tri pogoste možnosti:

• GitHub Pages (brezplačno): ustvari javno repozitorij, naloži index.html, nato v Settings → Pages izberi objavo z glavne veje. Stran se pojavi na https://tvoje-uporabnisko-ime.github.io/ime-repozitorija/.
• Netlify Drop (brezplačno): postavi index.html v mapo in jo povleci na stran Netlify Drop. Takoj dobiš naključen naslov; z brezplačnim računom spletno mesto obdržiš, izbereš lepše ime ali povežeš svojo domeno.
• Lastno gostovanje: datoteko naloži z upravljalnikom datotek ali prek FTP, na primer v mapo links, in dobiš https://tvoja-domena.si/links/.

Če želiš stran pozneje posodobiti, spremeni obrazec, ponovno prenesi datoteko in zamenjaj staro.