Tvorca stránky s odkazmi v bio

Ako vytvoriť stránku s odkazmi v bio

1. V časti Profil zadaj Meno alebo značka a Krátke bio. Zalomenia riadkov v bio sa zachovajú.
2. Voliteľne pridaj Profilovú fotografiu: presuň obrázok na vyznačenú plochu alebo na ňu klikni a vyber súbor. Obrázok číta tvoj prehliadač a vkladá ho do stránky; nikdy sa nenahráva na server.
3. V časti Odkazy vyplň Text odkazu a Adresu (URL) každého tlačidla. Cez Pridať odkaz pridáš ďalšie, tlačidlami ↑ a ↓ zmeníš poradie a × jeden odstrániš.
4. V časti Dizajn vyber Tému (Svetlá, Tmavá, Oceán, Západ slnka, Les) alebo si nastav štyri farby sám, potom vyber Tvar tlačidiel a Písmo.
5. Skontroluj Náhľad, potom klikni na Stiahnuť index.html. Kopírovať HTML skopíruje ten istý kód, ak ho radšej vložíš do existujúceho webu.

Načítať príklad vyplní ukážkový profil, aby si videl, ako stránka vyzerá, a Vymazať začne odznova.

Čo dostaneš

Výsledkom je jediný súbor HTML so všetkým vo vnútri: štýly sú v bloku <style>, fotografia je vložená ako data URI a nie je tam žiadny JavaScript, sledovací skript, webové písmo ani externá požiadavka. Vďaka tomu je stránka veľmi rýchla (zvyčajne niekoľko kilobajtov plus fotografia), súkromná pre tvojich návštevníkov a dá sa ju uchovať roky: neexistuje služba, ktorá by mohla zaniknúť, zmeniť cenník alebo pridať vlastnú značku.

Stránka je responzívna: tlačidlá vyplnia šírku telefónu a na počítači zostanú v pohodlnej šírke. Obsahuje atribút lang, značku viewport, titulok (tvoje meno) a meta popis (tvoje bio), takže dobre vyzerá vo výsledkoch vyhľadávania aj v náhľadoch odkazov. Odkazy na weby sa otvárajú s rel="noopener" a e-mailové adresy sa automaticky menia na odkazy mailto:.

Kontroly

Zoznam Kontroly označí odkazy, ktorých adresa nie je platná webová adresa ani adresa mailto: či tel:. Takéto odkazy sa vynechajú, aby sa nezverejnili pokazené, a čokoľvek ako javascript: sa vždy odmietne. Upozorní aj vtedy, keď je kontrast textu tlačidiel alebo stránky nižší ako 4,5:1, čo je úroveň WCAG pre bežný text, a keď je fotografia ťažká. Fotografia 300 × 300 pixelov úplne stačí na okrúhly avatar so 104 pixelmi, aj na obrazovkách s vysokou hustotou.

Ako dať stránku na internet

Súbor potrebuje webovú adresu, kým ho môžeš vložiť do bio na Instagrame, TikToku alebo YouTube. Tri bežné možnosti:

• GitHub Pages (zadarmo): vytvor verejný repozitár, nahraj index.html a v Settings → Pages vyber nasadenie z hlavnej vetvy. Stránka sa objaví na https://tvoje-meno.github.io/nazov-repozitara/.
• Netlify Drop (zadarmo): daj index.html do priečinka a presuň ho na stránku Netlify Drop. Hneď dostaneš náhodnú adresu; ak chceš web zachovať, vyber krajší názov alebo pripoj vlastnú doménu, vytvor si bezplatný účet.
• Vlastný hosting: nahraj súbor cez správcu súborov hostingu alebo FTP, napríklad do priečinka odkazy, a získaš https://tvoja-domena.sk/odkazy/.

Ak chceš stránku neskôr aktualizovať, zmeň formulár, stiahni súbor znova a nahraď ním starý.