W artykule:
Czy kiedykolwiek zastanawiałeś się, w jaki sposób projektanci są w stanie używać pięknych niestandardowych czcionek internetowych na swoich stronach? Często dodają niestandardowe czcionki do WordPress za pomocą Typekit, usługi Adobe, która zapewnia dostęp do czcionek wysokiej jakości. W tym artykule pokażemy, jak dodawać czcionki Typekit w WordPress, aby poprawić typografię.
Dlaczego Warto Używać Czcionek Typekit?
Typekit to popularna usługa czcionek oparta na subskrypcji, która może zaoszczędzić dużo pieniędzy. Zamiast płacić za Indywidualne licencje na czcionki, które mogą stać się dość drogie, możesz uzyskać dostęp do całej ich biblioteki setek czcionek za darmo lub za ryczałtową stawkę roczną.
Biblioteka Typekit to ogromna kolekcja ponad 1000 czcionek. Niektóre z najpiękniejszych czcionek, które można znaleźć w Internecie, są dostępne za pośrednictwem Typekit, usługi Adobe.
Ich podstawowy darmowy plan zapewnia dostęp do ponad 230 czcionek i możesz używać 2 rodzin czcionek na jednej stronie za darmo. Inne plany zaczynają się od $49.99 do $99.99 rocznie.
Te niesamowite czcionki Typekit można łatwo dodać do dowolnej witryny bez spowalniania prędkości ładowania strony. Czcionki są dostarczane z CDN firmy Adobe i ładują się znacznie szybciej niż w przypadku hostowania ich na własnej stronie.
Typekit dla WordPress samouczek wideo
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, możesz kontynuować czytanie poniżej.
Dlaczego warto używać niestandardowych czcionek internetowych na WordPress?
Typografia odgrywa kluczową rolę w projektowaniu witryny.
Wybór odpowiednich czcionek wyraźnie przekaże czytelnikom Twoją osobowość i wiadomość. Bez względu na to, jaki rodzaj obrazu chcesz przedstawić — profesjonalny, przyjazny, swobodny, doświadczony — czcionki na twojej stronie mogą pomóc w zaprojektowaniu odpowiedniego obrazu.
Używając odpowiedniego zestawu czcionek, możesz pozostawić trwałe wrażenie. Zamiast wyglądać jak każda inna strona w sieci, Twój tekst wygląda zauważalnie inaczej. Wybór odpowiedniej czcionki dla witryny WordPress może sprawić, że Twoja strona przejdzie od prostego projektu do estetycznego i oszałamiającego dzieła sztuki.
Odpowiednie niestandardowe czcionki internetowe mogą:
- zwiększ współczynniki konwersji
- obniż współczynnik odrzuceń witryny
- zwiększ czas spędzony na stronie
- stwórz niezapomniane wrażenia dla użytkowników
Gotowy do rozpoczęcia pracy z czcionkami Typekit? Oto jak używać Typekit, aby dostosować swój projekt WordPress.
Jak zacząć korzystać z Typekit
Najpierw musisz utworzyć konto Typekit. Aby to zrobić, wystarczy odwiedzić Typekit.com aby porównać dostępne plany.
Musisz wybrać plan, na który chcesz się zapisać. Bezpłatny plan ogranicza cię do jednej strony internetowej i obejmuje dostęp do ograniczonych czcionek. Możesz zacząć od darmowego planu, aby go wypróbować, a następnie uaktualnić później. Aktualizacja daje większą bibliotekę czcionek i można ich używać na większej liczbie stron internetowych.
Następnym krokiem jest stworzenie zestawu. Zestaw umożliwia utworzenie określonej biblioteki czcionek i ustawień dla Twojej witryny, więc Typekit ładuje tylko potrzebne pliki i Kod. Aby utworzyć zestaw, Dodaj nazwę witryny i nazwę domeny, a następnie kliknij na Kontynuuj.
Po zakończeniu wypełniania informacji o zestawie, Typekit da ci trochę kodu JavaScript, aby dodać go do twojej witryny. Możesz skopiować i wkleić ten kod w edytorze tekstu, takim jak Notatnik, aby go zapisać na razie. Dodamy go do twojej witryny w następnym kroku tego samouczka.
Na razie możesz zacząć wybierać czcionki. Możesz przeglądać bibliotekę czcionek i filtrować według opcji, takich jak klasyfikacja, waga, szerokość, wysokość x i inne.
Gdy zobaczysz czcionkę, którą lubisz, możesz ją kliknąć, aby uzyskać więcej szczegółów i przykładów. Jeśli chcesz dodać go do swojego zestawu internetowego, kliknij Zastosowanie w sieci: Dodaj do zestawu przycisk po prawej stronie.
Spowoduje to wyświetlenie wyskakującego okienka, w którym musisz dodać wybraną czcionkę do utworzonego właśnie zestawu.
Teraz możesz kliknąć Publikuj przycisk, aby zapisać zmiany w zestawie.
To wszystko! Zestaw czcionek jest teraz gotowy do użycia.
Dodawanie czcionek Typekit w WordPress
Najprostszym sposobem na dodanie nowych niestandardowych czcionek internetowych do bloga WordPress jest użycie wtyczki WordPress Typekit.
Polecamy czcionki Typekit dla wtyczki WordPress. Po zainstalowaniu i aktywacji wtyczki możesz odwiedzić Ustawienia ” Czcionki Typekit aby skonfigurować wtyczkę.
Najpierw musisz wkleić kod JavaScript zapisany wcześniej w polu Typekit embed code. Następnie możesz dodać selektory CSS, aby określić, gdzie chcesz użyć czcionki w swojej witrynie.
Na powyższym zrzucie ekranu dodaliśmy czcionkę do h1.site-title Selektor CSS.
Twój motyw WordPress może używać różnych klas dla różnych elementów. Aby poznać te klasy CSS, musisz użyć narzędzia Inspect Element w przeglądarce internetowej. Możesz także skorzystać z naszego arkusza ściągawki CSS generowanego przez WordPress dla początkujących, aby pomóc Ci zacząć.
To wszystko! Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać niesamowitą typografię w WordPress za pomocą Typekit. Możesz również zapoznać się z naszym przewodnikiem na temat dodawania czcionek internetowych Google do motywów WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
