Czego szukasz?

Jeżeli szukasz odpowiedzi na pytania związane z SEO lub Wordpressem wpisz frazę i czekaj na podpowiedzi lub kliknij enter! Wyniki pokazują także linki do zewnętrznych źródeł.

163 artykułów w bazie

Jak dodać wybrane fonty Google do edytora TinyMCE Advanced?3 min read

3 min read" > 2

W poprzednim artykule podejmowałem temat o dodaniu (przywróceniu) przycisków podkreślenia i justowania tekstu w edytorze. Jednym ze sposobów na to jest użycie wtyczki TinyMCE Advanced, która zastępuje standardowy edytor i pozwala Państwu korzystać z szeregu dodatkowych opcji pod czas dodania i publikacji wpisów. W dzisiejszym artykule pokażę w jaki sposób można dodać niestandardowe fonty Google do TinyMCE Advanced.

Użycie kreatywnych fontów webowych pozwala tworzyć niepowtarzalne projekty, które będą wyróżniać waszą witrynę z pośród stron konkurentów. Ciekawe fonty webowe można znaleźć w serwisie Google Fonts, który oferuje 500+ różnych typografii do użycia. Dokumentacja na temat ich integracji znajduje się również na stronie serwisu, jak i na blogach webmasterskich. W dzisiejszym artykule pokażę Państwu w jaki sposób będziemy mogli użyć fontów Google przy edycji treści poprzez wtyczkę TinyMCE Advanced.

Przed dodaniem fontów do wtyczki należy wybrać ze strony Google Fonts. Mój wybór padł na 4 typografie: Aclonica, Lato, Michroma i Paytone One.

Aby podłączyć wybrane fonty do wtyczki TinyMCE Advanced należy zmodyfikować plik funkcji motywu. Skorzystamy z wbudowanego edytora, aby wprowadzić niezbędne zmiany. Przechodzimy do sekcji Wygląd => Edytor i otworzymy plik functions.php.

Dodajemy do podanego pliku 3 fragmentu kodu:

Za pomocą powyższej funkcji wpex_mce_google_fonts_array uruchamiamy wybór fontów w rozwijanym menu edytora. Funkcja wpex_mce_google_fonts_styles pozwala wyświetlać styl fontów (jej „grubość”):

Ostatni fragment kodu pozwala integrować fonty w system.

Zapisujemy wszystkie zmiany i otwieramy dowolny wpis do edycji. Spróbujmy zmienić styl tekstu za pomocą nowego fontu Michroma.

Jak widać na powyższym screenie w rozwijanym menu pojawiły się 4 wybrane przez nas fonty (zastąpiły one standardowe typografie edytora). Zapisujemy wszystkie zmiany i przechodzimy na stronę artykułu:

Jak widać tekst artykułu został zmieniony na font Michroma.

 

O Janusz Kamiński

Specjalista działu marketingu firmy TemplateMonster. W branży IT pracuje od 5 lat. Posiada doświadczenie w SEO, marketingu internetowym. Oprócz tego interesuje się projektowaniem internetowym.

3 komentarze

Zostaw odpowiedź

Email nie będzie publikowany. Wymagane pola są oznaczone *

Możesz używać tych tagów HTML <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Oferuję szereg usług związanych z WordpressemSPRAWDŹ OFERTĘ
Przeczytaj inne:
indeksowanie-usunadresy
Jak usunąć adres url z wyników wyszukiwania – indeksu Google?

W tym artykule opiszę jak najszybciej usunąć dany adres z indeksu Google. Jest to operacja bardzo prosta i szybka do...

Zamknij