Generator theme.json dla WordPressa

Zbuduj poprawny plik theme.json — i zobacz, która połowa naprawdę zmienia Twoją witrynę.

Działa w Twojej przeglądarce. Nic nie jest wysyłane.

Układ

contentSize to domyślna szerokość kolumny; wideSize to szerokość, jaką dostaje blok ustawiony na „Szeroka szerokość”.

Szerokość treści (px) Szeroka szerokość (px)

Paleta

Stają się one właściwościami niestandardowymi CSS i pojawiają się w każdym próbniku kolorów w edytorze.

Kontrast (tekst)

Baza (tło)

Akcent (odnośniki)

Opcje

Typografia płynnaGeneruje rozmiary czcionek w clamp(), które skalują się wraz z szerokością okna zamiast skakać na punktach granicznych. appearanceToolsWłącza kontrolki obramowania, odstępów, typografii i koloru jedną linią, zamiast włączania każdej z osobna. Zastosuj także stylesDodaje blok styles, dzięki czemu paleta faktycznie renderuje się na froncie. Bez niego kolory są tylko proponowane w edytorze. Skala odstępówGeneruje 7-stopniowy zestaw odstępów, aby kontrolki wypełnienia i marginesu miały sensowne wartości.

settings a styles

theme.json

Zapisz to jako theme.json w katalogu głównym motywu. Plik jest odczytywany przy każdym ładowaniu strony, więc nie ma kroku budowania ani pamięci podręcznej do wyczyszczenia.

O narzędziu Generator theme.json dla WordPressa

Generator theme.json dla WordPressa, który tworzy poprawny plik version 3: szerokości układu, paletę kolorów, płynną typografię i skalę odstępów. Pokazuje też różnicę, na której wszyscy się potykają — settings udostępnia wartości edytorowi, styles stosuje je na froncie, a sama paleta nic nie zmienia, dopóki coś jej nie użyje.

Powiązane

Inne narzędzia, które mogą Ci się przydać

Laboratorium rozmiarów obrazów WordPressa

Wrzuć obraz. Zobacz każdą kopię, jaką zrobi z niego WordPress.