Conversion de Template HTML
    en Thème Wordpress
               Par Ghilas BELHADJ
Avant Toute Chose
Vérifiez si vous avez l’autorisation d’utiliser la
                   Template




                   CC
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
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
*/
Jeter un coup d’œil sur la
        Template
header.php




              sidebar.php
  index.php




footer.php
C’est l’heure de mettre la
 main dans le cambouis
header.php


              Faites attention à ne pas
              entremêler les balises !!!
index.php




sidebar.php




footer.php
La feuille de style
Les autres fichiers
Relier Les Fichiers
    Entre Eux
header.php

              index.php




sidebar.php




footer.php
Commençons la conversion
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(); ?>
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'); ?>
Conversion de footer.php
footer.php




               /! Respectez les termes
                      du contrat
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(); ?>
<?php if (have_posts()) : while(have_posts()) : the_post(); ?>




                    Faire
                   boucler
                   tout ça

                <?php endwhile; endif; ?>
Liens de pagination


Après remplacement des liens par les fonctions WordPress :
        previous_posts_link() et next_posts_link()
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éfauts de Wordpress
• Gérer les widgets sur votre thème
• Ajouter de nouvelles fonctionnalité grâce à l’API
  WordPress où aux fonctions PHP
• …
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
Merci de votre attention ;)

Conversion de template HTML en thème WordPress

  • 1.
    Conversion de TemplateHTML en Thème Wordpress Par Ghilas BELHADJ
  • 2.
    Avant Toute Chose Vérifiezsi vous avez l’autorisation d’utiliser la Template CC
  • 3.
    Préparation d’un dossierpour 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 requispour 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 coupd’œil sur la Template
  • 6.
    header.php sidebar.php index.php footer.php
  • 7.
    C’est l’heure demettre la main dans le cambouis
  • 8.
    header.php Faites attention à ne pas entremêler les balises !!! index.php sidebar.php footer.php
  • 9.
  • 10.
  • 11.
  • 13.
    header.php index.php sidebar.php footer.php
  • 14.
  • 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èsremplacement des liens par les fonctions WordPress : previous_posts_link() et next_posts_link()
  • 21.
    Création d’un fichiersingle.php <?php the_content(); ?> <?php comments_template(); ?>
  • 22.
    Aller plus loinavec 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 loinavec 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 votreattention ;)