Titre articles de plus en plus petit dans une sidebar

Version imprimable

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:

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

Normalement tu pourrais faire :

Code:

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"

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

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
<?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