Utilia

Bio-lingi lehe koostaja

Koosta bio-lingi leht oma foto, tutvustuse, linkide ja värvidega ning laadi alla üks iseseisev HTML-fail, mida saad kõikjal majutada – tasuta ja ilma kontota.

Profiil Profiilifoto (valikuline)
Lingid
    Kujundus

    Eelvaade

    Kontrollid

    HTML-lähtekood

    Kuidas oma bio-lingi lehte koostada

    1. Sisesta jaotises Profiil oma Nimi või kaubamärk ja Lühitutvustus. Tutvustuse reavahetused säilivad.
    2. Soovi korral lisa Profiilifoto: lohista pilt lohistamisalale või klõpsa sellel, et fail valida. Pildi loeb sinu brauser ja see manustatakse lehele; seda ei laadita kunagi üles.
    3. Täida jaotises Lingid iga nupu Lingi tekst ja Aadress (URL). Klõpsa rohkemate jaoks Lisa link, muuda järjekorda nuppudega ↑ ja ↓ ning eemalda link nupuga ×.
    4. Vali jaotises Kujundus Teema (Hele, Tume, Ookean, Päikeseloojang, Mets) või määra neli värvi ise, seejärel vali Nupu kuju ja Font.
    5. Vaata Eelvaade üle ja klõpsa Laadi alla index.html. Kopeeri HTML kopeerib sama koodi, kui eelistad selle olemasolevale saidile kleepida.

    Laadi näide täidab näiteprofiili, et näeksid, milline leht välja näeb, ja Tühjenda alustab otsast peale.

    Mida sa saad

    Tulemus on üksainus HTML-fail, mille sees on kõik: laadid on reasisesed <style> plokis, foto on manustatud andme-URI-na ning JavaScripti, jälgimisskripti, veebifonti ega välist päringut ei ole. See teeb lehe väga kiireks (tavaliselt paar kilobaiti pluss foto), külastajate jaoks privaatseks ja aastateks säilitatavaks: puudub teenus, mis võiks sulguda, hinnakirja muuta või oma brändingu lisada.

    Leht on kohanduv: nupud täidavad telefonis ekraani laiuse ja jäävad lauaarvutis mugava laiusega. Sellel on lang atribuut, viewport-silt, pealkiri (sinu nimi) ja metakirjeldus (sinu tutvustus), nii et see näeb hea välja otsingutulemustes ja lingieelvaadetes. Veebisaitide lingid avatakse atribuudiga rel="noopener" ning e-posti aadressid muutuvad automaatselt mailto: linkideks.

    Kontrollid

    Loend Kontrollid märgib lingid, mille aadress ei ole kehtiv veebi-, mailto: ega tel: aadress. Sellised lingid jäetakse välja, mitte ei avaldata katkisena, ja midagi nagu javascript: lükatakse alati tagasi. Samuti hoiatab see, kui nuppude või lehe teksti kontrastsus on alla 4,5:1, mis on WCAG tase tavalise teksti jaoks, ja kui foto on raske. 300 × 300 pikslit foto on 104-pikslise ümara avatari jaoks täiesti piisav, ka suure tihedusega ekraanidel.

    Kuidas leht internetti panna

    Fail vajab veebiaadressi, enne kui saad selle oma Instagrami, TikToki või YouTube’i profiili kleepida. Kolm levinud varianti:

    • GitHub Pages (tasuta): loo avalik hoidla, lae index.html üles, seejärel vali jaotises Settings → Pages avaldamine põhiharust. Leht ilmub aadressile https://sinu-kasutajanimi.github.io/hoidla-nimi/.
    • Netlify Drop (tasuta): pane index.html kausta ja lohista kaust Netlify Dropi lehele. Saad kohe juhusliku aadressi; saidi säilitamiseks, ilusama nime valimiseks või oma domeeni ühendamiseks loo tasuta konto.
    • Oma majutus: lae fail üles oma majutuse failihalduri või FTP-ga, näiteks kausta links, et saada aadress https://sinu-domeen.ee/links/.

    Lehe hilisemaks uuendamiseks muuda vormi, lae fail uuesti alla ja asenda vana.

    Korduma kippuvad küsimused

    Kas see on tasuta Linktree'i alternatiiv?

    Lihtsa linkide lehe jaoks jah. Saad sama sorti lehe ilma konto, tellimuse ja brändinguta. Seda, mida sa ei saa, on klikistatistika ja ajastamine, sest lehel ei ole skripte. Kui tahad klikke mõõta, lisa linkidele UTM-parameetrid ja loe neid oma analüütikast.

    Kas minu foto laaditakse kuhugi üles?

    Ei. Pildi loeb sinu brauser ja kirjutab selle HTML-faili tekstina (andme-URI). Miski ei lahku sinu seadmest enne, kui avaldad faili ise.

    Miks mu foto teeb faili nii suureks?

    Foto on lehele manustatud, seega lisandub selle suurus faili suurusele. Telefonifoto võib kaaluda mitu megabaiti. Muuda selle suuruseks umbes 300 × 300 pikslit ja suru enne lisamist kokku: siis laaditakse leht peaaegu silmapilkselt.

    Kas ma saan HTML-i hiljem muuta?

    Jah. See on lihtne, loetav HTML ja CSS. Saad selle avada mis tahes tekstiredaktoris, et lisada tekstirida, jalus või lisalaade.

    Kas ma saan linkida telefoninumbrile või e-posti aadressile?

    Jah. Sisesta e-posti aadress sellisena, nagu see on, ja see muutub mailto: lingiks. Telefoninumbri jaoks sisesta tel: ja number rahvusvahelisel kujul, näiteks tel:+3725550123.