2026年11月12日
Ten artykuł jest zlokalizowaną wersją japońskiego oryginału. Przeczytaj japoński oryginał
Blocksy to darmowy, wielofunkcyjny motyw WordPress. Większość ustawień wprowadzisz w „Wygląd" → „Dostosuj" (Appearance → Customize, czyli w Customizerze) z podglądem na żywo, a nagłówek i stopkę zbudujesz metodą „przeciągnij i upuść". W tym artykule omawiam w kolejności konfiguracji: instalację motywu i wtyczki pomocniczej „Blocksy Companion", kolory i czcionki, które warto ustalić na początku, budowę nagłówka, ustawienia wyglądu listy wpisów i strony wpisu oraz przygotowanie motywu potomnego.
Z czego składa się Blocksy
Blocksy składa się z trzech elementów.
- Blocksy (sam motyw): dostępny za darmo w WordPress.org. Ma ustawienia wyglądu w Customizerze oraz kreatory nagłówka i stopki
- Blocksy Companion (darmowa wtyczka): odpowiada za wczytywanie witryn startowych (danych demonstracyjnych) i dodawanie rozszerzeń
- Blocksy Pro (płatny): dodaje m.in. dodatkowe elementy nagłówka, wyświetlanie warunkowe i bardziej szczegółowe funkcje układu
Rozsądnie jest zacząć od samego motywu i Companion, a o Pro pomyśleć dopiero wtedy, gdy okaże się, że darmowy zakres nie wystarcza (podział funkcji i ceny mogą się zmieniać, więc sprawdź je w informacjach na oficjalnej stronie według stanu na październik 2026).
Blocksy jest też zbudowany bliżej motywów klasycznych i obsługuje edytor blokowy. Miejsca obsługi różnią się od motywów blokowych, w których całość składa się w edytorze witryny („Wygląd" → „Edytor"), więc łatwo zapamiętać zasadę: „ogólny wygląd w Customizerze, treść wpisów i stron w edytorze blokowym".
Instalacja i wtyczka Companion
- W „Wygląd" → „Motywy" → „Dodaj nowy motyw" (Appearance → Themes → Add New Theme) wyszukaj „Blocksy", zainstaluj i włącz motyw
- Zainstaluj i włącz Blocksy Companion, korzystając z komunikatu wyświetlanego po włączeniu motywu albo z panelu Blocksy, który pojawi się w panelu administracyjnym
W WP-CLI można je zainstalować tak:
wp theme install blocksy --activate
wp plugin install blocksy-companion --activateJeśli zmieniasz motyw na istniejącej witrynie, wcześniej zrób kopię zapasową całej witryny. Po zmianie motywu mogą nie zostać przeniesione shortcode'y i widżety właściwe dla poprzedniego motywu, miejsca wyświetlania menu itp.
Czy używać witryny startowej
Po zainstalowaniu Companion w panelu Blocksy możesz wczytać „witrynę startową". Gotowe strony, ustawienia Customizera i potrzebne wtyczki trafiają na witrynę jednym ruchem, więc na nowej witrynie szybko zobaczysz, jak może wyglądać efekt końcowy.
Na witrynie, na której są już wpisy, lepiej jednak tego nie wczytywać. Dodane zostaną demonstracyjne strony, obrazy i menu, a ustawienia Customizera zostaną nadpisane, więc trudno będzie rozpoznać, co było ustawieniem pierwotnym. Jeśli już, polecam użyć jej na samym początku nowej witryny albo przetestować w środowisku stagingowym i skopiować tylko potrzebne ustawienia.
Ustawienia ogólne, które warto ustalić na początku
Po otwarciu „Wygląd" → „Dostosuj" zobaczysz listę ustawień Blocksy. Nazwy pozycji są często przetłumaczone, ale w zależności od wersji ich zapis może się różnić. Na początek zajmij się dwiema rzeczami, które wpływają na całość.
Kolory (paleta kolorów)
W ustawieniach kolorów w ustawieniach ogólnych wybierasz paletę podstawowych kolorów witryny. W Blocksy kolor tekstu, linków, przycisków itp. odwołuje się do kolorów z tej palety, więc zmiana palety przełącza schemat kolorów całej witryny naraz.
Jeśli kolor zadasz bezpośrednio w pojedynczych miejscach, przy późniejszej zmianie schematu będziesz musiał poprawiać je jedno po drugim. Zarządzanie jest łatwiejsze, gdy podstawę ustalasz w palecie, a osobno wskazujesz kolor tylko tam, gdzie naprawdę ma być inny.
Czcionki (typografia)
W ustawieniach typografii ustalasz czcionkę, rozmiar liter i interlinię tekstu oraz nagłówków. W witrynie japońskiej trzeba pamiętać, że wybranie czcionki łacińskiej nie zadziała na znaki japońskie. Japońskie fragmenty są wyświetlane czcionką z urządzenia odwiedzającego, więc dla tekstu zostaw domyślną, np. „czcionkę systemową", albo wskaż czcionkę obsługującą japoński.
Wczytywanie japońskich czcionek jako Web Fonts powoduje duże pliki i może wpłynąć na szybkość wyświetlania. Jeśli ich używasz, ogranicz liczbę grubości i sprawdź wpływ na szybkość w PageSpeed Insights lub podobnym narzędziu.
Budowa nagłówka
Gdy otworzysz sekcję nagłówka w Customizerze, na dole ekranu pojawi się kreator nagłówka. Nagłówek dzieli się na wiersze: górny, środkowy i dolny, a elementy takie jak logo (tytuł witryny), menu, wyszukiwarka i przyciski przeciągasz na lewą, środkową lub prawą część każdego wiersza.
Łatwo się potknąć o to, że nagłówek na komputer i na smartfon jest ustawiany osobno. Gdy przełączysz kreator na widok smartfona, zobaczysz inny układ. Na smartfonie podstawą jest umieszczenie menu w „off-canvas" otwieranym ikoną hamburgera (wyzwalaczem). Jeśli ustawisz tylko wersję na komputer i opublikujesz, na smartfonie może się nie pokazać menu, więc sprawdź oba widoki.
Po kliknięciu elementu po lewej stronie pojawiają się jego ustawienia (rozmiar tekstu, kolor, marginesy itp.). Same pozycje wyświetlane w menu tworzysz w „Wygląd" → „Menu" (Appearance → Menus) i przypisujesz do elementu menu w nagłówku.
Stopkę składasz tak samo w kreatorze stopki. Jeśli chcesz zmienić układ obszarów widżetów lub zapisu praw autorskich, edytuj je w sekcji stopki.
Wygląd listy wpisów i strony wpisu
W Customizerze są ustawienia dla poszczególnych rodzajów stron: listy wpisów (bloga), pojedynczych wpisów, stron statycznych itd.
- Lista wpisów: sposób ułożenia (karty, lista itp.), liczba kolumn w wierszu, proporcje obrazka wyróżniającego (Featured image), długość zajawki (Excerpt), wyświetlane informacje o wpisie (data publikacji, kategorie itp.)
- Pojedynczy wpis: szerokość obszaru treści, obecność i położenie paska bocznego, sposób wyświetlania tytułu, pokazywanie powiązanych artykułów i informacji o autorze
- Strona statyczna: tak jak w pojedynczym wpisie ustawiasz szerokość i obecność paska bocznego
Na czytelność strony wpisu najbardziej wpływa szerokość treści. Przy długich tekstach zbyt długi wiersz utrudnia czytanie, więc jeśli nie dodajesz paska bocznego, ustaw węższą szerokość treści i sprawdź, czy litery nie robią się za małe także na smartfonie.
Jeśli chcesz zmienić układ tylko jednego wpisu, w ustawieniach Blocksy wyświetlanych w pasku bocznym ekranu edycji wpisu możesz np. wyłączyć pasek boczny wyłącznie dla tego wpisu.
Przygotuj motyw potomny
Jeśli edytujesz pliki motywu bezpośrednio, zmiany znikną po aktualizacji motywu. Jeśli chcesz tylko dodać trochę CSS, wystarczy „Dodatkowy CSS" w Customizerze. Gdy potrzebujesz modyfikacji PHP lub nadpisania szablonów, utwórz motyw potomny.
Na oficjalnej stronie Blocksy dostępny jest szablon motywu potomnego. Jeśli tworzysz go sam, umieść w wp-content/themes/blocksy-child/ następujący plik style.css,
/*
Theme Name: Blocksy Child
Template: blocksy
*/a w pliku functions.php w tym samym folderze wczytaj style motywu potomnego.
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'blocksy-child-style',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
}, 20 );Po przełączeniu na motyw potomny ustawienia Customizera są zapisywane osobno od motywu nadrzędnego, więc zawartość ustawiona w motywie nadrzędnym może przestać być widoczna. Ustawienia Customizera możesz przenieść funkcją eksportu i importu, jeśli masz Companion, więc wyeksportuj je przed przełączeniem na motyw potomny — unikniesz poprawiania wszystkiego od nowa.
Aktualizacje i uwagi eksploatacyjne
Blocksy i Companion są często aktualizowane. Przed aktualizacją zrób kopię zapasową, a po niej obejrzyj nagłówek, stronę wpisu i widok na smartfonie. Jeśli wygląd się rozsypie, wyczyść cache wtyczek cache i CDN, a potem sprawdź ponownie. Jeśli używasz wtyczki przyspieszającej, która łączy i kompresuje CSS, może zostać stary CSS i wyglądać to jak zepsucie układu.
Podsumowanie
- Zacznij od samego motywu Blocksy i Blocksy Companion, a Pro rozważ dopiero wtedy, gdy będziesz wiedzieć, jakich funkcji brakuje
- Witryny startowej używaj na nowej witrynie lub w środowisku stagingowym, a na istniejącej uważaj na nadpisanie ustawień
- Całość ustalasz kolorami z palety i typografią. Pamiętaj, że czcionka łacińska nie działa na japoński
- Kreator nagłówka ma osobne ustawienia dla komputera i smartfona. Sprawdź oba widoki, a jeśli ruszasz PHP, użyj motywu potomnego
Pytania o WordPress? Wydawca tej witryny ma siedzibę w Japonii i odpowiada po japońsku. Kontakt (po japońsku)