Nowe szaty witryny

Z poprzedniego odcinka kursu WordPressa dowiedziałeś się, jak wykonać podstawową konfigurację witryny i w jaki sposób zarządzać kategoriami wpisów. Świeżo zainstalowany skrypt korzysta ze standardowego szablonu o nazwie Twenty Fourteen i umożliwia przełączanie między dwoma innymi skórkami. Jednak opieranie się na domyślnym szablonie sprawi, że twoja strona będzie wyglądać jak tysiące innych, które powstają na WordPressie. Dlatego teraz czas na zmianę jej szaty graficznej i instalację indywidualnego szablonu.

O tym, czy wybierzesz darmowy motyw z ogólnodostępnej bazy WordPressa zawierającej ponad 2000 szablonów, czy raczej sięgniesz po komercyjne rozwiązanie, zdecydujesz sam. Na początku określ, jakiego szablonu potrzebujesz – czy ma to być skórka pod bloga, serwis informacyjny, czy może sklep internetowy. Płatne szablony znajdziesz m.in. w serwisie http://themeforest.net, który oferuje ponad 6000 motywów. Koszt umieszczanych tam skórek wynosi od 29 do 64 dolarów.
Nieco mniejszą bazą może pochwalić się platforma http://templatemonster.com oferująca ponad 1700 szablonów. Większość z nich kosztuje od 67 do 79 dolarów, nieliczne skórki można kupić za mniej niż 50 dolarów.

Proces instalacji komercyjnego szablonu jest prosty. Więcej czasu będziesz musiał przeznaczyć na konfigurację motywu, ale pomoże ci w tym instrukcja dołączana niemal do każdego płatnego szablonu.

W ramach wspólnej akcji PC Formatu i firmy hostingowej Cal.pl możesz korzystać za darmo nawet przez rok z serwera o pojemności 5 GB – bez limitu transferu i z preinstalowanym WordPressem. Promocję rozpoczęliśmy w numerze 5/2016 – co trzy miesiące będziemy zamieszczać kod przedłużający ważność usługi. Archiwalny numer możesz zamówić, kontaktując się z działem prenumeraty.

WordPress oferuje morze możliwości w zakresie dostosowywania wyglądu witryny do własnych potrzeb, zarówno za pomocą bezpłatnych, jak i komercyjnych szablonów. Dlatego w warsztacie pokazujemy dwa warianty instalacji nowego motywu – jeden dla tych, którzy wykorzystają któryś z ogólnodostępnych darmowych szablonów z bazy WordPressa, a drugi dla osób, które zdecydują się na profesjonalny płatny szablon.

W panelu administracyjnym z lewego menu wybierz kolejno Wygląd i Motywy. Na kolejnej stronie zobaczysz listę zainstalowanych domyślnie szablonów i motyw aktywny, który podświetlony jest na czarno. Aby przełączyć się na inny z dostępnych motywów, najedź kursorem myszy na preferowany szablon i kliknij przycisk Włącz. Zanim zdecydujesz się na wybór, będziesz mógł sprawdzić jego wygląd. Kliknij w tym celu przycisk Podgląd na żywo.

Jeśli nie odpowiada ci żaden z domyślnych szablonów, możesz zainstalować nowy motyw, klikając obszar Dodaj nowy motyw.

Na kolejnej stronie zobaczysz listę miniatur proponowanych szablonów. Domyślnie prezentowana jest kategoria Wyróżniony. Możesz ją zmienić, wybierając wyświetlanie najpopularniejszych szablonów lub tych, które ostatnio zostały zmodyfikowane. Aby zawęzić wyniki wyszukiwania, kliknij Filtr właściwości, a następnie wskaż interesujące cię elementy, które powinien zawierać szablon – może mieć np. określony układ, kolory lub właściwości.

Gdy wybierzesz odpowiedni szablon, np. Activello, najedź kursorem na jego miniaturkę i kliknij przycisk Zainstaluj.

Po zainstalowaniu zobaczysz komunikat potwierdzający prawidłowe zakończenie instalacji. Aby aktywować szablon, kliknij odnośnik Włącz. Od tej chwili twoja strona będzie miała nową szatę graficzną. Aby sprawdzić, jak wygląda, kliknij na górnej belce WordPressa ikonę z symbolem domku.

Nie opisujemy procesu zakupu komercyjnego szablonu – każdy może dokonać zakupu w innym serwisie. Zakładamy, że masz już pobraną paczkę w formacie ZIP.

W panelu administracyjnym z lewego menu wybierz kolejno Wygląd i Motywy, a na kolejnej stronie kliknij obszar Dodaj nowy motyw.

W kolejnym oknie użyj odnośnika Wyślij motyw na serwer, a następnie kliknij przycisk Wybierz plik i wskaż na dysku plik w formacie ZIP zawierający paczkę plików szablonu i zatwierdź wybór, naciskając Otwórz. Instalację rozpoczniesz, klikając przycisk Zainstaluj.

Po zakończeniu zobaczysz komunikat o pomyślnie przeprowadzonej instalacji. Aby włączyć nowy motyw, kliknij odnośnik Włącz.

Aby sprawdzić, jak wygląda twoja strona, na górnej belce kliknij ikonę z symbolem domku. Choć strona nie ma jeszcze treści i szablon będzie nadal wyglądać „pusto”, po pełnym skonfigurowaniu witryny i wypełnieniu jej treścią twoja wordpressowa strona może wyglądać np. tak jak poniżej. Prezentowany szablon pochodzi z themeforest.net.