Discussion :

[georgetta89]

Bonjour,
j'utilise un site wordpress, sur la homepage il y'a un widget dans la sidebar qui affiche une liste des articles les plus recents, j'aimerais que les titres de ces articles soient de plus en plus petits (ce sur les 5 premiers), CAD par exemple Titre 1 = 25px, Titre 2 = 22px, Titre 3 = 19px, Titre 4 = 16px, Titre 5 = 16px, Titre 6 = 16px, Titre 7 = 16px etc.

Voici le code du widget :

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
26
27
28
29
30
31
32
33
<?php
function widget( $args, $instance ) {
		extract( $args );
 
		/* Our variables from the widget settings. */
		$title = apply_filters('widget_title', $instance['title'] );
		$number = $instance['number'];
		$categories = $instance['categories'];
 
		/* Before widget (defined by themes). */
		echo $before_widget;
 
		/* Display the widget title if one was input (before and after defined by themes). */
		if ( $title )
			echo $before_title . $title . $after_title;
		?>
 
 
			<ul class="middle-widget">
				<?php $recent = new WP_Query(array( 'cat' => $categories, 'showposts' => $number )); while($recent->have_posts()) : $recent->the_post();?>
				<li>
					<a href="<?php the_permalink() ?>" rel="bookmark" class="main-headline"><?php the_title(); ?></a>
					<p><?php echo excerpt(11); ?></p>
				</li>
				<?php endwhile; ?>
			</ul>
 
 
		<?php
 
		/* After widget (defined by themes). */
		echo $after_widget;
	}

Est-ce que quelqu'un sait comment je peux procéder pour obtenir cet effet ?
Merciii

[ABCIWEB]

Normalement tu pourrais faire :

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php //...
$i= 0;
while($recent->have_posts()) : $recent->the_post();
$i = $i > 5 ? $i : $i++;
?>
<li>
    <a href="<?php the_permalink() ?>" rel="bookmark" class="main-headline title_size_<?= $i?>"><?php the_title(); ?></a>
    <p><?php echo excerpt(11); ?></p>
</li>
//...

Et dans ton css tu devras définir les classes ".title_size_1" à ".title_size_5"

[georgetta89]

Bonjour et merci pour ta réponse j'ai essayé ce que tu m'as dit

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
26
27
28
29
30
31
32
33
34
35
<?php
function widget( $args, $instance ) {
		extract( $args );
 
		/* Our variables from the widget settings. */
		$title = apply_filters('widget_title', $instance['title'] );
		$number = $instance['number'];
		$categories = $instance['categories'];
 
		/* Before widget (defined by themes). */
		echo $before_widget;
 
		/* Display the widget title if one was input (before and after defined by themes). */
		if ( $title )
			echo $before_title . $title . $after_title;
		?>
 
 
			<ul class="middle-widget">
				<?php $recent = new WP_Query(array( 'cat' => $categories, 'showposts' => $number )); $i= 0;
				while($recent->have_posts()) : $recent->the_post();
				$i = $i > 5 ? $i : $i++;?>
				<li>
					<a href="<?php the_permalink() ?>" rel="bookmark" class="main-headline title_size_<?= $i?>"><?php the_title(); ?></a>
					<p><?php echo excerpt(11); ?></p>
				</li>
				<?php endwhile; ?>
			</ul>
 
 
		<?php
 
		/* After widget (defined by themes). */
		echo $after_widget;
	}

Malheureusement cela ne fonctionne pas j'ai pourtant bien définit les différents styles