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

/*Theme Name: FreeDays TlemcenTheme URI: http://wpdz.org/events/Description: Théme Crée à partir d'unetemplate HTML GratuiteVersion: 1.0 (WP3.3.0)Author: Ghilas BELHADJAuthor URI: http://junksource.com/Tags: RamblingSoul, rs12, cool, sweet*/

C’est le fichier par défaut d’un thème WordPress

Jeter un coup d’œil sur la Template

header.php

sidebar.php

footer.php

index.php

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

header.php

index.php

sidebar.php

footer.php

Faites attention à ne pas entremêler les balises !!!

La feuille de style

Les autres fichiers

Relier Les Fichiers Entre Eux

header.php

sidebar.php

footer.php

index.php

Commençons la conversion

Conversion de header.php

header.php

<?php bloginfo('stylesheet_url'); ?>

<?php bloginfo('html_type');

<?php bloginfo('charset'); ?>

<?php bloginfo('name'); ?><?php wp_title(''); ?>

<?php bloginfo('name'); ?>

<li><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">Accueil</a></li>

<?php wp_nav_menu(); ?>

sidebar.php

Conversion de sidebar.php

<?php wp_list_cats(); ?>

<?php get_archives(); ?>

<?php wp_list_bookmarks('title_li=&categorize=0'); ?>

<?php get_search_form(); ?>

Conversion de footer.php

footer.php

/!\ Respectez les termes du contrat

Conversion de index.php

Prendre UN échantillon d’article

<?php the_time('d'); ?>

<?php the_time('M'); ?>

<?php the_author(); ?>

<?php comment_popup_link(); ?>

<?php the_category(‘, ’); ?>

<?php the_tags(); ?>

<?php the_excerpt(); ?>

<?php the_pemalink(); ?>

<?php the_title(); ?>

index.php

Faire boucler tout ça

<?php if (have_posts()) : while(have_posts()) : the_post(); ?>

<?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

• 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

• …

Les Plugins

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 ;)