Conversion de Template HTML    en Thème Wordpress               Par Ghilas BELHADJ
Avant Toute ChoseVérifiez si vous avez l’autorisation d’utiliser la                   Template                   CC
Préparation d’un dossier pour le            thème                         Parcourez le dossier wp-                    cont...
Le minimum requis pour un thème                  WordPress                                         C’est le fichier par dé...
Jeter un coup d’œil sur la        Template
header.php              sidebar.php  index.phpfooter.php
C’est l’heure de mettre la main dans le cambouis
header.php              Faites attention à ne pas              entremêler les balises !!!index.phpsidebar.phpfooter.php
La feuille de style
Les autres fichiers
Relier Les Fichiers    Entre Eux
header.php              index.phpsidebar.phpfooter.php
Commençons la conversion
Conversion de header.phpheader.php                                                                                       <...
Conversion de sidebar.phpsidebar.php                                         <?php get_search_form(); ?>              <?ph...
Conversion de footer.phpfooter.php               /! Respectez les termes                      du contrat
Conversion de index.php                        Prendre UN échantillon d’articleindex.php                                  ...
<?php if (have_posts()) : while(have_posts()) : the_post(); ?>                    Faire                   boucler         ...
Liens de paginationAprès remplacement des liens par les fonctions WordPress :        previous_posts_link() et next_posts_l...
Création d’un fichier single.php                                 <?php the_content(); ?> <?php comments_template(); ?>
Aller plus loin avec votre thème ?Functions.php                                  Les Plugins• Changer les paramètres par d...
Aller plus loin avec votre thème ?Le site de la documentation officielle de WordPress :   Codex.WordPress.org/fr:AccueilSi...
Merci de votre attention ;)
Conversion de template HTML en thème WordPress
Upcoming SlideShare
Loading in …5
×

Conversion de template HTML en thème WordPress

14,550 views

Published on

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

2 Comments
6 Likes
Statistics
Notes
No Downloads
Views
Total views
14,550
On SlideShare
0
From Embeds
0
Number of Embeds
238
Actions
Shares
0
Downloads
258
Comments
2
Likes
6
Embeds 0
No embeds

No notes for slide

Conversion de template HTML en thème WordPress

  1. 1. Conversion de Template HTML en Thème Wordpress Par Ghilas BELHADJ
  2. 2. Avant Toute ChoseVérifiez si vous avez l’autorisation d’utiliser la Template CC
  3. 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. 4. Le minimum requis pour un thème WordPress C’est le fichier par défaut d’un thème WordPress/*Theme Name: FreeDays TlemcenTheme URI: http://wpdz.org/events/Description: Théme Crée à partir dunetemplate HTML GratuiteVersion: 1.0 (WP3.3.0)Author: Ghilas BELHADJAuthor URI: http://junksource.com/Tags: RamblingSoul, rs12, cool, sweet*/
  5. 5. Jeter un coup d’œil sur la Template
  6. 6. header.php sidebar.php index.phpfooter.php
  7. 7. C’est l’heure de mettre la main dans le cambouis
  8. 8. header.php Faites attention à ne pas entremêler les balises !!!index.phpsidebar.phpfooter.php
  9. 9. La feuille de style
  10. 10. Les autres fichiers
  11. 11. Relier Les Fichiers Entre Eux
  12. 12. header.php index.phpsidebar.phpfooter.php
  13. 13. Commençons la conversion
  14. 14. Conversion de header.phpheader.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(); ?>
  15. 15. Conversion de sidebar.phpsidebar.php <?php get_search_form(); ?> <?php wp_list_cats(); ?> <?php get_archives(); ?> <?php wp_list_bookmarks(title_li=&categorize=0); ?>
  16. 16. Conversion de footer.phpfooter.php /! Respectez les termes du contrat
  17. 17. Conversion de index.php Prendre UN échantillon d’articleindex.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(); ?>
  18. 18. <?php if (have_posts()) : while(have_posts()) : the_post(); ?> Faire boucler tout ça <?php endwhile; endif; ?>
  19. 19. Liens de paginationAprès remplacement des liens par les fonctions WordPress : previous_posts_link() et next_posts_link()
  20. 20. Création d’un fichier single.php <?php the_content(); ?> <?php comments_template(); ?>
  21. 21. 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• …
  22. 22. Aller plus loin avec votre thème ?Le site de la documentation officielle de WordPress : Codex.WordPress.org/fr:AccueilSi vous avez besoins d’aide: WPDZ.org/support
  23. 23. Merci de votre attention ;)

×