Police: A+  A-  A

Superbe Thème Magazine : Monochrome Gallery

Par niss • 16 mar, 2008 • Catégorie: Thèmes WordPress en français

Une nouvelle bombe, gracieusement offerte au téléchargement par Thad Allender de l’excellent Graph Paper Press. C’est le troisième thème de cet auteur que je vous propose ici au téléchargement, après Gridline Lite et Deadwood Lite.

Monochrome Gallery

Monochrome Gallery propose en page d’accueil le fameux slideshow issu de celui qu’on ne présente plus : Massive News. Il s’active tout bêtement pour les derniers articles que vous avez mis en ligne, en fonction de la valeur du paramètre “nombre d’articles à afficher” que vous avez indiquez dans le panneau d’admin Options/Lecture. La clé à utiliser pour le champ personnalisé image est “photo” et la valeur, l’url complète de l’image.

Sous ce slideshow, vous pouvez affichier en colonne cinq catégories auxquelles vous pouvez adjoindre une image, via le champ personnalisé “thumbnail“. Pour indiquer les catégories que vous souhaitez afficher dans ces colonnes, éditez le fichier index.php et trouvez la ligne :

  1. $display_categories = array(’8′,’43′,’42′,’48′);

Et remplacez les chiffres 8, 43, 42, 48 par vos ID catégories.
ça c’est pour le quatre premières colonnes. Pour la cinquième, trouvez la ligne :

  1. $display_categories = array(’1′);

Et remplacez le 1 par l’ID catégorie de votre choix.

Pour ces cinq colonnes vous avez la possibilité d’indiquer le nombre d’articles que vous voulez afficher, en modifiant la valeur de :

  1. showposts=1

Voilà, l’essentiel est dit, ce thème est vraiment superbe. Ah, j’allais oublier : un petit bonus qu’on voit très rarement dans les thèmes WP : vos catégories s’afficheront dans le header, mais surtout, les sous-catégories seront affichées sous forme de menu déroulant! Excellent!

Ce thème est biensûr widget ready. Un futur hit, à n’en pas douter! ;)

Monochrome Gallery Version française
Téléchargé : 2932 Fois - Preview

Partagez cette page:

Ces icones representent les sites de bookmarking social dans lesquels vos lecteurs peuvent partager et faire découvrir vos pages.
  • blogmarks
  • Blogasty
  • Wikio
  • MisterWong Fr
  • BlogMemes Fr
  • Linkertop
  • Fuzz
  • Digg
  • del.icio.us
  • Technorati
  • Tapemoi
  • Netvouz
  • DZone
  • ThisNext
  • Wists

Articles Relatifs

Marqué comme: , , , , ,

niss est le Webmaster de (niss.fr)
Email à cet auteur | Tous les Articles par niss

56 Responses »

  1. Salut Niss !

    très joli ce thème ! juste une petite question (certainement très con mais je suis toujours aussi ignorante!) :
    comment faire pour que le titre du blog apparaisse en couleur comme MONOCHROME Gallery dans l’exemple ??? ??
    Merci ;)
    Julie.

  2. Salut,

    Ben en fait il y a plusieures méthodes.

    - Soit tu mets une image
    - Soit tu remplaces dans le fichier header.php

    div class="logo"><h1><a href="<?php echo get_settings('home'); ?>/" title="Retourner à la page d'accueil"><?php bloginfo('name'); ?></a></h1></div>

    par:

    <div class="logo"><h1><a href="<?php echo get_settings('home'); ?>/" title="Retourner à la page d'accueil"><Span style="color:red;">Mon</span><Span style="color:blue;"> Site</span></a></h1></div>

    Dans mon exemple, le titre du blog c’est “Mon Site”. J’ai crée une zone avec la couleur “red” pour le mot “Mon” puis une zone avec la couleur bleu pour “Site”.

    Cela est bien entendu faisaible via style.css si tu préfères. Dans ce cas il faut que tu crée des classes avec les attributs de couleur et de mise en forme que tu souhaites. Puis au lieu d’entourer par span… tu entoures par les classes que tu as crée… Je sais pas si je suis bien clair :D

    Voilà l’idée :)

  3. Si merci c’est très clair !!
    c’est gentil ;)
    @ bientôt.

  4. Avec tout le respect qui m’incombe, j’ai un chouille du mal à voir le coté superbe des thèmes minimalistes.
    Une bete page blanche avec des encarts pour du texte et des images n’a jamais été “superbe”
    Il n’y aucun effet de reflet, d’ombre, ou d’autres effets d’infographies, strictement rien d’étudié pour arriver à ça.
    Il reste un gros travail de personnalisation à l’utilisateur pour faire quelque chose d’acceptable.
    Alors certes ces thèmes sont une bonne base, mais ce terme de “superbe” est un peu trop “marketing”

    Emachedé
    Blog cpolitic: Actualité Politique & Affiches de Film détournées
    http://cpolitic.wordpress.com

  5. Salut emachedé,

    Ce thème n’est pas un thème minimaliste, c’est plutôt un thème magazine… Après sur le qualificatif “superbe”, tout n’est qu’une question de goûts… Moi j’aime beaucoup :)

  6. RE !

    eh oui j’ai encore un pb avec ce thème !
    Sous le slide là ou toi tu as les 5 catégories avec leur titre et 3 lignes d’extrait de post moi j’ai 16 lignes d’extrait oo
    Help Niss, je patauge dans mon ignorance …
    désolée de pas avoir posté sur le forum mais pas moyen de me reconnecter alors que je tape le bon mdp … mystère !

  7. Hello Julie,

    C’est tout simple, il te suffit de renseigner “extrait optionnel” avec la taille de l’extrait que tu désires, lors de la création/modification de tes articles.

    Sinon pour cette histoire de mot de passe je vais regarder ce que je peux faire sur le forum et si j’arrive à le réinitialiser, je t’enverrai par mail un mot de passe temporaire ;)

  8. Hello Niss et bravo pour tout ce taff ;)

    J’ai un léger soucis avec ce thème car je souhaiterais remplacer le slide des 5 derniers artilces par un systeme de slide avec une mise en avant choisie et non automatique. J’ai bien tenter d’intégrer le plugin slideshow mais il semble bloquer quand kje l’integre…peut etre un conflit avec le slide du theme ! Toujours est il que je suis un peu en panne, serait il possible de modoifier le code pour qu’il cherche non plus les 5 derniers mais les 5 ayant le champs photo rempli ?

  9. Salut,

    A ma connaissance il n’est pas question des 5 derniers articles pour le slide de ce thème.. Enfin j’ai pas vérifié non plus en détail.

    Mais sinon, il te suffit de remplacer dans index.php ce bout de code :

    <div id="myGallery">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    	<div class="imageElement">
    			<a href="<?php the_permalink() ?>" title="Lien Permanent vers <?php the_title(); ?>" class="open"></a> <img src="<?php $key="photo"; echo get_post_meta($post->ID, $key, true); ?>" class="full" alt="<?php the_title(); ?>" /><img src="<?php $key="small_photo"; echo get_post_meta($post->ID, $key, true); ?>" class="thumbnail" alt="<?php the_title(); ?>" />
    <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Lien Permanent vers <?php the_title(); ?>" class="title"><?php the_title(); ?></a></h3> 
    <?php the_excerpt(); ?>
    		</div>

    par celui-ci :

    <div id="myGallery">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    	<?php $values = get_post_custom_values("photo");
    	if (isset($values[0])) { ?>
    
    	<div class="imageElement">
    
    			<a href="<?php the_permalink() ?>" title="Lien Permanent vers <?php the_title(); ?>" class="open"></a> <img src="<?php $key="photo"; echo get_post_meta($post->ID, $key, true); ?>" class="full" alt="<?php the_title(); ?>" /><img src="<?php $key="small_photo"; echo get_post_meta($post->ID, $key, true); ?>" class="thumbnail" alt="<?php the_title(); ?>" />
    <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Lien Permanent vers <?php the_title(); ?>" class="title"><?php the_title(); ?></a></h3> 
    <?php the_excerpt(); ?>
    
    </div>
    <?php } ?>

    J’ai testé rapidement et ça a l’air de marcher. Si tu n’indiques pas de champs perso “photo”, il passe à l’article suivant. ;)

  10. Impec merci pour ta réponse rapide ;)

  11. “Superbe” est un adjectif qui peut être attribué à un objet minimaliste.

  12. C’est bien mon avis aussi… :)

  13. niss excuses mais j’ai encore un problème … :(
    j’ai fait quelques modifs pour mon image de fond et j’ai du faire une connerie parce que j’ai des trucs qui vont plus dans l’écriture … et bien sur même en revenant en arrière ça reste.
    par exemple voilà comment apparait le mot rémunérés : rémunérés
    j’ai essayé de trouver toute seule avant d’appeler au secours mais là je sèche ;(

  14. nan !!! c’est bon :idee: , pardon je crois que j’ai trouvé … 1000 excuses :)

  15. magnifique thème…

    j’ai une question, savez vous quel pluying utilise ce site http://jeanmarcmorandini.tele7.fr/ pour afficher les 3 dernières news….

  16. Le site que tu cites n’est pas sous WP… C’est une réalisation personnalisée faite par une web agency!! Donc pas de plugins :D

  17. salut,

    Je viens de mettre monochrome gallery comme theme sur mon blog, mais je n’arrive pas à faire fonctionner le slideshow. Donc j’aimerais savoir comment le faire marcher, je mets pourtant la photo dans champ personnalisé avec nom photo comme indiqué. Merci d’avance si quelqu’un peut m’aider.

  18. RE, autre question, comment je fais pour mettre une image à la place du titre du blog? j’ai essayé mais là je bug

    merci d’avance

  19. Salur Oxyang… Si tu renseignes bien le champ perso avec en clé “photo” et en valeur l’url complète de ton image, et que ça ne fonctionne toujours pas, cela signifie que tu as très certainement une incompatibilité avec un plugin… et il y a de fortes chances que ce soit avec un plugin lightbox…

  20. ;)
    Bonsoir,

    Je viens d’installer ce superbe thème et je débute avec WP.
    Alors voilà.

    Comment incorporer le slide show dans ma page? Dans le thème “Massive News”, il y a un onglet prévu, mais pas là dans ce thème…
    D’autre part, comment mettre des vignettes en-dessous du slide show, comme l’exemple de son créateur?

    Merci pour vos réponses.
    Salutations
    Danick

  21. Je suis dans la même interrogation que “Danick”… Pouvez-vous nous aider ?
    :) Merci

  22. Salut à tous les 2,

    C’est indiqué dans l’article en fait.
    Il faut utiliser les champs personnalisés. C’est à dire que lors de la création de vos articles, vous devez ajouter un champ personnalisé. Chaque champ perso est fait de 2 choses :

    - une clé
    - une valeur

    Pour les articles que vous souhaitez faire apparaitre dans le caroussel, il faut utiliser comme clé du champ perso, le mot “photo” et pour les vignettes des articles sous le caroussel, le mot “thumbnail”. Et pour ces 2 champs, la valeur à indiquer est l’url complète de l’image.

    Voili.

  23. ;)
    Super merci.

    Quelques questions sur ce thème “for” midable

    Comment faire apparaître la partie de droite par rapport au “carroussel” ? ( archive, tag, …)
    Pour la partie de tout en haut (menu en gris), comment l’éditer?

    Merci d’avance

    Danick

  24. Il te suffit d’activer les widgets ;) Sinon le menu en haut est dans header.php.

  25. Merci beaucoup pour la reponse… mais moi ca fonctionne pas !!! snife ! J’y comprend pas grand chose.
    Y ‘a pas un tuto en image qui pourrait aider (… et 100 balles et un mars tu veux pas non plus !!! =+ )

  26. si tu ajoutes un widget dans la sidebar_single il ne te l’affiche pas?? Etrange!

  27. […] : graphpaperpress.com vf | Voir la […]

  28. Bonjour,

    Je viens d’installe ce theme mais sous explorer, j’ai un message d’erreur dans la barre en bas avec le triangle comme quoi il indique des conneries..comment regler ce probleme ou cela vient d’explorer ;)

    http://www.les-bandes-annonces.com

    Merci a vous

  29. Encore moi..en un sens sous ie..dans le slideshow, le titre du illet n’apparait pas et sosu firfox si..comment regler ce prob ;) ))

  30. Moi j’ai un problème ! Je renseigne bien les champs photo et thumbnail pour faire marcher le slideshow mais rien ne s’affiche !! Parfois la thumbnail mais jamais dans le slideshow ! j’ai pourtant suivi les instructions mais le problème persiste !
    Il faut uploader les images via filezilla ou depuis wordpress ? Car quand je veux upload depuis wordpress, ca me plante firefox à chaque fois ! Je n’ai pas de plugin pour le moment à par un plugin de contact form donc je ne pense pas que ca soit lui qui fasse conflit

    http://www.legalizekitesurfing.fr/V1/

  31. Bonjour !!!

    Il y a un soucis avec la page 404 (même sur la demo de l’auteur >> http://graphpaperpress.com/demo/monochrome/toto.php),
    la sidebar apparait en bas du texte d’erreur et pas à droite comme il devrait … est-ce que quelqu’un a une idée pour corriger le pb ?

  32. Bonjour,
    est-il possible de ralentir le slide-show ?
    et merci pour ce thème génial !

  33. Bonjour,

    Pas de souci pour moi pour insérer des images dans les articles et les vignettes…
    Mais je me demandais comment faire pour insérer des images dans une page ? (sans article !)
    J’ai essayé plusieurs choses mais je n’y arrive pas!

    Merci beaucoup d’avance !

  34. :(: :(: “Je viens d’installe ce theme mais sous explorer, j’ai un message d’erreur dans la barre en bas avec le triangle comme quoi il indique des conneries..comment regler ce probleme ou cela vient d’explorer”

    ç)
    j’ai le même souci…. si vous aviez des :idee: svp…

    bye

  35. :(: :(: “Je viens d’installer ce thème mais sous explorer, j’ai un message d’erreur dans la barre en bas avec le triangle comme quoi il indique des conneries..comment régler ce problème ou cela vient d’explorer”

    ç)
    j’ai le même souci…. si vous aviez des :idee: svp…

    bye

  36. bonjour a tous.
    j’ai une question. J’aimerai afficher dans le resumé de l’article une image et pas que le texte.
    pouvez vous me dire comment faire?

    merci

  37. j’ai pas de bol : celui-ci dans firefos (sans essai IE) le slide down se fait pas, les cotérogies s’etalent dans la barre du haut

  38. bonsoir.
    si ca peut t’aider.
    il faut pour que le slid show marche au moins 5 publication avec en mot clef (Photo)
    http://www.photob.fr

  39. j’ai tout ce qu’il faut vu que j’ai extrait plein d’articles d’un autre blog que je scinde en deux, je dois avoir pas loin de 10 catégories avec toutes des articles

  40. Sur IE7 il y a un petit bug qui empeche le slideshow ouvrez l’index.php contenu dans le theme.

    et remplacez
    <?php get_header(); ?>
    <div id="feature" class="column span-15 first">
    <!-- BEGIN SLIDESHOW SECTION -->

    <?php if (have_posts()) : ?>
    <?php $count = 0; ?>
    <script type="text/javascript">

    /* BUILD ARRAY OF POSTS FOR SLIDESHOW */
    var imagesArray = new Array(
    <?php while (have_posts()) : the_post(); ?>
    <?php if (get_post_meta($post->ID, photo, true) != "") : ?>
    {
    number: <?=$count?>,
    title: '<?php the_title(); ?>',
    description: '<?php $key = "slideshow_desc"; echo get_post_meta($post->ID, $key, true); ?>',
    link: '<?php the_permalink() ?>',
    linkTitle: '<?php the_title(); ?>',
    image: '<?php $key="photo"; echo get_post_meta($post->ID, $key, true); ?>',
    thumbnail: '<?php $key="thumbnail"; echo get_post_meta($post->ID, $key, true); ?>',
    transition: 'fade'
    }<?php if ($count < ($wp_query->post_count-1)) { echo ", "; } ?>
    <?php endif; ?>
    <?php $count++; ?>
    <?php endwhile; ?>
    );

    /* BEGIN SLIDESHOW POSTS */
    function startGallery() {
    var myGallery = new gallery($('myGallery'), {
    manualData: imagesArray,
    timed: true,
    showArrows: false,
    showInfopane: true,
    showCarousel: false
    });
    }
    window.addEvent('domready', startGallery);
    </script>
    <?php endif; ?>

    <div id="myGallery"></div>
    <hr class="space" />
    </div>
    <!--END SLIDESHOW POSTS-->

  41. Bonjour !
    Tout d’abord bravo pour la traduction de ce superbe thème !
    Je l’ai installé… tout content que j’étais… et malheureusement (pour moi) je rencontre quelques difficultés.

    Tout d’abord : dans la sidebar, je n’ai pas de catégories qui s’affiche comme sur la démo. Est-ce normal ?
    Ensuite, dans mes billets, j’ai l’image que j’ai mis avec la clé “photo” qui s’affiche au début de mon billet :( Comment dois-je faire pour qu’elle n’apparaisse pas ?

    Enfin, existe-il une doc (je ne l’ai pas trouvé) concernant la taille recommandé pour les images ?

    @ Ben : merci pour cette modification mais j’ai peur de mal comprendre : faut-il remplacer le bout de code que tu as surligné par le reste du code ?

    Je profite également de ce commentaire pour vous remercier pour ces traductions qui rendent, du moins à moi, de biens grands services.

  42. Oups… J’ai rebranché mon cerveau : la modif de Ben marche à merveille, il faut juste remplacer le code de la gallery par celui qu’il propose ;) Merci Ben ;)

  43. Bonsoir à tous !
    Merci pour tout le travail que vous fournissez ici, j’ai découvert ce site il y a 3 jours et du coup je change de théme pour monochrome, mais il me reste du boulot pour le personnalisé. Merci pour les traductions et le support…
    Pour Lilyprune, pour virer la photo en tête d’article tu ouvres le fichier single.php et tu supprimes la partie suivante

    <a href=”" rel=”bookmark” title=”Lien Permanent vers “><img class=”photo_align_left_single” src=”ID, $key, true); ?>” alt=”" />

    Voili voilou plus de photos en début de billet

    @+ Pacman

  44. J’avais oublié le caractère pour l’insertion du code toutes mes excuses
    <?php
    $values = get_post_custom_values("photo");
    if (isset($values[0])) {
    ?>
    <a href="<?php the_permalink() ?>" rel="bookmark" title="Lien Permanent vers <?php the_title(); ?>"><img class="photo_align_left_single" src="<?php $key="photo"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php the_title(); ?>" /></a>
    <?php } ?>

  45. Bonjour à tous,

    Je viens d’adopter ce thème pour un ami. Tout marche très bien excepté l’affichage des catégories et de leur photo respective sous le slideshow. J’ai pourtant suivi la procédure donnée par niss en haut de la page : “remplacez les chiffres 8, 43, 42, 48 par vos ID catégories …”

    Ce qui se passe : les 5 colonnes affichent la même photo et n’indiquent pas de titre.
    Si vous avez un début de solution, je vous en remercie par avance,

    yannh

  46. Re-bonjour,

    Concernant les catégories, leur ID ne figure pas dans l’admin de wp mais dans la fenêtre de Safari. Voilà la raison pour laquelle rien ne fonctionnait.
    yannh

  47. Bonjour et merci bcp pour le site et les traductions !
    Au début le slideshow fonctionnait, et puis d’un coup, plus rien ??!!
    Quelqu’un a une idée ? Je n’ai pas modifié index.php
    Merci

  48. Bonjour, et merci pour toutes les infos ;)

    Juste une question : Comment peut on changer le nombres de lignes des post sur la Home ?? oo
    Je suis un peu bloqué …

  49. Bonjour, j’aimerais savoir comment faire pour mettre le dernier article d’une catégorie dans le slideshow s’il vous plait : ;)

    Merci d’avance:)

  50. salut je suis en train d’installer Monochorome pour un projet de voyage, photos, etc…il correspond tip top à ce que je veux. Par contre j’ai un gros souci avec le slideshow : Y A RIEN QUI S’AFFICHE :(

    j’ai pourtant renseigné dans le champs personnalisé : photo + url

    Help Niss…Helpeû!!

  51. Bonjour,

    Je me suis lancé dans l’installation du thème : bel effet et lisible.

    Mais, y’a toujours un “mais”, il m’est impossible de modifier -via l’édieur- le fichier “index.php” pour sélectionner l’ID catégories affichée
    -> le fichier en question est “WARNING: This file is protected by copyright law. To reverse engineer or decode this file is strictly prohibited” !!!!!!!
    et donc aucune ligne de codes n’apparait …..

    Bad ….. y’a-t-il quelques chose qui m’échappe ?

  52. Bonjour VInce,
    je viens de télécharger le thème sur le site de Graph Paper Press et j’ai pas de soucis ?? par contre c’est avec un autre thème que j’ai cet affichage ( Modularity ), es-tu sur que c’est monochrome qui est actif au moment de ta tentative d’édition?
    Sinon télécharge la version qui est sur ce site, et tu ne devrais pas avoir de problèmes pour l’édition.
    En espérant t’avoir aidé un peu.
    @+ ;)

  53. Bonjour Pacman & merci pour la rapidité de ta réponse.

    J’ai en effet DL la version disponible ici & en effet tout roule !!!!!!!!

    Pour préciser : c’était bien une version “monochrome” du site Graph paper que j’avais pourtant ….. J’pige pas ce qui s’est passé !?

    Mais bon, là c’est OK & je me lance dans l’adaptation du thème …enfin :)

    Merci encore pour ton intervention ;)

    Cordialement,

  54. bonjour à tous,
    merci pour les conseils échangés déjà bien utiles…
    j’ai un souci pour afficher les images sous la gallery
    elle s’affichent en taille réelle au lieu de se mettre automatiquement au bon format
    j’ai pourtant bien indiqué en champ perso ‘thumbnail’ avec le lien complet de l’image…
    mais le format ne s’adapte pas
    personne n’a rencontré ce problème ?
    merci pour votre aide !

  55. Bonjour,

    Lorsque tu insères le champ Thumbnail, il faut de lien de l’image qui a été miniaturisée.
    Ce lien se termine par “-128×128″(+extension de l’image) : ainsi tes images sous la galerie seront à la taille attendue …

    Par contre, pour ma part, je télécharge mes images via le module “Média” & ensuite, il me faut aller dans mon dossier “Uploads” (via le Ftp)pour récupérer les noms exacts des images.
    => n’existe’-t-il une méthode plus évidente (aurai-je raté une étape :D )

    Cdlt,

  56. ce post m’a bien bien bien aidé!!!!!! j arrive au bout de la mise en ligne de mon blog!!!!!!
    me reste une énigme : sous le slide, je n arrive pas à afficher les noms de mes catégories.
    j ai commencé par me dire que je les avais peut-être changé de couleur et mises en blac mais rien à faire, je ne trouve pas la solution.
    Merci pour ce blog qui m a sauvé pour le slide et plein d’autres trucs!!!!!!!

Laisser un Commentaire

Pour insérer du Code: Encadrez votre morceau de code par le caractère "¤" (Alt Gr+$) (ex: ¤Le Code¤ ) - Puis laisser une ligne blanche avant et après le bloc ¤Le Code¤.

;) :o )) -(( (- :( :(( =+ :(: :) :p &) :idee: oo ç) :xa: ?? :grr: :!!!: ;( :D