Themes for WordPress

Tree of a theme
fig. 1

In WordPress, the theme is a set of files that manages the production of HTML code, and finally, the layout and appearance of all the components used to produce any page. The content itself is completely separated and located in the MySQL database.

Figure 1 is an example showing the structure of a theme. The path to the theme (called rocheblog in fig.1) is as follows :

/your_site_root/wp-content/themes/your_theme

The folder « your_theme » consists of :

  • a « style.css » file that manages the layout of the site and the different styles of content
  • a set of *.php files which are « templates »
  • a « picture » folder containing background images, logos, etc ...
  • a « screenshot.png » file which gives an overview of the theme

Example of a basic theme provided with WordPress

The twenty ten theme
fig. 2

When you install WordPress (version 3.5.1), you can choose one of the three following themes :

  • twentyten
  • twentyeleven
  • twentytwelve

For example, consider first : twentyten (see Figure 2 - click to enlarge).

Let us see how this theme is identified. We have :

  • the screenshot image that gives a visual idea of ​​the theme : sreenshot.png(size 300 x 225px)
  • the name of the theme : Twenty Ten here
  • the author of the theme : WordPress team here
  • the theme version : 1.5 in this example
  • a brief description of the theme

Identification of a WordPress theme

Identification of a WordPress theme
fig. 3

The four theme identifiers mentioned above are read by the « WordPress engine » in the header of style.css file, as shown in Figure 3.

Are added the url of the site which proposes the theme (Theme URI), the website of the author of the theme (Author URI), and the type of license with the corresponding url.

English language

an original theme : rocheblog

go to « rocheblog » theme
« rocheblog » theme