Cet article a été mis à jour, vous consultez ici une archive de cet article!
Dernière mise à jour : 12/07/2014 à 11h59
Table des matières
Fichiers à modifier
Dans le dossier du thème, plusieurs éléments nous intéressent :
- Le dossier theme : Il contient les fichiers CSS du thème. Ces fichiers de style définissent la mise en forme du site. Nous les verrons en détails par la suite. Dans ce dossier se trouve également un dossier images qui sont utilisées dans le design de votre site.
- body.tpl : Ce fichier contient le contenu de la balise html <body> qui encadre le code html.
- Le dossier images : Il contient toutes les images ne concernant pas le design du thème.
- Facultativement, on peut trouver quelques dossier comme admin ou modules qui définissent des éléments particuliers. Vous trouverez plus d'informations sur la modification des templates à la suite de l'article.
Les CSS
Entrons dans le vif du sujet. Nous allons maintenant commencer à modifier les fichiers CSS.
Je recommande vivement de modifier les fichiers de style dans l'ordre suivant :
- content.css : Il contient les classes propres au contenu du site (messages, modules).
- design.css : Il contient toutes les classes de mises en forme du sites (Le gros du Design)
- global.css : il contient toutes les classes utiles sur le site et communes aux différents modules.
Facultativement, vous pouvez avoir besoin de modifier les fichiers du thème défault. Sachez qu'ils ne contiennent aucune information de couleur ou autre propriété susceptible d'être modifiée à chaque thème.
- default.css : Il contient les éléments génériques et les réinitialisations afin de garantir un affiche identique sur tous les navigateurs.
- print.css : Met en forme le site pour un affichage épuré destiné à l'impression.
Aller encore plus loin
Si toutefois la personnalisation des images et des CSS ne vous suffisaient pas, sachez qu'il est possible de modifier les templates d'un module pour un thème en particulier.
Je vous conseille de lire l'article Personnalisation des TPL et CSS de PHPBoost, détaillant pas à pas la marche à suivre.
Les screens
Votre thème est fini ?
Passons maintenant à la première étape de l'exportation : les images de prévisualisation.
Elles constituent en effet la première impression que l'utilisateur aura de votre thème. Vous pouvez en créer autant que vous le souhaitez (restez raisonnable
) et placez-les ensuite dans le dossier de votre thème.Recommandations :
- Les images doivent faire 1024 pixels de large afin de pouvoir être visualisées sous la plupart des résolutions.
- Rien ne sert de mettre une multitude d'images : elles alourdissent le thème et sont parfois répétitives.
- Même si la qualité est moindre, préférez le format 'JPG' plutôt que le 'PNG', qui a une taille bien plus importante en général.
Notez bien le chemin et le nom de celles-ci, elles nous seront utiles plus tard.
Le fichier de configuration d'un thème
Le fichier config.ini donne des informations sur le thème et permet de lui attribuer une configuration par défaut à son installation.
Cet article détaille ligne par ligne le contenu du fichier config.ini, situé à la racine du thème.
Dernières recommandations
Votre thème est fin prêt ?
Avant de le partager, je vous conseille vivement de faire attention à ces derniers points :
- Le nom de votre thème n'existe t-il déjà pas ?
Cherchez un peu dans les téléchargements avant de proposer un thème dont le nom est déjà pris, sous peine d'empêcher certains membres à ne pas pouvoir utiliser le votre. - Tous les fichiers présents dans votre thème sont-ils nécessaires ?
En effet il peut arriver que l'on copie et utilise un fichier, puis que son utilité ne cesse au cours du développement. Jetez donc un coup d’œil à ces fichiers afin de ne pas les distribuer inutilement.
Pour les utilisateurs de Windows : Windows créé automatiquement un fichier thumbs.db lorsque vous naviguez dans un dossier d'images en vue 'Miniatures'. Ce fichier est inutile pour nombre d'utilisateurs, vous pouvez donc le supprimer de votre thème sans crainte (Ce fichier peut atteindre parfois plusieurs centaines de Ko).
Tout est fait ? Il ne vous reste plus qu'à en créer une archive (au format ZIP) et à le partager
