Czy chcesz dodać niestandardowe czcionki do WordPress?

Uwierzcie mi także policja bardzo dużą rolę do odegrania na blogu a wiele zyskasz, dodając czcionkę dostosowaną nie tylko do kontekstu Twojego bloga, ale także do motywu WordPress.

W tym samouczku pokażę, jak dodawać niestandardowe czcionki do bloga WordPress przy użyciu Google Fonts, Typekit i CSS3.

Korzystanie z niestandardowych czcionek w Motywy WordPress stało się powszechne. W rzeczywistości jest ich kilka Motywy WordPress które oferują kilka czcionek do wyboru. Jednak ładowanie wszystkich tych czcionek jednocześnie może znacznie spowolnić ładowanie strony.

jak dodać niestandardową czcionkę wordpress 1 1

A jeśli twój blog jest powolny, proponuję ci Niektóre rozwiązania problemów z wydajnością w serwisie WordPress

To jeden z powodów, dla których zamierzamy zrobić to we właściwy sposób, przesyłając tylko niestandardową czcionkę, której chcemy używać na blogu.

Przede wszystkim jednak ważne jest, aby wiedzieć, jak wyszukiwać czcionki, jednocześnie sprawdzając pliki Wtyczki 7 WordPress, aby wziąć pod uwagę typografię swojego bloga

Jak znaleźć czcionki i jak je używać w WordPressie

Czcionki nie są tak skalowalne jak kiedyś. Istnieje jednak kilka źródeł, w których można znaleźć czcionki, takie jak „ Google Fonts "," Typekit "," FontSquirrel "A" Fonts.com ".

Jak dodać czcionki czcionki Google do WordPressa

Typografia Czcionki WordPress google

Google Fonts to bardzo duża biblioteka bezpłatnych czcionek, których można używać w kilku projektach.
Wszystko, co musisz zrobić, to uzyskać dostęp ” Google Fonts I wybierz wybraną czcionkę. Następnie kliknij „ wybierz tę czcionkę »W prawym dolnym rogu ekranu pojawi się karta.

Samouczek dotyczący typografii czcionek Google Wordpress

Kliknij tę zakładkę, która rozwija się jak na powyższym obrazku. Będziesz mógł dostosować styl czcionki do włączenia, klikając Dostosuj, Musisz tylko wybrać styl, który chcesz zobaczyć na swoim blogu.

Następnie przewiń w dół do „ osadzać ”. Następnie musisz skopiować kod znajdujący się w sekcji „ STANDARD ”. To jest ten kod, który możesz dodać na „ nagłówek Twojego motywu dziecięcego.

To wszystko, co wystarczy, aby dodać nową czcionkę Google do swojego bloga WordPress.

Jak dodać czcionkę za pomocą Typekit

Typografia Zestaw czcionek WordPress 2

Typekit to kolejna bezpłatna usługa premium, która oferuje czcionki, których można używać również w różnych projektach. Oferują subskrypcje premium i bezpłatne subskrypcje.

Wystarczy mieć konto Typekit i utworzyć nowe „ zestaw ".

Typografia czcionek WordPress

Następnie musisz wybrać czcionkę z biblioteki Typekit i dodać ją do swojego projektu. Następnie pobierz kod swojego zestawu i dodaj go z pulpitu nawigacyjnego.

Typografia Zestaw czcionek WordPress 1

Aby dodać go do pulpitu nawigacyjnego, wystarczy zainstalować i aktywować wtyczkę ” Czcionki typekit dla WordPressa ".

Po aktywacji wystarczy uzyskać dostęp do „ Ustawienia> Czcionki Typekit I wklej kod ze swojego zestawu do „ niestandardowe reguły CSS ".

typekit-paste-un -kit

Czcionki można następnie używać w ten sam sposób, to znaczy podając nazwę rodziny dla poszczególnych elementów lub dla całego dokumentu.

Jak dodać czcionkę za pomocą CSS3 (@ font-face)

Najbardziej bezpośrednim sposobem osadzenia czcionki w blogu jest dodanie jej przy użyciu funkcji „font-Faces” za pośrednictwem CSS3. Ta metoda umożliwia dodanie dowolnego typu czcionki na swoim blogu.

Pierwszą rzeczą do zrobienia jest pobranie wybranej czcionki w formacie internetowym. Jeśli nie masz tej czcionki w formacie internetowym, możesz ją bezpłatnie przekonwertować pod adresem „ Generator sieci Web Font FontSquirrel ".

Po utworzeniu plików w formacie „ sieć », Będziesz musiał wysłać je bezpośrednio na swój serwer. Zdecydowanie zalecamy dodanie go do „ czcionki Twojego motywu podrzędnego za pomocą klienta FTP (fileZilla jest moje zalecenie).

Jeśli chcesz przejść dalej w tej procedurze, zobacz nasz samouczek na Jak korzystać z FTP na Windows 10

Wróćmy do naszego celu.

Gdy to zrobisz, możesz zintegrować czcionkę w następujący sposób:

Integracja-Police

Aby użyć go w dowolnym miejscu, wystarczy zdefiniować nazwę czcionki, jak określono w „ dolna powierzchnia »Poprzednie (zobacz wartość atrybutu rodziny czcionek ).

Użyj kodu-font-face

To wszystko, co trzeba było wiedzieć o używaniu kodu CSS3. Muszę jednak zaznaczyć, że metoda z funkcją „font-face” jest bardziej odpowiednia dla programistów.

Inne rozwiązania i narzędzia są również używane i zalecane do zarządzania czcionkami w Twojej witrynie lub manipulowania nimi.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. CommentPress

CommentPress to potężna kompaktowa wtyczka WordPress, która pozwala szybko i łatwo wstawiać, edytować i usuwać komentarze. CommentPress używa Ajax, jQuery i PHP, aby dać odwiedzającym możliwość wstawiania komentarzy bez konieczności przeładowywania strony.

CommentPress Ajax Comments Wstawianie edycji i usuwania komentarzy

Ta wtyczka ma wiele opcji dostosowywania, aby nadać jej pożądany wygląd. Ma captcha do blokowania spamu i zapewnia większe bezpieczeństwo sekcji komentarzy.

Jego główne cechy to: łatwe wstawianie komentarzy, możliwość odpowiadania na określone komentarze, paginacja komentarzy, pełne zarządzanie administracją sekcją komentarzy, przyciski do łatwego wstawiania zdjęć, filmy i linki, w pełni responsywny układ, Captcha, aby zabezpieczyć formularz unikaj spamu i nie tylko.

Pobierz | Demo | hosting

2. Galeria Everest

Jak sama nazwa wskazuje, jest szczytem WordPress wtyczki premia za galerię zdjęć. To niezwykle konfigurowalne narzędzie pozwoli Ci stworzyć galerie w dowolnym stylu w zaledwie kilka minut.

Everest Gallery Responsywna wtyczka WordPress Gallery do WordPressa

Galeria Everest może być używana do prezentowania artykułów, niestandardowych typów postów, niestandardowych taksonomii/kategorii, Produkty WooCommerce, spersonalizowane produkty, galerie zdjęć i załączniki, filmy, funkcje produktów, prezentacja klientów, portfolio, członkowie zespołu, zrzuty ekranu itp., w pełni responsywne.

Galeria Everest zawiera pełną dokumentację i więcej niż opcje 30 do całkowitego dostosowania wygląd galerii. Dzięki dostępnym opcjom dostosowywania możesz tego użyć WordPress Plugin prezentować wszystko łatwo i skutecznie. 

Pobierz | Demo | hosting

3. WP Media Manager

WP Media Manager jest jednym z najlepszych i najpotężniejszych WordPress wtyczki zarządzanie biblioteką multimediów. Świetnie nadaje się do zarządzania folderami, a jego łatwość obsługi pozwala organizować tysiące plików multimedialnych.

WP Media Manager Najłatwiejsza wtyczka WordPress Media Manager

Wystarczy użyć metody przeciągnij i upuść, aby wstawić pliki multimedialne do folderów / podfolderów. Ta umiejętność pozwala mu nie tylko usprawnić zarządzanie plikami, ale także zarządzać folderami. Co jest generalnie koniecznością dla początkujących użytkowników.

Ce WordPress Plugin posiada takie funkcje jak tworzenie folderów, ich filtrowanie, 3 wspaniałe responsywne galerie, możliwość duplikowania plików, tworzenie nieograniczonej hierarchii i wiele innych…

Pobierz | Demo | hosting

Inne zalecane zasoby

Przejdź dalej w używaniu niestandardowych czcionek w WordPress, sprawdzając również poniższe linki lub zalecane zasoby.

Wnioski

Więc ! To wszystko w tym samouczku na temat najlepszego sposobu dodawania niestandardowych czcionek do WordPressa. Jeśli masz jakieś sugestie lub uwagi, będą mile widziane.

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

N'' nie wahaj się udostępnić go innym sieci społeczne, Jeśli masz commentaires lub sugestie, nie wahaj się powiedzieć nam w części przeznaczonej dla nich.

...