Kreator strony link in bio

Jak zbudować stronę link in bio

1. W sekcji Profil wpisz Imię lub marka oraz Krótkie bio. Przejścia do nowej linii w bio zostają zachowane.
2. Opcjonalnie dodaj Zdjęcie profilowe (opcjonalnie): upuść obraz na pole lub kliknij je, aby wybrać plik. Obraz odczytuje twoja przeglądarka i osadza go w stronie; nigdy nie jest przesyłany na serwer.
3. W sekcji Linki wypełnij Tekst linku i Adres (URL) każdego przycisku. Kliknij Dodaj link, aby dodać kolejne, przyciskami ↑ i ↓ zmienisz kolejność, a × usunie link.
4. W sekcji Wygląd wybierz Motyw (Jasny, Ciemny, Ocean, Zachód słońca, Las) lub ustaw cztery kolory samodzielnie, a następnie wybierz Kształt przycisków i Czcionka.
5. Sprawdź Podgląd i kliknij Pobierz index.html. Kopiuj HTML kopiuje ten sam kod, jeśli wolisz wkleić go do istniejącej strony.

Wczytaj przykład wypełnia przykładowy profil, żebyś zobaczył, jak wygląda strona, a Wyczyść pozwala zacząć od nowa.

Co otrzymujesz

Wynik to jeden plik HTML, w którym jest wszystko: style znajdują się w bloku <style>, zdjęcie jest osadzone jako data URI, a strona nie zawiera JavaScriptu, skryptów śledzących, fontów internetowych ani zewnętrznych żądań. Dzięki temu jest bardzo szybka (zwykle kilka kilobajtów plus zdjęcie), prywatna dla odwiedzających i łatwa do utrzymania przez lata: nie ma usługi, która mogłaby zostać zamknięta, zmienić cennik lub dodać własne logo.

Strona jest responsywna: przyciski wypełniają szerokość telefonu, a na komputerze zachowują wygodną szerokość. Zawiera atrybut lang (zgodny z językiem tej strony, czyli pl), tag viewport, tytuł (twoje imię) i meta opis (twoje bio), więc dobrze wygląda w wynikach wyszukiwania i podglądach linków. Linki do stron otwierają się z rel="noopener", a adresy e-mail automatycznie stają się linkami mailto:.

Kontrola

Lista Kontrola wskazuje linki, których adres nie jest prawidłowym adresem internetowym, mailto: ani tel:. Takie linki są pomijane, zamiast trafić na stronę uszkodzone, a coś w rodzaju javascript: jest zawsze odrzucane. Narzędzie ostrzega też, gdy kontrast tekstu przycisków lub strony jest niższy niż 4,5:1 (poziom WCAG dla zwykłego tekstu) i gdy zdjęcie jest ciężkie. Zdjęcie 300 × 300 pikseli w zupełności wystarcza dla okrągłego awatara o średnicy 104 pikseli, nawet na ekranach o dużej gęstości.

Jak opublikować stronę

Plik potrzebuje adresu internetowego, zanim wkleisz go do bio na Instagramie, TikToku czy YouTube. Trzy popularne opcje:

• GitHub Pages (za darmo): utwórz publiczne repozytorium, wgraj index.html, a potem w Settings → Pages wybierz publikację z gałęzi głównej. Strona pojawi się pod adresem https://twoja-nazwa.github.io/nazwa-repozytorium/.
• Netlify Drop (za darmo): umieść index.html w folderze i przeciągnij folder na stronę Netlify Drop. Od razu dostaniesz losowy adres; załóż darmowe konto, aby zachować stronę, wybrać ładniejszą nazwę lub podłączyć własną domenę.
• Własny hosting: wgraj plik menedżerem plików swojego hostingu lub przez FTP, np. do folderu linki, aby uzyskać https://twoja-domena.pl/linki/.

Aby później zaktualizować stronę, zmień dane w formularzu, pobierz plik ponownie i zastąp nim stary.