CSS neboli kaskádové styly je jazyk stylů používaný k definování vizuálního vzhledu a formátování dokumentů HTML. Motivy WordPressu používají CSS a HTML pro výstup dat generovaných WordPressem. Každé téma WordPressu obsahuje soubor style.css, který obsahuje pravidla stylů pro definování formátování stránek generovaných WordPressem.
CSS se velmi snadno používá a snadno se učí. Existuje mnoho webových stránek, které zveřejňují návody CSS pro začátečníky, které mohou novému uživateli WordPressu pomoci začít. Protože je však jeho použití velmi jednoduché, mnoho uživatelů WordPressu pochopí základy pouhým nahlédnutím do style.css souboru svého tématu WordPressu.
Příklad:
Prvky HTML lze stylovat přímo v CSS. Designéři také používají identifikátory a třídy k definování různých částí, které lze stylovat v CSS. To jim pomáhá používat různé styly pro stejné prvky HTML na webové stránce, ale v různých sekcích. Například prvek h1 pro nadpis blogu v části záhlaví stránky lze stylovat jinak než jiný prvek h1 v oblasti příspěvků na téže stránce.
Příklad:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
Výše uvedený HTML obsahuje identifikátor s názvem „header“ a třídu s názvem „blog-title“. Tyto části lze stylovat v CSS.
Příklad: