Modifier un thème WordPress

Version imprimable

15/03/2012, 09h44
myriem.gharbi

Modifier un thème WordPress

bonjour,
je suis entrain de développer un site web avec le cms wordpress et je n'arrive pas a modifier mon théme (je veux decouper la page d'accueil en trois block au niveau du corp) mais je ne trouve pas ou intégrer les balises div et span. j'ai déjà essai de modifier le code dans la page index.php mais j'ai pas réussi a obtenir le résultat que je veux .

Bonjour,

Pour modifier un thème sous wordpress, il faut connaitre la structure de ceux-ci.

Mais plus généralement, le modèle pour la page d’accueil se trouve dans le fichier index.php.
C’est la page centrale du votre blog, il contient vos différents articles et pages.
La structure du fichier se compose de fonctions qui font appel aux documents « header.php », « footer.php », « sidebar.php » et le contenu de vos articles.
C’est ici qu’arriveront généralement vos visiteur.

Voici un exemple de code pour le fichier index.php :

Code:

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
 
<?php
/*

L’index (index.php): il contient le contenu de votre blog, vos articles et différentes pages.
En fait, il ne le contient qu’indirectement puisque c’est dans le Loop Wordpress que l’on va
trouver les règles qui vont déterminer ce qui doit être affiché dans l’index.

*/
?>
 
<?php get_header(); ?> <!-- ouvrir header.php -->
 
<div id="corps">
 
<?php if(have_posts()) : ?> <!-- commande pour vérifier s'il y a des articles à afficher -->
 
	<?php 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(); ?>">
			<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2> <!-- Affiche le titre de l'article sous forme de lien -->
			<p class="postmetadata"> <!-- Permet d'afficher des renseignements sur l'article -->
				<?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', ' | ', ''); ?>
			</p>
			<div class="post_content">
				<?php the_content(); ?> <!-- commande pour afficher le contenu de l'article -->
			</div>
		</div>
 
	<?php endwhile; ?>
 
<!-- Code permettant de naviger de page en page -->
<div class="navigation">
<?php posts_nav_link(' - ','page suivante','page pr&eacute;c&eacute;dente'); ?>
</div>
 
<!-- Code pour indiquer que la page n'existe plus -->
<?php else : ?>
<h2>Oooopppsss...</h2>
<p>Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
 
<?php endif; ?>
 
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>
 
	</div>
</body>
</html>

Bien évidement, il faut modifier le fichier css qui va avec.

21/03/2012, 08h48
laffreuxthomas

Citation:

Envoyé par myriem.gharbi

bonjour,
je suis entrain de développer un site web avec le cms wordpress et je n'arrive pas a modifier mon théme (je veux decouper la page d'accueil en trois block au niveau du corp) mais je ne trouve pas ou intégrer les balises div et span. j'ai déjà essai de modifier le code dans la page index.php mais j'ai pas réussi a obtenir le résultat que je veux .

Bonjour. Si vous utilisez WordPress en tant que CMS, alors il faut désactiver le contenu de l'accueil par défaut qui est trop spécifique aux blogs. Depuis le panneau d'administration de WordPress, menu "Réglages → Lecture", concernant la page d’accueil, choisir "Une page statique" et sélectionner une page du site dans le champ "Page d’accueil". Enregistrer.

Ensuite, votre page d'accueil est devenue une "page" WordPress. Donc si votre thème de départ est twentyeleven, vous pouvez travailler dans "content-page.php". Cependant cela modifiera le modèle de toutes les "pages" WordPress.

Si vous souhaitez faire un template à part, voici une solution :

- Dupliquer le fichier "sidebar-page.php" et nommer la copie "page-accueil.php" ;
- Éditer ce nouveau fichier :
* modifier le commentaire "Template Name:" pour mettre "Page d'accueil",
* dans la ligne "get_template_part( 'content', 'page' )", changer le paramètre "page" en "accueil" (cela appellera un fichier "content-accueil.php" qu'il nous reste à créer) ;
- Dupliquer le fichier "content-page.php" et nommer la copie "content-accueil.php" ;
- Depuis le panneau d'administration de WordPress, éditer la page d'accueil et sélectionner le nouveau template ;
- Vous pouvez désormais travailler dans "content-accueil.php".