A CSS vagy Cascading Style Sheets egy stíluslap-nyelv, amelyet a HTML-dokumentumok vizuális megjelenésének és formázásának meghatározására használnak. A WordPress témák CSS-t és HTML-t használnak a WordPress által generált adatok kiadásához. Minden WordPress téma tartalmaz egy style.css fájlt, amely stílusszabályokat tartalmaz a WordPress által generált oldalak formázásának meghatározására.
A CSS nagyon egyszerűen használható és könnyen megtanulható. Sok olyan weboldal van, amely kezdőknek szóló CSS oktatóanyagokat tesz közzé, amelyek segíthetnek egy új WordPress-felhasználónak az elindulásban. Mivel azonban nagyon egyszerű a használata, sok WordPress-felhasználó egyszerűen a WordPress témája style.css fájljának megtekintésével megértheti az alapokat.
Példa:
A HTML elemeket közvetlenül a CSS-ben lehet stilizálni. A tervezők azonosítókat és osztályokat is használnak a különböző szakaszok definiálására, amelyeket CSS-ben lehet stilizálni. Ez segít nekik abban, hogy különböző stílusokat használjanak ugyanazon HTML-elemekhez egy weboldalon, de különböző szakaszokban. Például egy h1 elemet a blog címére egy oldal fejléc szekciójában másképp lehet stilizálni, mint egy másik h1 elemet ugyanannak az oldalnak a hozzászólás területén.
Példa:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
A fent látható HTML tartalmaz egy “header” nevű azonosítót és egy “blog-cím” nevű osztályt. Ezek a szakaszok CSS-ben stilizálhatók.
Példa: