Szablon WordPress bez polskich znaków
Często wykorzystując gotowe szablony do WordPressa spotykamy się z sytuacją, gdy motywy niepoprawnie obsługują polskie znaki. Szczególnie często zdarza się to w przypadku tytułów i podtytułów wpisów. Dzieje się tak dlatego, iż twórcy szablonów dla WordPressa, aby upiększyć swój motyw stosują różne egzotyczne czcionki. Zazwyczaj wszystko działa poprawnie na stronach angielskojęzycznych. Natomiast jeśli użyjemy polskich znaków, litery wyświetlane są przy pomocy standardowych czcionek, a nie za pomocą nietypowej czcionki, która akurat idealnie pasuje do szablonu.
Polskie znaki w Google Web Fonts
Po instalacji motywu, który właśnie widzicie był kiedyś na wphouse.eu, zauważyłem, iż w tytułach nie wyświetlają się poprawnie polskie znaki. W pierwszej kolejności podejrzałem źródło strony w poszukiwaniu użytej czcionki i w sekcji head znalazłem coś takiego:
<link href='http://fonts.googleapis.com/css?family=Signika:600,700' rel='stylesheet' type='text/css'>
Wychodzi więc na to, że w motywie użyto czcionki z Google Web Fonts o nazwie Signika. Po znalezieniu czcionki na stronach Google, okazało się, że czcionka stworzona jest przez Polkę, Annę Giedryś i zawiera polskie znaki. Więc dlaczego nie wyświetlają się poprawnie na stronie?
Okazuję się, iż aby poprawnie wyświetlić polskie litery diakrytyczne z Google Web Fonts, należy dodać do linku: &subset=latin,latin-ext
W moim przypadku wystarczyło zmodyfikować link do czcionki w pliku header.php:
<link href='http://fonts.googleapis.com/css?family=Signika:600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Problem pojawia się, gdy czcionka, którą chcemy wykorzystać na naszej stronie, nie zawiera polskich liter. Wtedy możemy albo znaleźć taką czcionkę, która zawiera polskie znaki, albo zmodyfikować istniejącą czcionkę i dodać do niej polskie litery.
Photo by Sylwia Bartyzel on Unsplash
11 komentarzy
Dzięki, pomogło mi bardzo 🙂
Dzięki – krótko i do rzeczy.
Dzięki Panowie, cieszę się, że się przydało 😉
A co jak nie mam takiej linijki w header, a polskich znaków nie widać?
Warto jeszcze zerknąć czy czcionka nie jest osadzona na stronie w stylach CSS, np: czy w pliku style.css nie występuje zapis:
@font-face { font-family: „Adler”;
src: url(„adler.ttf”);}
Warto też przejrzeć czy w folderze z motywem nie ma katalogu z użytymi czcionkami.
Jak w css właśnie zmienić na pl znaki?
„np: czy w pliku style.css nie występuje zapis: @font-face { font-family: „Adler”;
src: url(„adler.ttf”);}”
Występuje u mnie takie coś i co mam dodać?
Znajdź katalog w którym jest przechowywana czcionka (src: url…) i sprawdź czy czcionka zawiera polskie znaki. Jak otworzysz plik .ttf z czcionką powinien się otworzyć instalator czcionki i będziesz mogła zobaczyć jakie znaki dana czcionka zawiera.
Jeśli ich nie ma, to niestety trzeba będzie zmienić ją na inną, albo wgrać do katalogu z czcionkami i dodać czcionkę z poziomu css albo wykorzystać Google Web Fonts i dodać odnośnik np. w pliku header.php
Proszę Pana skontaktować się ze mną 🙂
Pomogło 🙂 Dziękuję!
A jeśli na stronie wyświetlają się litery poprawnie po polsku słowa, ale w kodzie strony (źródle) są te polskie znaki krzaczone – to na czym to polega w w wordpres? Co jest lub może być tego przyczyną?
Właśnie łato o te problemy w szablonach co nie mają wyboru czcionek.