NeoSting.net
Le petit journal d'un passionné de nouvelles technologies et pour le partage de la culture.

(QR Code) de cette page sur neosting.net

Partager...

# Tuto 03 : Thème WordPress : La base des Templates

VVoici donc les fichiers indispensables à la création du thème. Ils servent tous suivant la hiérarchie organisé par WordPress à l'affichage du blog et chacun a son rôle. Ici, on reste dans le brut de décoffrage, donc sans véritables mises en forme.

Voici les informations à mettre dans le header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
 
 <title><?php bloginfo('name') ?>
<?php if ( is_404() ) : ?> &raquo; <?php _e('Not Found') ?><?php elseif ( is_home() ) : ?> &raquo; <?php bloginfo('description') ?><?php else : ?><?php wp_title() ?>
<?php endif ?></title>
 
  <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
  <!-- leave this for stats -->
  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
  <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
  <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
  <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /><?php wp_head(); ?>
 
  <?php wp_get_archives('type=monthly&format=link'); ?>
  <?php //comments_popup_script(); // off by default ?>
  <?php wp_head(); ?>
 
</head>
<body>
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

Voici celles qui vont dans le fichier index.php. A savoir aussi, que le fichier single.php sera à créer sur la même base que celui-ci, à l'exception de l'affichage du nombre de commentaires, puisque c'est justement sur ce template que l'on affichera le contenu des commentaires. On reverra ça sur le tutoriel suivant.

<?php get_header(); ?>
 
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php the_time('j F Y') ?> par <?php the_author() ?> |
Cat&eacute;gorie: <?php the_category(', ') ?> |
<?php comments_popup_link('Pas de commentaires', '1 Commentaire', '% Commentaires'); ?>
<?php edit_post_link('Editer', ' &#124; ', ''); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>
</body>
</html>

Concernant la sidebar, sidebar.php devra s'écrire comme ça :

<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
 
CONTENU DE LA SIDEBAR
 
<?php endif; ?>
</ul>

Afin de rendre cette barre latérale widgetisable, il faudra ajouter aussi le fichier functions.php avec le code ci-dessous. Pour une sidebar a deux colonnes, il faut simplement mettre "sidebar(2)"...

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
?>

Oui, il manque le footer.php, n'est-ce pas ? Qu'importe, vous mettez ce que vous voulez dedans. Vos Copyrights, vos infos importantes... L'important, c'est d'appeler ce fichier depuis l'index.php. On peut par contre en profiter pour y placer un rappel de vos RSS comme ceci :

<a href="feed:<?php bloginfo('rss2_url'); ?>">Articles (RSS)</a> - <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Commentaires (RSS)</a>

Pourquoi les commentaires sont fermés ?

Articles pouvant vous intéresser

Les articles populaires du moment