Dans un article précédent, nous avions vu comment créer des vignettes automatiquement. Pour cela j’utilise un champ personnalisé image_article et l’idée était de s’en servir pour créer une galerie des articles vedettes (featured content).
Une fois trouvée la galerie ajax, et en particulier smoothgallery disponible sur ce site : http://smoothgallery.jondesign.net/showcase/manual-slideshow/, il faut l’intégrer dans notre template.
![vedette1 vedette1](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-00VwbU.jpeg)
< ?php if (is_home () ) { ?> <link rel="stylesheet" href="/wp-content/themes/webdevonlinux/jd.gallery.css" type="text/css" media="screen" charset="utf-8" /> <script src="/wp-content/themes/webdevonlinux/scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script> <script src="/wp-content/themes/webdevonlinux/scripts/mootools-1.2-more.js" type="text/javascript"></script> <script src="/wp-content/themes/webdevonlinux/scripts/jd.gallery.js" type="text/javascript"></script> <script src="/wp-content/themes/webdevonlinux/scripts/jd.gallery.transitions.js" type="text/javascript"></script> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, showArrows: false, showInfopane: true, showCarousel: true, embedLinks: true, delay: 6000 }); } windowaddEvent('domready', startGallery); </script> < ?php }
Pour afficher les articles dans le cadre vedette, j’utilise à nouveau la fonction la boucle query_posts pour récupérer les articles de la catégorie “featured”.
<div id="myGallery"> < ?php query_posts('category_name=featured&showposts=4'); ?> < ?php if (have_posts()) : ?> < ?php while (have_posts()) : the_post(); ?> < ?php $image = get_post_meta($post->ID, "image_article", true);?> <div class="imageElement"> <h3><a href="<?php the_permalink() ?>">< ?php the_title(); ?></a></h3> <p></p> <a href="<?php the_permalink() ?>" title="open image" class="open"></a> <img src="/wp-content/themes/webdevonlinux/scripts/timthumb.php?src=/wp-content/uploads/<?php echo $image; ?/>&h=260&w=560&zc=0" class="full" /> <img src="/wp-content/themes/webdevonlinux/scripts/timthumb.php?src=/wp-content/uploads/<?php echo $image; ?/>&h=75&w=100&zc=0" class="thumbnail" /> </div> < ?php endwhile; ?> < ?php endif; ?> </div>
Et comme vous pouvez le constater j’utilise à nouveau le script timthumb.php pour créer des vignettes pour le navigateur à base de vignettes.
Dans le prochain article, nous verrons comment créer son propre panneau d’administration du thème.
Partagez:![Digg Digg](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-Gzf7Wj.jpeg)
![del.icio.us del.icio.us](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-5FWTF5.jpeg)
![Technorati Technorati](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-i9u8n1.jpeg)
![Facebook Facebook](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-pZ55A0.jpeg)
![Netvibes Netvibes](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-ePAMql.jpeg)
![BlogMemes Fr BlogMemes Fr](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-5AAHth.jpeg)
![TwitThis TwitThis](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-rjSB5g.jpeg)
![Blogasty Blogasty](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-2E70Oo.jpeg)
![BlogMemes Bel BlogMemes Bel](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-Y1VDjf.jpeg)
![MisterWong Fr MisterWong Fr](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-vojx64.jpeg)
![Quebec Buzz Quebec Buzz](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-b_eZdr.png)
![Romanding Romanding](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-mwu9Sk.png)
![Tutmarks Tutmarks](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-fOdoQH.png)
![Viadeo Viadeo](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-ciVxCg.jpeg)
![Yoolink Yoolink](https://media.paperblog.fr/i/188/1886753/wordpress-creation-dune-categorie-vedette-fea-L-VXYM9a.jpeg)
Autres articles:
- Pour insérer des vignettes, j'utilisais jusqu'à récemment le plugin "Thumbnail...
- Pour améliorer la qualité des résultats des recherches de vos...
- Les shortcodes Wordpress sont de simples jeux de fonctions pour...