Post on 03-Jul-2015
description
transcript
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 ;)