Izrada link in bio stranice

Kako izraditi link in bio stranicu

1. Pod Profil upiši Ime ili brend i Kratka biografija. Prijelomi redaka u biografiji se zadržavaju.
2. Po želji dodaj Profilna fotografija (neobavezno): povuci sliku na označeno područje ili klikni da odabereš datoteku. Sliku čita tvoj preglednik i ugrađuje je u stranicu; nikad se ne šalje na poslužitelj.
3. Pod Poveznice ispuni Tekst poveznice i Adresa (URL) za svaki gumb. Klikni Dodaj poveznicu za više, tipkama ↑ i ↓ promijeni redoslijed, a × uklanja poveznicu.
4. Pod Dizajn odaberi Tema (Svijetla, Tamna, Ocean, Zalazak, Šuma) ili sam postavi četiri boje, zatim odaberi Oblik gumba i Font.
5. Provjeri Pregled, zatim klikni Preuzmi index.html. Kopiraj HTML kopira isti kôd ako ga radije želiš zalijepiti u postojeću web-stranicu.

Učitaj primjer popunjava primjer profila da vidiš kako stranica izgleda, a Očisti počinje ispočetka.

Što dobivaš

Rezultat je jedna HTML datoteka sa svime unutra: stilovi su u bloku <style>, fotografija je ugrađena kao data URI, a nema JavaScripta, skripte za praćenje, web-fonta ni vanjskih zahtjeva. Zato je stranica vrlo brza (obično nekoliko kilobajta plus fotografija), privatna za tvoje posjetitelje i lako se čuva godinama: nema usluge koja se može ugasiti, promijeniti cijene ili dodati vlastiti brending.

Stranica je prilagodljiva: gumbi ispunjavaju širinu mobitela, a na računalu ostaju ugodne širine. Sadrži atribut lang, viewport oznaku, naslov (tvoje ime) i meta opis (tvoju biografiju), pa dobro izgleda u rezultatima pretraživanja i pregledima poveznica. Poveznice na web-stranice otvaraju se s rel="noopener", a adrese e-pošte automatski postaju poveznice mailto:.

Provjere

Popis Provjere označava poveznice čija adresa nije valjana web-adresa ni adresa mailto: ili tel:. Takve se poveznice izostavljaju umjesto da se objave neispravne, a sve poput javascript: uvijek se odbija. Upozorava i kad je kontrast teksta gumba ili stranice ispod 4,5:1, što je razina WCAG-a za običan tekst, te kad je fotografija teška. Fotografija od 300 × 300 piksela više je nego dovoljna za okrugli avatar od 104 piksela, čak i na zaslonima velike gustoće.

Kako staviti stranicu na internet

Datoteka treba web-adresu prije nego što je možeš zalijepiti u biografiju na Instagramu, TikToku ili YouTubeu. Tri uobičajene opcije:

• GitHub Pages (besplatno): izradi javni repozitorij, učitaj index.html, zatim u Settings → Pages odaberi objavu iz glavne grane. Stranica se pojavljuje na https://tvoje-korisnicko-ime.github.io/naziv-repozitorija/.
• Netlify Drop (besplatno): stavi index.html u mapu i povuci mapu na stranicu Netlify Drop. Odmah dobivaš nasumičnu adresu; izradi besplatan račun da zadržiš stranicu i odabereš ljepši naziv ili povežeš vlastitu domenu.
• Vlastiti hosting: učitaj datoteku pomoću upravitelja datoteka svog hostinga ili FTP-a, na primjer u mapu links, da dobiješ https://tvoja-domena.hr/links/.

Da kasnije ažuriraš stranicu, promijeni obrazac, ponovno preuzmi datoteku i zamijeni staru.