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ł.

161 artykułów w bazie

Jak dodać wybrane fonty Google do edytora TinyMCE Advanced?

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.

 

Avatar

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.
  • Link Assistant

  • Budowanie linków
  • Local Machine
  • Budowanie linków nigdy nie było prostrze. Setki możliwości linków za jednym kliknięciem.
  • Rank Tracker

  • Sprawdzanie pozycji słów kluczowych
  • Local Machine
  • Jeśli potrzebujesz narzędzia do sprawdzania rankingu słów kluczowych zapewniającego nieograniczoną ilość danych - wybierz Rank Tracker.
  • SEMRush

  • Profesjonalna platforma SEO
  • Online
  • SEMrush oferuje rozwiązania dla SEO, PPC, treści, mediów społecznościowych i badań konkurencyjnych.
  • Brand24

  • Monitorowanie reputacji i śledzenie marki
  • Online
  • Brand24 zapewnia dostęp do informacji o Twojej marce.

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="">

Przeczytaj poprzedni wpis:
wp-new-domain
Jak zmienić adres strony na WordPressie?

Z tego artykułu dowiesz się o wordpressie i jak zmiana domeny wpływa na ruch organiczny oraz jak dokonać zmiany adresu...

Zamknij