WordPress.com i Typekit
Od 21 grudnia na WordPress.com dostępna jest nowa, ciekawa funkcja. Jest to możliwość integracji bloga na WordPress.com z serwisem Typekit. Oficjalnie nie została jeszcze ogłoszona, więc jest w fazie testów, ale działa bezproblemowo, a przynajmniej ja z żadnymi problemami, używając jej, się nie zetknąłem.
Typekit to serwis udostępniający na swoich serwerach zarejestrowanym użytkownikom czcionki, które mogą wykorzystać na swojej stronie internetowej za pomocą reguły @font-face z CSS. Liczba dostępnych czcionek zależy od tego jakie konto wybrał użytkownik podczas rejestracji. Konta różnią się od siebie ceną, miesięcznym transferem danych, liczbą czcionek, liczbą stron na których można ich użyć, liczbą czcionek możliwych do użycia na jednej stronie oraz możliwością wyłączenia reklamy.
Do dyspozycji są cztery rodzaje kont – trzy płatne i jedno darmowe. Więcej o kontach można przeczytać na odpowiedniej stronie serwisu Typekit: Pricing | Typekit.
Pokażę jak ta nowa funkcja na WordPress.com działa.
Na samym początku wchodzimy w Kokpicie WordPress do sekcji Wygląd i wybieramy w niej Typekit Fonts. W ramce Sign up for Typekit klikamy na przycisk Sign up in seconds.
Krok 1
Zostaniemy przeniesieni na stronę serwisu Typekit, na której klikamy przycisk Try it fot Free.
Krok 2
Zostaniemy przeniesieni na kolejną stronę serwisu Typekit, na której musimy wypełnić formularz rejestracyjny. Należy w nim podać swoje imię, nazwisko, adres e-mail i hasło, które należy potwierdzić. Jest także pole na adres bloga, które powinno być wypełnione. Jeżeli jednak tak nie jest, albo wpisany jest zły adres należy wpisać poprawny adres URL bloga. Trzeba także uważać przy wpisywaniu adresu e-mail, by się nie pomylić, ponieważ nie ma pola do weryfikacji adresu e-mail.
Na koniec trzeba zgodzić się na warunki korzystania z serwisu Typekit, zaznaczając pole checkbox I agree to the Terms of Service i kliknąć przycisk Create my account.
Krok 3
Załaduje się kolejna strona, w której musimy wybrać odpowiedni dla nas plan, klikając na znajdujący się przy nim przycisk Choose. Ja wybrałem plan Trial. Jest to plan w sam raz do testów.
Krok 4
Po wybraniu interesującego nas planu załaduje się kolejna strona. Należy kliknąć na niej przycisk Configure WordPress.
Krok 5
W zależności od ustawień przeglądarki internetowej i jej możliwości w nowej karcie, albo w nowym oknie otworzy się strona Kokpitu WordPress. W ramce Your Typekit ID, w polu input będzie wpisany odpowiedni kod, a WordPress pokaże nam żółtą ramkę o treści Typekit ID updated.
Krok 6
Teraz trzeba zamknąć tę kartę/okno i powrócić do poprzedniej karty/okna (Krok 5), w której klikamy na przycisk Get Started.
Krok 5
Pojawi się strona z listą czcionek.
Krok 7
Wybieramy którąś z czcionek klikając na nią. Załaduje nam się strona danej czcionki, na której klikamy przycisk + Add.
Krok 8
Otworzy się nowa karta/okno, w której będzie ładować się Kit Editor. Może się on jednak ładować i ładować… W moim przypadku ani razu się nie załadował po kliknięciu przycisku + Add. Jeżeli ktoś będzie miał taki sam problem, wystarczy zamknąć nowo otwartą kartę/okno i kliknąć przycisk Launch Kit Editor zamiast przycisku + Add. Wtedy powinna otworzyć się nowa karta/okno, lecz Kit Editor powinien się od razu załadować.
Teraz zaczyna się zabawa. Musimy w ramce Selectors wpisać selektor do którego ma zostać zastosowana nowa czcionka i kliknąć przycisk Add. To jaką nazwę nosi selektor zależy od motywu bloga. By poznać tę nazwę należy załadować stronę jednego z wpisów bloga i zajrzeć do jego kodu źródłowego (zazwyczaj skrótem klawiszowym Crtl+U).
U mnie wpis ma, mniej więcej, taką postać:
<div class="post" id="post-666">
<h2>Tytuł</h2>
<div class="content">
<div class='snap_preview'>
<p>Treść wpisu</p>
</div>
</div>
</div>
Chciałem by jedynie treść wpisów miała zmienioną czcionkę, więc wybrałem selektor content.
Po dodaniu odpowiednich selektorów klikamy na przycisk Publish.
Krok 9a
Krok 9b
Teraz możemy już zobaczyć jak wygląda nasz blog z nową czcionką.
Krok 10 - finał
Mój blog, z czcionką którą wybrałem, wygląda źle. Po pierwsze – czcionka jest za mała. Po drugie – nie posiada polskich znaków. Nie znalazłem nigdzie opcji zmiany rozmiaru czcionki. Opcji dodania polskich znaków na pewno nie ma.
Na początku wspominałem o reklamie, wyświetlającej się w przypadku darmowego konta. Znajduje się w prawym, dolnym rogu strony internetowej. Na pewno nie można tej reklamy nazwać inwazyjną. Wręcz przeciwnie – jest bardzo przyjazna zarówno dla użytkownika strony, jak i dla jej właściciela.
Integracja WordPress.com z Typekit to fajna funkcja. Szkoda tylko, że nie przyda się użytkownikom posługujących się językiem, którego alfabet zawiera nie tylko litery alfabetu łacińskiego.
Najnowsze komentarze