CSS
CSS sau Cascading Style Sheets este un limbaj de foaie de stil folosit pentru a defini aspectul vizual și formatarea documentelor HTML. Temele WordPress folosesc CSS și HTML pentru a genera datele generate de WordPress. Fiecare temă WordPress conține un fișier style.css care are reguli de stil pentru a defini formatarea paginilor generate de WordPress.
CSS este foarte simplu de utilizat și ușor de învățat. Există multe site-uri web care publică tutoriale CSS pentru începători care pot ajuta un nou utilizator WordPress să înceapă. Cu toate acestea, deoarece este foarte simplu de utilizat, o mulțime de utilizatori WordPress pot înțelege elementele de bază uitându-se pur și simplu la fișierul style.css al temei lor WordPress.
Exemplu:
body {
font-size:14px;
color: #444;
background-color:#FFFFFF;
}h1 {
font-size:18px;
text-transform:uppercase;
}.post-title {
font-size: 16px;
color: #4C0000;
font-weight:normal;
}Elementele HTML pot fi stilizate direct în CSS. De asemenea, proiectanții folosesc identificatori și clase pentru a defini diferite secțiuni care pot fi stilizate în CSS. Acest lucru îi ajută să utilizeze stiluri diferite pentru aceleași elemente HTML pe o pagină web, dar în secțiuni diferite. De exemplu, un element h1 pentru titlul blogului în secțiunea antet a unei pagini poate fi stilat diferit decât un alt element h1 din zona de postare a aceleiași pagini.
Exemplu:
<div id="header">
<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>Codul HTML afișat mai sus conține un identificator numit „header” și o clasă numită „blog-title”. Aceste secțiuni pot fi stilizate în CSS.
Exemplu:
#header {
background-color:#4C0000;
height:120px;
width:100%;
padding:20px;
}h1.blog-title a {
font-color:#FFFFFF;
font-size:16px;
font-family: Georgia, "Times New Roman", serif;
text-decoration:none;
}
