5568 sujets

Sémantique web et HTML

Bonjour,

Je suis (très) débutante, et j'essaie de mettre en place un blog sous Wordpress, en configurant un thème que j'ai moi-même créé. Voici mon problème:

Ma page index.php est bien calée, tous les éléments sont à leur place.
MAIS, dès que l'on clique sur, mettons, "ARTS" dans le menu (lien qui amène à tous les articles publiés sous la catégorie "Arts", dans Wordpress), la page affiche bien les bons articles, mais il manque une partie du design.

En l'occurrence, le header, la sidebar dynamique et le footer restent bien en place. Mais il manque ma div "content" (colonne de gauche), ainsi que ma div "auteur" (qui contient mes polaroids), et ma div "social" (qui contient les liens vers twitter, facebook, and co). Les articles s'étalent donc sur toute la largeur du wrap.

Comment puis-je faire pour "appeler" le contenu que je veux DANS la colonne gauche en cliquant sur ce lien "ARTS", sans que cela me supprime une partie du design?

Si cela peut aider, voici le code de mon index.php



<?php get_header(); ?>



	<div id="content">

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

			<div <?php post_class() ?> id="post-<?php the_ID(); ?>">

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

				<?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>

				<div class="entry">
					<?php the_content(); ?>
				</div>

				<div class="postmetadata">
					<?php the_tags('Tags: ', ', ', '<br />'); ?>
					Posted in <?php the_category(', ') ?> | 
					<?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?>
				</div>

			</div>

		<?php endwhile; ?>

		<?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>

		<?php else : ?>

			<h2>Not Found</h2>

		<?php endif; ?>
	
	</div>
	
	
	
	<div id="auteur">
		
		<a href="http://www.bobbie.fr/auteur.php"><img src="http://www.bobbie.fr/wp-content/themes/bobbie/images/aboutme.jpg"></a>
		
	</div>
	
	
	
	
	<div id="social">
		
		<a href="http://twitter.com/#!/BobbieBlog" target="blank"><img src="http://www.bobbie.fr/wp-content/themes/bobbie/images/twitter.png"></a>
		&nbsp;<a href="http://www.weheartit.com/314" target="blank"><img src="http://www.bobbie.fr/wp-content/themes/bobbie/images/weheartit.png"></a>
		&nbsp;<a href="http://www.facebook.com/pages/Bobbiefr/127471524009308" target="blank"><img src="http://www.bobbie.fr/wp-content/themes/bobbie/images/facebook.png"></a>
		&nbsp;<a href="http://www.hellocoton.fr/mapage/bobbieblog" target="blank"><img src="http://www.bobbie.fr/wp-content/themes/bobbie/images/hellocoton.png"></a>
		&nbsp;<a href="http://www.bobbie.fr" target="blank"><img src="http://www.bobbie.fr/wp-content/themes/bobbie/images/rss.png"></a>
		
	</div>
	
	
	
	
	
	<?php get_sidebar(); ?>
		
	
	<?php get_footer(); ?>




Si quelqu'un saisit le problème, merci d'avance de me l'expliquer Smiley smile
Modifié par Melody B (27 Jul 2011 - 17:08)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît dans le menu du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour Laurie-Anne,

J'ai modifié mon message pour respecter l'inclusion de code conforme Smiley smile

J'imagine que si tu m'as redigirée vers l'aide du site, que j'ai lue, c'était pour m'orienter vers la recherche sur le forum?

En l'occurrence, mon problème est que je ne sais pas ce que je recherche... Comme je l'ai dit, je suis débutante, et je ne connais que peu de termes techniques. Ainsi, je peux décrire le résultat que je souhaite, mais cela ne m'aide pas, depuis trois jours, à trouver une solution. Si je connaissais le terme adéquat de la manipulation que je recherche, je pourrais faire des recherches qui aboutiraient sûrement bien mieux.

Je ne demande pas qu'on m'écrive le code, je voudrais seulement savoir comment se nomme la manipulation correspondante à ceci:
a écrit :
"appeler" le contenu que je veux DANS la colonne gauche en cliquant sur ce lien "ARTS", sans que cela me supprime une partie du design?


Merci d'avance, si quelqu'un peut m'aider Smiley smile
Bonjour,

Si les blocs qui disparaissent sont supposés rester présents pour toutes les pages du blog, je suppose qu'ils doivent figurer dans le template (ou gabarit) "global". Et en changeant de catégorie, c'est le contenu que tu "appelles" et non les différents menus/header et cie.
Je ne sais pas comment fonctionne Wordpress mais si tu vois de quoi je parle, regarde comment est générée ta page (certainement via des includes php pour ce qui est invariant).
Bonsoir. Vérifie qu'il n'y a pas d'espace en trop dans le code, cela décale souvent le design avec WP. Smiley cligne
Serait-il possible d'avoir un lien vers le blog incriminé ? J'avoue avoir du mal à visualiser - et j'aime bien triturer le code pour le comprendre et aider à la résolution du problème.
Bonsoir,

Merci pour toutes vos réponses.

J'ai trouvé la solution, qui était que sous Wordpress, le contenu variant est gérer par l'option "pages", et non par le PHP des fichiers. En rajoutant des pages "externes", j'ai pu substituer un contenu x ou y à mes articles Smiley smile

Pour info, si quelqu'un rencontre le même problème, j'ai trouvé les bonnes infos sur le forum d'entraide de Wordpress : http://www.wordpress-fr.net/support/forum-26-support-wordpress

Merci encore!
Euh, ben normalement tu n'as pas besoin de ça. Quand tu regardes la liste des articles d'une catégorie, ce n'est pas une page (dite statique), mais probablement le fichier archive.php (ou archives.php, j'ai vu les deux dans un thème).