CSS eller Cascading Style Sheets er et stilarksprog, der bruges til at definere det visuelle udseende og formatering af HTML-dokumenter. WordPress-temaer bruger CSS og HTML til at udgive de data, der genereres af WordPress. Hvert WordPress-tema indeholder en style.css-fil, som har stilregler til at definere formateringen af de sider, der genereres af WordPress.
CSS er meget enkel at bruge og let at lære. Der er mange websteder, der udgiver CSS-tutorials for begyndere, som kan hjælpe en ny WordPress-bruger med at komme i gang. Men da det er meget enkelt at bruge, kan mange WordPress-brugere forstå det grundlæggende ved blot at kigge på deres WordPress-temas style.css fil style.css .
Eksempel:
HTML-elementer kan stiliseres direkte i CSS. Designere bruger også identifikatorer og klasser til at definere forskellige sektioner, som kan styles i CSS. Dette hjælper dem med at bruge forskellige stilarter for de samme HTML-elementer på en webside, men i forskellige sektioner. F.eks. kan et h1-element til blogtitlen i overskriftsafsnittet på en side have en anden stil end et andet h1-element i indlægsområdet på samme side.
Eksempel:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
Den HTML, der er vist ovenfor, indeholder en identifikator ved navn “header” og en klasse ved navn “blog-title”. Disse sektioner kan stiliseres i CSS.
Eksempel: