Problèmes TABS et slide sous wordpress

Bonjour,

je vous contacte avec désespoir car je suis actuellement en train de faire un site sous Wordpress mais j'ai quelques soucis sur une fonction que j'aimerais vraiment utiliser.
Voila le site en question: http://www.sopixel.net/wordpress/ . Sur la page principal on peut voir 6 groupes TABS: Le couple, l'adolescent, l'adulte et trois TITLE.

A la base j'ai utilisé un short-codes qui m'avait été fournis et qui ne proposait que 3 groupes. Le couple, L'adolescent et l'adulte. Voulant en ajouter 3 de plus j'ai dupliqué ce short-code mais au final cela renvoie au même groupe de boutons. Hors j'ai vraiment besoin que cela soit différentier.

Voila le code sans changement dessus et qui propose les trois TABS:

Code pour les TABS:

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
 
[tabs]
[tab title="Control the slider" description="Custom your homepage the way you want! It's really flexible and easy to use. The Humble template offers you options to have an unique page layout!" image="http://localhost:8888/wordpress/wp-content/themes/humble/images/ico_lab.png"]
[one_third]
<h6>Slider setting</h6>
Change all the slider settings from your Theme Options. Lots of options are available to edit your template as you wish.
[/one_third]
[two_third_last]
[image width="590" height="150"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/nivo-setting.png[/image]
[/two_third_last]
[one_third]
<h6>Bonus for slider</h6>
We add for you the ability to choose a texture that will overlay your slider images. Start enhance your slider today!	
[/one_third]
[two_third_last]
[image width="590" height="150"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/nivo-texture.png[/image]
[/two_third_last]
[/tab]
[tab title="Custom the background" description="The Theme Options let you set every background you want. All CSS attributes have been added so you don't touch a single line of code." image="http://localhost:8888/wordpress/wp-content/themes/humble/images/ico_teeshirt.png"]
[one_third]
<h6>Background settings</h6>
<p>How it works? Choose a color, upload a background image, set the "repeat", "position" and "attachment" option you want from the Theme Options... and Voila!</p>
<p>You want on custom post or page with a special background? Easy! Just choose different settings for your background from the metabox while you're creating the post or page.</p>
[/one_third]
[two_third_last]
[image width="590" height="350"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/background-setting.png[/image]	
[/two_third_last]
[/tab]
[tab title="CSS without coding" description="Change your CSS settings from the Theme Options without editing the style.css. It has never been so easy to custom your template!" image="http://localhost:8888/wordpress/wp-content/themes/humble/images/ico_time.png"]
[one_third]
<h6>CSS settings</h6>
We put all the main options in the panel to allow you or your client can change easily everything. 
[/one_third]
[two_third_last]
[image width="590" height="400"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/css-setting.png[/image]	
[/two_third_last]
[/tab]
[/tabs]

J'ai une autre page qui correspond surement à résoudre le problème mais j'ai beaucoup de mal à la configurer pour y mettre les 6 groupes. Voici la page en question:

Code de la page tabs.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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<?php
function theme_shortcode_tabs($atts, $content = null, $code) {
extract(shortcode_atts(array(
'open' => ''
), $atts));	
 
if (!preg_match_all("/(.?)\[(tab)\b(.*?)(?:(\/))?\](?:(.+?)\[\/tab\])?(.?)/s", $content, $matches)) {
return do_shortcode($content);
} else {
for($i=0;$i<3;$i++) {
$matches[3][$i] = shortcode_parse_atts($matches[3][$i]);
}
 
$output = '<div id="boxes">';
 
$class = '';
 
for ($i=0;$i<3;$i++) {
if ($matches[3][$i]['title'] != '' && $matches[3][$i]['description'] != '') {
if ($i == 2) {
$class = 'last';
}
 
$output .= '<div class="one_third '.$class.'" id="box'.($i+1).'">';
$output .= '	<h3>'.$matches[3][$i]['title'].'</h3>';
if ($matches[3][$i]['image'] != '')
$output .= '	<img src="'.$matches[3][$i]['image'].'" />';
$output .= '	<p>'.$matches[3][$i]['description'].'</p>';
$output .= '</div>';
}
}	
 
$output .= '	<div class="clear"></div>';
$output .= '</div> <!-- #boxes -->';
 
$output .= '<div id="boxes_content">';
 
for ($i=0;$i<3;$i++) {
$output .= '<div id="box'.($i+1).'_content" class="box_content">';
$output .= do_shortcode($matches[5][$i]);
$output .= '</div>';
}
 
$output .= '</div> <!-- #boxes_content -->';
$output .= '<div class="clear"></div>';
 
if ($open) {
$output .= "
<script type='text/javascript'>
$(document).ready(function() { 
$('#boxes #box1').click();
$('#boxes #box2').stop().animate({ opacity: 0.5 }, 200);
$('#boxes #box3').stop().animate({ opacity: 0.5 }, 200);
$('#boxes #box4').stop().animate({ opacity: 0.5 }, 200);
$('#boxes #box5').stop().animate({ opacity: 0.5 }, 200);
$('#boxes #box6').stop().animate({ opacity: 0.5 }, 200);
});
</script>
";
}
 
 
return $output;
 
}
}
add_shortcode('tabs', 'theme_shortcode_tabs');

Je vous remercie d'avance pour votre aide, car j'ai réellement besoin de cette option.