Le modèle pour la page d’accueil : index.php


Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947

C’est le template principal.
Ce fichier est le plus générique pour un thème wordpress, et c’est aussi un des deux fichiers requit pour un thème ( l’autre étant style.css).
Il est par défaut la page d’accueil de votre site, quand le fichier home.php n’existe pas.
Pour en savoir plus, suivez le lien.

Nous allons tout d’abord récupérer l’entête et le pied de page précédemment créé, pour cela rien de plus simple avec deux petites fonctions php.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
/*
 * C'est le template principal.
 *
 * C'est le template le plus générique pour un thème wordpress
 * et c'est aussi un des deux fichiers requit pour un thème ( l'autre étant style.css).
 * Il est par défaut la page d’accueil de votre site, quand le fichier home.php n'existe pas.
 * En savoir plus : http://codex.wordpress.org/Template_Hierarchy
 *
 */
 
/*Récupère l'entête contenu dans header.php*/
get_header();
 
/*Récupère le pied de page contenu dans footer.php*/
get_footer();
?>

C’est bien beau tout ça, mais mes articles ils apparaissent où?
Pour commencer on va vérifier s’il y a des articles à afficher avec la commande :

<?php if(have_posts()) : ?>

suivit de la commande :

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

Qui pourrait ce traduire par : « Parmis les articles, sélectionne un article.  »
Par défaut WordPress sélectionne les articles du plus récent au plus ancien.

Une fois l’article récupéré, on va afficher le titre et le contenu.
Généralement, le titre est affiché sous forme de lien, pour permettre de l’afficher seul.

<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>

Quand au contenu de l’article, il est affiché par la fonction :

<?php the_content(); ?>

On peut rajouter des information supplémentaire (les postmetadata), comme le nom de l’auteur, le jour de la création de l’article, les catégories, etc…

the_author()
the_time()
the_category()
comments_popup_link()
edit_post_link()

Au final, il ne reste plus qu’à mettre tout cela en forme, et là… il faut déjà une bonne idée de l’allure à donner à votre site.

Moi, je pensé à un header et footer qui prennent toutes la largeur de la page, et un corp plus réduit, aux alentours de 1000 px.

Avec tout ça en tête, je vais partir sur une trame de ce type là :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?php
/*
 * C'est le template principal.
 *
 * C'est le template le plus générique pour un thème wordpress
 * et c'est aussi un des deux fichiers requit pour un thème ( l'autre étant style.css).
 * Il est par défaut la page d’accueil de votre site, quand le fichier home.php n'existe pas.
 * En savoir plus : http://codex.wordpress.org/Template_Hierarchy
 *
 */
 
/*Récupère l'entête contenu dans header.php*/
get_header();
?>
		<div id="body">
			<div id="contenu">
				<?php
					if(have_posts()) :					/*commande pour vérifier s'il y a des articles à afficher*/
					while(have_posts()) : the_post();	/*va aller chercher PARMI les articles (commande "while") celui qu'il faut ("the post").*/
				?>
				<div class="post" id="post-<?php the_ID(); ?>">
					<div class="post_title">
						<h2>
							<!-- Affiche le titre de l'article sous forme de lien -->
							<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
						</h2>
						<span class="postmetadata">
							Le <?php the_time('j F Y') ?> par <?php the_author() ?> | Cat&eacute;gorie : <?php the_category(', ') ?>
						</span>
						<div class="post_content">
							<?php
								/*commande pour afficher le contenu de l'article*/
								the_content();
							?>
						</div>
						<div class="post_comment">
							<?php
								/* Affiche différentes informations sur l'article */
								comments_popup_link('Pas de commentaires', '1 Commentaire', '% Commentaires');
								edit_post_link('Editer', ' &#124; ', '');
							?>
						</div>
					</div>
				</div>
				<?php
					endwhile;						/*Fin de la commande : if(have_posts())*/
					endif;							/*Fin de la commande : while(have_posts())*/
				?>
			</div>
		</div>
<?php
/*Récupère le pied de page contenu dans footer.php*/
get_footer();
?>

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">