Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Conversion de template HTML en thème WordPress

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 24 Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Similaire à Conversion de template HTML en thème WordPress (20)

Publicité

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 Chose Vé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 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. 5. Jeter un coup d’œil sur la Template
  6. 6. header.php sidebar.php index.php footer.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.php sidebar.php footer.php
  9. 9. La feuille de style
  10. 10. Les autres fichiers
  11. 11. Relier Les Fichiers Entre Eux
  12. 12. header.php index.php sidebar.php footer.php
  13. 13. Commençons la conversion
  14. 14. 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(); ?>
  15. 15. 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'); ?>
  16. 16. Conversion de footer.php footer.php /! Respectez les termes du contrat
  17. 17. 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(); ?>
  18. 18. <?php if (have_posts()) : while(have_posts()) : the_post(); ?> Faire boucler tout ça <?php endwhile; endif; ?>
  19. 19. Liens de pagination Aprè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:Accueil Si vous avez besoins d’aide: WPDZ.org/support
  23. 23. Merci de votre attention ;)

×