Jak dodać niesamowitą typografię w WordPressie za pomocą Typekit

Czy zastanawiałeś się kiedyś, jak projektanci mogą używać pięknych niestandardowych czcionek internetowych na swoich stronach? Często dodają niestandardowe czcionki do WordPressa za pomocą Typekit, usługi Adobe, która daje dostęp do wysokiej jakości czcionek. W tym artykule pokażemy Ci, jak dodać czcionki Typekit w WordPressie, aby poprawić Twoją typografię.

Dlaczego używać czcionek Typekit?

Typekit to popularna usługa czcionek oparta na subskrypcji, która może zaoszczędzić sporo pieniędzy. Zamiast płacić za poszczególne licencje na czcionki, które mogą być dość drogie, możesz uzyskać dostęp do całej ich biblioteki setek czcionek za darmo lub za stałą roczną opłatą.

Biblioteka Typekit to ogromna kolekcja ponad 1000 czcionek. Niektóre z najpiękniejszych czcionek, jakie można znaleźć w sieci, są dostępne za pośrednictwem Typekit, usługi Adobe.

Ich podstawowy darmowy plan oferuje dostęp do ponad 230 czcionek, a możesz używać 2 rodzin czcionek na jednej stronie za darmo. Inne plany zaczynają się od 49,99 USD do 99,99 USD rocznie.

Te wspaniałe czcionki Typekit można łatwo dodać do każdej strony internetowej bez spowalniania szybkości ładowania strony. Czcionki są serwowane z sieci dostarczania treści (CDN) Adobe i ładują się znacznie szybciej niż gdybyś hostował je na własnej stronie.

Samouczek wideo Typekit dla WordPress

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, możesz kontynuować czytanie poniżej.

Dlaczego używać niestandardowych czcionek internetowych na WordPressie?

Typografia odgrywa kluczową rolę w projektowaniu Twojej witryny.

Wybór odpowiednich czcionek jasno zakomunikuje Twoją osobowość i przesłanie czytelnikom. Niezależnie od tego, jaki wizerunek chcesz przedstawić — profesjonalny, przyjazny, swobodny, doświadczony — czcionki na Twojej stronie internetowej mogą pomóc w stworzeniu właściwego obrazu.

Używając odpowiedniego zestawu czcionek, możesz wywrzeć 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 Twojej strony WordPress może sprawić, że Twoja witryna zmieni się z prostego projektu w estetycznie przyjemne i oszałamiające dzieło sztuki.

Odpowiednie niestandardowe czcionki internetowe mogą:

• zwiększyć współczynniki konwersji
• obniż współczynnik odrzuceń Twojej witryny
• zwiększ czas spędzony na swojej stronie internetowej
• stwórz niezapomniane wrażenia dla użytkowników

Gotowy do rozpoczęcia pracy z czcionkami Typekit? Oto jak używać Typekit do dostosowywania projektu WordPress.

Jak zacząć z Typekit

Najpierw musisz utworzyć konto Typekit. Aby to zrobić, po prostu odwiedź Typekit.com , aby porównać dostępne plany.

Będziesz musiał wybrać plan, na który chcesz się zapisać. Darmowy plan ogranicza Cię do jednej strony internetowej i obejmuje dostęp do ograniczonej liczby czcionek. Możesz zacząć od darmowego planu, aby go wypróbować, a następnie zaktualizować później. Aktualizacja daje Ci większą bibliotekę czcionek i możesz ich używać na większej liczbie stron internetowych.

Następnym krokiem jest stworzenie zestawu. Zestaw pozwala na skomponowanie konkretnej biblioteki czcionek i ustawień dla Twojej strony internetowej, dzięki czemu Typekit ładuje tylko potrzebne pliki i kod. Aby stworzyć swój zestaw, dodaj nazwę swojej strony i nazwę domeny, a następnie kliknij Kontynuuj.

Po wypełnieniu informacji o swoim zestawie, Typekit poda Ci kod JavaScript do dodania na swojej stronie. Możesz skopiować i wkleić ten kod do edytora tekstu, takiego jak Notatnik, aby go na razie zapisać. Dodamy go do Twojej strony 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, grubość, szerokość, wysokość x i inne.

Kiedy zobaczysz czcionkę, która Ci się podoba, możesz ją kliknąć, aby uzyskać więcej szczegółów i przykładów. Jeśli chcesz ją dodać do swojego zestawu internetowego, kliknij przycisk Użycie w sieci: Dodaj do zestawu po prawej stronie.

Spowoduje to wyświetlenie okna podręcznego, w którym należy dodać wybraną czcionkę do właśnie utworzonego zestawu.

Teraz możesz kliknąć przycisk Opublikuj, aby zapisać zmiany w swoim zestawie.

To wszystko! Twój zestaw czcionek jest gotowy do użycia.

Dodawanie czcionek Typekit w WordPressie

Najprostszym sposobem na dodanie nowych niestandardowych czcionek internetowych do Twojego bloga WordPress jest użycie wtyczki WordPress Typekit.

Polecamy wtyczkę Typekit Fonts for WordPress. Po zainstalowaniu i aktywacji wtyczki możesz odwiedzić stronę Ustawienia » Typekit Fonts, aby skonfigurować wtyczkę.

Najpierw musisz wkleić kod JavaScript, który wcześniej zapisałeś, w polu kodu osadzania Typekit. Następnie możesz dodać selektory CSS , aby określić, gdzie chcesz użyć czcionki na swojej stronie.

Na powyższym zrzucie ekranu dodaliśmy czcionkę do selektora CSS h1.site-title.

Twój motyw WordPress może używać różnych klas dla różnych elementów. Będziesz musiał użyć narzędzia Inspekcja Elementu w swojej przeglądarce internetowej, aby znaleźć te klasy CSS. Możesz również zapoznać się z naszym arkuszem podsumowującym CSS generowanym 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ć wspaniałą typografię w WordPressie za pomocą Typekit. Możesz również zapoznać się z naszym przewodnikiem na temat dodawania czcionek internetowych Google w motywach WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz Kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.