Un thème pour WordPress se constitue d'un dossier dans la partie /wp-content/themes/. Ici, on crée le dossier /wp-content/themes/miwa-flex/.
Dans ce dossier /wp-content/themes/miwa-flex/, il faut ensuite -au minimum- un fichier style.css et un fichier index.php
Dans cette page, on décrira le minimum pour créer un thème.
Dans cette page de structure, on décrira plus en détails le DOM HTML.
Pour qu'un thème soit reconnu par WordPress, il faut que le fichier style.css contienne les informations suivantes:
/*
THEME NAME: miwa FLEX
THEME URI: http://microwebagency.com/themes/miwa-flex/
DESCRIPTION: Based on Sandbox
VERSION: alpha
AUTHOR: <a href="microwa.com">Long Hai Le Huynh</a>
AUTHOR URI: http://microwebagency.com
*/
Rem: C'est un peu étrange, mais c'est comme ça!
Le fichier index.php est le fichier par défaut qui est appelé pour créer la page HTML du site. WordPress a un framework assez subtil pour aller chercher d'autres fichiers suivant le contexte. Par exemple:
header.php footer.php sidebar.php
page.php single.php archive.php comments.php
Dans le fichier index.php, si vous mettez ce code, votre site internet aura une seule page et affichera toujours HELLO. C'est juste pour commencer…
<html> <head> </head> <body> HELLO </body> </html>
En tout cas, avec un fichier style.css et un fichier index.php, vous avez le minimum d'un thème WordPress!
PHP sert à générer dynamiquement le code HTML. Pour commencer, on veut générer ce code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> </head> <body> <div> <div> HELLO </div> </body> </html>
On va décomposer chaque partie du HTML dans différents fichiers PHP:
Le fichier index.php
<?php /* * index.php * Le Huynh Long Hai * http://microwebagency.com */ global $G_miwaFlex; if (!$G_miwaFlex) die('HELLO'); get_header(); include('body.php'); get_footer(); /* CHANGE LOG */ ?>