Discussion :

[Maitre2B]

Bonjour à tous,

J'ai un problème au niveau de mon code ou bien de l'interpréteur de Wordpress.

Voici mon code : Je cherche à faire en sorte que peu importe où l'on clique sur ma <div class="homepage-article">, on soit dirigé vers l'article.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
              <a href="<?php the_permalink(); ?>">
		<div class="homepage-article">
		  <article>
                    <header class="content">
                       <h3><?php the_title(); ?></h2>
                    </header>
      <?php
                    if ( has_post_thumbnail() ) {
                        $image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),'featured' );
                        echo '<img alt="post" src="' . $image_src[0] . '" >';
                    }
      ?>
                    <footer>
			<div class="homepage-tags">
		    	  <h4><?php the_tags( '<span class="article-tags">', '</span> <span class="article-tags"> ', '</span>' ); ?></h4>
		 	</div>
	            </footer>
                  </article>
                </div> 
	      </a>    
            <?php endwhile; ?>
         </section>
	</div>

Pourtant, ça ne fonctionne pas : http://neo-web.fr/test/ et si l'on regarde le code source, on peut voir qu'un </a> se glisse tout seul juste à la fin de l'ouverture de la balise, ce qui ne sert donc à rien.

[NoSmoking]

Bonjour,
je dirais que ta structure est bancale car mettre une DIV dans une A passe encore en HTML5 mais mettre une A dans une A je doute fort que cela soit très judicieux !

[Invité]

Bonjour,

ce que tu omets de regarder, c'est le "vrai" code source généré *, et le contenu des articles qui contiennent DÉJÀ des liens :
(*à ne pas confondre avec ce que tu vois dans la console, qui montre l'interprétation qu'en fait le navigateur !)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
	<a href="http://neo-web.fr/culture-web/pastafarisme/">
	<div class="homepage-article">
		<article>
			<header class="content">
				<h3>Pastafarisme</h2>
			</header>
			<img alt="post" src="http://i2.wp.com/neo-web.fr/wp-content/uploads/2015/03/spaghettis-300x154.jpg?resize=300%2C168" >
			<footer>
				<div class="homepage-tags">
					<h4><span class="article-tags"><a href="http://neo-web.fr/tag/creationnisme/" rel="tag">Créationnisme</a></span> <span class="article-tags"> 
					<a href="http://neo-web.fr/tag/parodie-religieuse/" rel="tag">Parodie religieuse</a></span></h4>
				</div>
			</footer>
		</article>
	</div> 
	</a>

Partant du principe qu'une porte doit être ouverte ou bleue **:

• la 1ère balise <a...> est fermée par le navigateur quand il rencontre la suivante ("balise fermante en violation des règles d'imbrication").
• la dernière balise </a> est ignorée, car considérée comme "pas ouverte"

Par contre, rien ne t'empêche de faire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
	<div class="homepage-article">
		<article>
			<header class="content">
				<h3><a href="http://neo-web.fr/culture-web/pastafarisme/">Pastafarisme</a></h3>
			</header>
			<a href="http://neo-web.fr/culture-web/pastafarisme/"><img alt="post" src="http://i2.wp.com/neo-web.fr/wp-content/uploads/2015/03/spaghettis-300x154.jpg?resize=300%2C168" ></a>
			<footer>
				<div class="homepage-tags">
					<h4><span class="article-tags"><a href="http://neo-web.fr/tag/creationnisme/" rel="tag">Créationnisme</a></span> <span class="article-tags"> 
					<a href="http://neo-web.fr/tag/parodie-religieuse/" rel="tag">Parodie religieuse</a></span></h4>
				</div>
			</footer>
		</article>
	</div>

N.B. Il y a une erreur de balise ici (<h3> ou <h2> ? il faut choisir) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
			<header class="content">
				<h3><?php the_title(); ?></h2>
			</header>

** Les plus anciens d'entre vous auront reconnu l'hommage à Pierre Desproges