CSS o Cascading Style Sheets è un linguaggio di fogli di stile utilizzato per definire l’aspetto visivo e la formattazione dei documenti HTML. I temi di WordPress usano CSS e HTML per emettere i dati generati da WordPress. Ogni tema WordPress contiene un file style.css che ha regole di stile per definire la formattazione delle pagine generate da WordPress.
CSS è molto semplice da usare e facile da imparare. Ci sono molti siti web che pubblicano tutorial CSS per principianti che possono aiutare un nuovo utente di WordPress ad iniziare. Tuttavia, poiché è molto semplice da usare, molti utenti di WordPress possono capire le basi semplicemente guardando il file style.css del loro tema WordPress.
Esempio:
Gli elementi HTML possono essere stilizzati direttamente nei CSS. I designer usano anche identificatori e classi per definire diverse sezioni che possono essere stilizzate nei CSS. Questo li aiuta ad usare stili diversi per gli stessi elementi HTML su una pagina web ma in sezioni diverse. Per esempio, un elemento h1 per il titolo del blog nella sezione dell’intestazione di una pagina può essere stilizzato diversamente da un altro elemento h1 nell’area del post della stessa pagina.
Esempio:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
L’HTML mostrato sopra contiene un identificatore chiamato ‘header’ e una classe chiamata ‘blog-title’. Queste sezioni possono essere stilizzate con i CSS.
Esempio: