CSS lub Cascading Style Sheets jest językiem arkuszy stylów używanym do definiowania wizualnego wyglądu i formatowania dokumentów HTML. Motywy WordPressa używają CSS i HTML do wyprowadzania danych generowanych przez WordPressa. Każdy motyw WordPressa zawiera plik style.css, który zawiera reguły stylu definiujące formatowanie stron generowanych przez WordPressa.
CSS jest bardzo prosty w użyciu i łatwy do nauczenia. Istnieje wiele stron internetowych publikujących tutoriale CSS dla początkujących, które mogą pomóc nowemu użytkownikowi WordPressa w rozpoczęciu pracy. Jednakże, ponieważ jest on bardzo prosty w użyciu, wielu użytkowników WordPressa może zrozumieć podstawy po prostu patrząc na plik style.css ich motywu WordPressa.
Przykład:
ElementyHTML mogą być stylizowane bezpośrednio w CSS. Projektanci używają również identyfikatorów i klas do definiowania różnych sekcji, które mogą być stylizowane w CSS. To pomaga im używać różnych stylów dla tych samych elementów HTML na stronie, ale w różnych sekcjach. Na przykład, element h1 dla tytułu bloga w sekcji nagłówka strony może być stylizowany inaczej niż inny element h1 w obszarze postu na tej samej stronie.
Przykład:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
Przedstawiony powyżej HTML zawiera identyfikator o nazwie „header” i klasę o nazwie „blog-title”. Te sekcje mogą być stylizowane w CSS.
Przykład:
Dodatkowa lektura
.