background preloader

Wordpress

Facebook Twitter

Créez votre thème WordPress en intégrant votre design. Arnos (Arnaud Steckle) livre enfin la suite de son tutoriel où il intègre cette fois son webdesign sous WordPress. Enfin le voici le voilà ! Le tutoriel d`intégration du blog sous WordPress est disponible sur Living Tuts.

Dans ce tutoriel nous verrons ensemble comment découper et intégrer un design de blog sous WordPress. Bien évidemment sur un tutoriel en une partie comme celui-ci, il n’est pas possible de voir tout en détail, mais vous pourrez acquérir les bases nécessaires pour intégrer un thème. Il s’agit de la suite du précédent tutoriel de création du webdesign sous Photoshop visible sur cette page, que nous allons donc maintenant intégrer comme nouveau thème dans le CMS WordPress.

Commençons tout de même par voir ce qu`est un thème WordPress, à quoi ils servent et comment ils sont constitués. L`interface utilisateur de WordPress est basée sur un système de thèmes gratuits ou/et payants, facilement personnalisables et interchangeables. Étape 1 : Découpage des images. Header.php : ? <? Créer des templates personnalisés pour Wordpress. En plus des différents templates définis dans la hiérarchie des templates, il est possible de créer de toutes pièces des templates spécifiques qui pourront être appliqués à des pages. On appelle ces templates des templates personnalisés (ou custom templates), et ils fonctionnent exactement comme les autres templates, il faut simplement ajouter la métadonnée Template Name au début du fichier pour que Wordpress le reconnaisse : Pour apprendre à les utiliser, nous allons créer une page de contact grâce à ces templates personnalisés. Créez un fichier contact.php dans le répertoire de votre thème (wp-content/themes/finalclap/), et copiez-y ce code : Ensuite il faut créer une page, allez dans la partie administration de wordpress, puis cliquez sur Pages > Ajouter.

Il ne reste qu'à spécifier que cette page va utiliser le template que nous venons de créer. Si vous vous rendez sur cette page (lien "Voir la page"), vous verrez que le contenu du template contact s'affiche : Afficher le contenu. Créer des thèmes Wordpress. WP Marmite - Les bonnes recettes WordPress. Tutoriel WordPress : Créer un thème wordpress. WordPress : Tutos, Plugins & Astuces.