Free Days Tlemcen ,ateliers WP : conversion d'une template HTML en thème WordPress.

1. Conversion de Template HTML
en Thème Wordpress
Par Ghilas BELHADJ

2. Avant Toute Chose
Vérifiez si vous avez l’autorisation d’utiliser la
Template
CC

3. Préparation d’un dossier pour le
thème
Parcourez le dossier wp-
content/themes de votre installation
WordPress
Créez, puis renommez un dossier
qui vas contenir les fichiers de votre
thème

4. Le minimum requis pour un thème
WordPress
C’est le fichier par défaut
d’un thème WordPress
/*
Theme Name: FreeDays Tlemcen
Theme URI: http://wpdz.org/events/
Description: Théme Crée à partir d'une
template HTML Gratuite
Version: 1.0 (WP3.3.0)
Author: Ghilas BELHADJ
Author URI: http://junksource.com/
Tags: RamblingSoul, rs12, cool, sweet
*/

5. Jeter un coup d’œil sur la
Template

6. header.php
sidebar.php
index.php
footer.php

7. C’est l’heure de mettre la
main dans le cambouis

8. header.php
Faites attention à ne pas
entremêler les balises !!!
index.php
sidebar.php
footer.php

9. La feuille de style

10. Les autres fichiers

11. Relier Les Fichiers
Entre Eux

13. header.php
index.php
sidebar.php
footer.php

14. Commençons la conversion

15. Conversion de header.php
header.php
<?php bloginfo('html_type');
<?php bloginfo('charset'); ?>
<?php bloginfo('name'); ?><?php wp_title(''); ?>
<?php bloginfo('stylesheet_url'); ?>
<?php bloginfo('name'); ?>
<li><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">Accueil</a></li>
<?php wp_nav_menu(); ?>

16. Conversion de sidebar.php
sidebar.php
<?php get_search_form(); ?>
<?php wp_list_cats(); ?>
<?php get_archives(); ?>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>

17. Conversion de footer.php
footer.php
/! Respectez les termes
du contrat

18. Conversion de index.php
Prendre UN échantillon d’article
index.php
<?php the_time('d'); ?>
<?php the_time('M'); ?>
<?php the_author(); ?>
<?php comment_popup_link(); ?> <?php the_tags(); ?>
<?php the_category(‘, ’); ?>
<?php the_title(); ?>
<?php the_pemalink(); ?>
<?php the_excerpt(); ?>

19. <?php if (have_posts()) : while(have_posts()) : the_post(); ?>
Faire
boucler
tout ça
<?php endwhile; endif; ?>

20. Liens de pagination
Après remplacement des liens par les fonctions WordPress :
previous_posts_link() et next_posts_link()

21. Création d’un fichier single.php
<?php the_content(); ?>
<?php comments_template(); ?>

22. Aller plus loin avec votre thème ?
Functions.php Les Plugins
• Changer les paramètres par défauts de Wordpress
• Gérer les widgets sur votre thème
• Ajouter de nouvelles fonctionnalité grâce à l’API
WordPress où aux fonctions PHP
• …

23. Aller plus loin avec votre thème ?
Le site de la documentation officielle de WordPress :
Codex.WordPress.org/fr:Accueil
Si vous avez besoins d’aide:
WPDZ.org/support

24. Merci de votre attention ;)