Comment créer une liste d’articles avec miniatures

Publié par Fred Le

Catégorie(s): Tutoriel Wordpress
 

Dans se tutoriel je vais vous expliquer comment créer une liste d’articles avec miniature, que vous pourrez ajouter sur votre page d’accueil ou dans vos  pages template de votre thème WordPress.

Pour la boucle (loop) je me servirais de la fonction Query_posts que vous pourrez personnaliser en lissant l’article : Utiliser la fonction query_posts pour personnaliser l’affichage de vos articles.

Nous utiliserons aussi la fonction post-thumbnails  qui va nous servir à  afficher les miniatures des articles.


 

Première étape ajouter la boucle suivante qui affichera les articles avec un titre et un extrait :

<div class="entry">

<?php query_posts('cat=0&showposts=4'); while (have_posts()) : the_post(); // début de la boucle ?>

<h2><?php the_title(); // affichage du titre?></h2>

<?php the_excerpt(); // affichage de l'extrait ?>

<?php endwhile; // fin de la boucle ?>

</div>

Ensuite ajouter le code suivant dans le fichier function.php de votre thème :

// Déclaration de la prise en charge des miniatures dans le thème

	add_theme_support( 'post-thumbnails' );

// déclaration de la function pour redimentioner les miniatures 

if ( function_exists( 'add_image_size' ) ) {

	add_image_size( 'homepage-thumb', 220, 180, true ); //(Image recadrée)

}

Le code de la ligne 3 va déclarer la prise en charge des miniatures dans votre thème.

La ligne 7 va déclarer la fonction qui va permettre de redimensionner vos miniatures.

Et la ligne 9 va nous servir à définir la dimension des miniatures qui vont être affiché, homepage-thumb est l’identifiant de nos miniatures,  220 est la largeur et 180 est la hauteur.

Si par exemple  vous voulez utiliser la largeur original de votre image indiquer  9999, 180 faite de même pour la hauteur.

Vous pouvez aussi ajouter plusieurs dimensions pour vos miniatures en dupliquant  la ligne 9 et en changeant l’identifiant exemple : homepage-thumb-2.

Pour afficher la miniature de vos articles ajouter le code suivant a l’intérieur de la boucle :

ID, 'homepage-thumb');?>

La boucle  finale se présente comme ceci :

<?php query_posts('cat=0&showposts=4'); while (have_posts()) : the_post(); // début de la boucle ?>

<h2><?php the_title(); // affichage du titre?></h2>

<?php echo get_the_post_thumbnail($post->ID, 'homepage-thumb'); // affichage de la miniature ?>

<?php the_excerpt(); // affichage de l'extrait ?>

<?php endwhile; // fin de la boucle ?>

Important ! Pour que la miniature s’affiche correctement, lors de l’édition de votre article vous devez définir  l’option  image à la une.

Maintenant il ne reste plus ajouter les balises html et le code CSS pour la mise forme.

/* Articles avec miniatures */

.entry {

width:380px; 

padding:8px;

}

.articles{

clear:both;

}

.title { 

font-size:14px; 

}

.thumbs { 

float:left;

padding:5px;

}

.separateur{ !important

clear:both;

float:left;

width:100%;

height:1px;

border-bottom: dotted 1px #CCCCCC;

}

.read-more {

color:#FFFFFF;

margin-bottom:10px;

margin-top:10px;

}

.read-more a:hover {

color:#0099FF;

}

.read-more{

float:right;

padding:3px;

background-color:#333333;

/* Css 3 */

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

Code de la boucle avec les balises html :

<div class="entry"> <!-- Conteneur --> 

<?php query_posts('cat=0&showposts=4'); while (have_posts()) : the_post(); // début de la boucle ?>

<div class="articles"><!-- Articles -->

<div class="thumbs"><?php echo get_the_post_thumbnail($post->ID, 'homepage-thumb'); // affichage de la miniature ?></div>

<h2 class="title"><?php the_title(); // affichage du titre?></h2>

<?php the_excerpt(); // affichage de l'extrait ?>

</div> <!-- Articles fin -->

<div class="separateur"></div><!-- Séparateur -->

<?php endwhile; // fin de la boucle ?>

</div><!-- Conteneur fin -->

Code du fichier function.php, dans le code ci-dessous j’ai rajouté deux fonctions pour personnaliser la longueur des extraits et le lien permanent que vous pourrez modifier. Si vous désirez plus d’information sur se sujet je vous conseil de lire l’article : Personnalisé la longueur de vos extraits.

<?php

// Déclaration de la prise en charge des miniatures dans le thème

	add_theme_support( 'post-thumbnails' );

// déclaration de la function pour redimentioner les miniatures 

if ( function_exists( 'add_image_size' ) ) {

	add_image_size( 'homepage-thumb', 220, 180, true ); //(Image recadrée)

}

// Cette fonction change la longueur de l'extrait 

function custom_excerpt_length( $length ) {

	return 15; // Modifier 15 pour changer la longueur de l'extrait

}

add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );

// Cette fonction personalise le lien permanent vers l'article 

function new_excerpt_more($more) {

       global $post;

	return '<a class="read-more" href="'. get_permalink($post->ID) . '">Lire la suite...</a>'; // Ligne a modifier

}

add_filter('excerpt_more', 'new_excerpt_more');

?>

Les fichiers sources sont disponible ici

Mots clés:





60 Commenataires pour :

“Comment créer une liste d’articles avec miniatures”

  1. Cymry dit :

    Bonjour,
    Merci pour ce tutoriel très intéressant. Je voulais savoir s’il fonctionnait aussi avec l’affichage des articles présentés en liste dans les catégories (thème twenty ten) ? Débutante en WP, je m’arrache un peu les cheveux.

  2. Fred dit :

    Bonjour Cymry,
    Vous pouvez utiliser le code ci-dessus dans le thème twentyten, tous les codes et les tutoriels de mon site sont tester sur les thèmes de base de WordPress.

    Une chose que je n’ai pas précisé si vous ajouter plusieurs listes d’articles il faut que chaque boucles se termine après le endwhile (ou endif pour certaine boucle) comme ceci :

    <?php endwhile; // fin de la boucle ?>
    <?php wp_reset_query(); // Réinitialise la boucle ?>
    

    Cela évite les bugs pour les autres boucles.

    Pour infos je vais ouvrir prochainement un forum d’aide sur WordPress les débutantes et débutant seront le bienvenu 😉

  3. yohann dit :

    Merci beaucoup pour cet excellent tuto, mais je rencontre 2 pbs de mise en forme:

    1- Le contenu de mes articles se positionne en dessous l’image à la une et non à côté comme dans votre exemple.
    2- J’aimerais afficher 2 articles côte à côte dans la div .entry.
    J’ai essayé tout un tas de modifs dans la feuille de style, en vain…

    Merci de m’éclairer…

  4. Fred dit :

    Bonjour yohann, essayé d’ajouter une largeur au texte de l’article comme ceci :

    // css
    .txt{ float:left; width:180px;}  /* indiquez la largeur désirer */
    //loop
    <div class="txt"> <?php the_excerpt(); // affichage de l'extrait ?></div>
    

    Pour ajouter une autre colonne dupliquer le code en changant l’ID entry exemple entry-2 puis ajouter le code css :

    #global{ width: 760px; margin:0; } /* largeur total des deux colonne */
    .entry { width:380px; padding:8px; float: left; } /* première colonne */
    .entry-2  { width:380px; padding:8px; float: left; } /* deuxième colonne */
    

    Adapter vos dimensions bien sur .

  5. yourtwinkle dit :

    Merci, c’est ce que je cherchais depuis longtemps!
    Par contre j’aimerais choisir moi-même l’extrait, en renseignant le champ extrait à la rédaction d’un article, mais quand je fais ça je ne vois plus le lien « lire la suite » ?

  6. Fred dit :

    Bonjour yourtwinkle,
    Si le lien lire la suite ne s’affiche pas supprimer le code de la ligne 23 a la ligne 35 inclus. Puis ajouté le code suivant dans la boucle :

    <?php the_excerpt(); // affichage de l'extrait ?><span class="read_more"><a href="<?php the_permalink(); ?>">Lire la suite...</a></span>

    Cela devrait résoudre le problème.

  7. Bobby dit :

    Bonjour Fred,
    Je me prends la tête depuis un moment pour arriver à afficher ma liste horizontalement.
    A chaque fois que je crée une div pour englober l’ensemble de mes articles un seul apparait dans l’emplacement prévu et les autres apparaissent en dessous à chaque fois.
    Aurais-tu une solution stp ?

  8. Fred dit :

    Bonsoir Bobby,
    Si j’ai bien compris tu as un problème d’alignement horizontal de plusieurs blocs (div) ?
    Pour aligner par exemple deux blocs horizontalement tu dois indiquer un float pour chaque div,
    Je prends l’exemple de mon code :
    Le code CSS

    /* Premier bloc */
    .entry {
    
    width:380px;
    Float:left; /*ici je dit a la balise de s’aligner a gauche */  
    
    padding:8px;
    
    }
    
    /* Deuxième bloc */
     .entry-2 {
    
    width:380px;
    Float:left; /*ici je dis a la deuxième balise de s’aligner a gauche aussi */  
    
    padding:8px;
    
    }
    
    

    Le code HTML

    <div class="entry">
    <!—- Conteneur de ma première colonne d’articles -->
    </div>
    
    <div class="entry-2">
    <!—- Conteneur de ma deuxième colonne d’articles -->
    </div>
    
    

    Attention ! la largeur des deux colonnes plus les marges(margin) dois correspondre a la largeur totale de ta page dans l’exemple j’ai 380px+380px=760px et aucune marge donc la page qui dois contenir mes colonnes fera minimum 760px de large.

    Et entre chaque ligne horizontale (qui contient tes colonnes) tu ajoute le code suivant :

    <div style="clear:both;"></div>
    

    Pour éviter des décalages 😉

    Le positionnement CSS n’est pas simple quant tu réalise une page avec plusieurs blocs par d’un thème vierge que tu installe en locale et après adapte la page final a ton thème, ca permet de mieux analyser les erreurs des class ou des ID qui rentre en conflit par exemple.

  9. Bobby dit :

    Bonsoir Fred,
    Je suis parti d’un thème vierge en effet.
    Ce n’est pas l’alignement des div qui pose problème mais l’alignement des articles en fait.
    Pour mieux comprendre je t’ai fait un screen : http://www.savin-it.com/di-62WC.png

  10. Bobby dit :

    Le code n’est pas passé, je l’ai screené aussi du coup : http://www.savin-it.com/di-EF63.png

  11. Fred dit :

    Bonjour Bobby,
    Ok j’ai vu ton problème déjà tu supprime la div avec la class box que tu as rajouté et la div avec la class separateur . Ensuite tu modifie le css de la class articles comme ceci :

    .articles{
    width:150px; /* qui est la largeur de l'image et de l'article */
    float:left; /* aligne les articles sur la gauche */
    margin-left:8px; /*espace entre les articles */
    height:200px; /* hauteur des articles */
    }
    

    La class entry est le conteneur ou tu ajoute la largeur totale du nombre d’article exemple 3 articles de 150px de large et avec une marge de gauche de 10px = 480px.

  12. Bobby dit :

    Hello Fred,
    ça marche merci!
    J’ai juste un petit souci, l’image ne se redimensionne pas comme je le souhaite.

    J’ai pourtant retouché la fonction « homepage-thumb » du fichier functions.php en mettant 220, 180 (qui correspond à width, height si je ne me trompe pas)
    J’ai aussi essayé de retoucher dans les réglages wordpress la taille des thumbnails(Réglages->Médias->Taille des miniatures) mais rien n’y fait.
    Un recadrage s’applique et les dimensions ne correspondent pas.
    Pour preuve ce screen : http://www.savin-it.com/di-A7RV.png
    Je ne vois pas ce que je peux faire d’autre pour que les réglages s’appliquent.
    (Désolé pour le roman mais j’ai essayé d’être le plus précis possible.)

  13. Bobby dit :

    Ah yes ça marche impecc’ merci 😀
    Juste une dernière petite question après j’arrête de t’embêter.
    Dans cette ligne de code :

    categorie=0 et showpost=6
    

    showpost 6 est censé montrer seulement les 6 derniers articles sur la page, pourtant dès que j’ajoute un article il s’affiche sur la page.

  14. Fred dit :

    tu veu dire qu’il s’affiche en double ?

  15. Bobby dit :

    Non en fait il montre tous les articles de la catégorie.

  16. Bobby dit :

    Je t’ai fait un screen encore ^^
    http://www.savin-it.com/di-7WUS.png
    C’est comme si la fonction showpost n’était pas prise en compte.

  17. Bobby dit :

    C’est exactement ce que j’ai fait : http://www.savin-it.com/di-TLCX.png

    Ma catégorie porte l’ID n°3 et j’indique avec la fonction showpost d’afficher seulement 6 articles… Sauf que ça m’affiche tous les articles.

  18. Fred dit :

    tu as plusieurs boucle sur la même page si c’est le cas indique ce code a chaque fin de boucle :

    < ?php endwhile; // fin de la boucle ?>
    < ?php wp_reset_query(); // Réinitialise la boucle ?>
    
  19. Bobby dit :

    J’ai inclus la fonction reset_query mais ça ne fonctionne pas, en enlevant ma seconde boucle ça ne change rien non plus.

  20. Bobby dit :

    J’ai finalement trouvé une solution étonnante.
    En écrivant « showposts » avec un S il prend la fonction en compte, sans le S ça ne marche pas.
    Je ne sais pas d’où vient ce bug étant donné que la fonction est indiquée partout sans S.
    Sinon j’ai aussi réussi en utilisant la fonction posts_per_page=6 à la place mais je ne crois pas qu’elle soit vraiment adaptée.
    Ca reste de la bidouille et j’aime pas vraiment ça. :/

  21. Fred dit :

    Se n’ai pas un bug showposts prend bien un S autant pour moi 🙁 je n’vais pas remarquer cette erreur dans le code.

  22. Bobby dit :

    Une faute de frappe ça arrive, tu m’as beaucoup aidé en tout cas. Merci pour tout ces petits tutos et pour l’aide apportée, c’est vraiment génial de ta part. 😉
    J’ai un dernier truc à te demander.(oui je sais, c’est la deuxième fois que je le dis :p )

    Comment je peux faire pour que mon titre ne dépasse pas comme sur ce screen : http://www.savin-it.com/di-ZEE3.png
    J’ai essayé un max-width dans la class title mais ça n’a pas l’air de fonctionner.

  23. Fred dit :

    essaye ca :

    
    .title {
    width:150px; /* définir une largeur pour les titres*/
    display:block; /* ou cette solution pour générer un bloc principale */
    font-size:14px;  
    }
    
    

    ça devrais le faire 😉

  24. Bobby dit :

    J’ai appliqué une width de 10px pour tester, ça fonctionne mais pas totalement. Quand un mot est très long ça ne fonctionne pas. Sur un mot court ça fonctionne: http://www.savin-it.com/di-UU2V.png

  25. Fred dit :

    Indique la même chose pour la class articles, la ça se joue au niveau du code CSS

  26. Bobby dit :

    Ma class articles a déjà une width définie (127px) donc ça ne fonctionne pas.
    A la limite, est-il possible de définir un nombre de caractère maximal ?

  27. kazzoul dit :

    Bonjour Fred
    pourriez vous m’aider svp:
    j’ai une Base de données: avec (nom de l’objet, photo, description).
    comment afficher l’ensemble des miniatures photos avec le nom en dessus, et dès qu’on clique sur la miniature, on a une page qui s’affiche avec la description par exemple

    • Fred dit :

      Bonsoir Kazzoul,
      Pour appliquer se genre effet sur les images de vos articles (nom de l’objet, photo, description)
      Vous avez deux possibilités : utiliser jquery hover effect qui va afficher du contenu par-dessus votre image ou jquery tooltip qui lui ouvrira une petite fenêtre avec le contenu.
      Les effets sont aussi faisables avec le code CSS3 et plus facile a mettre en place si vous êtes débutant.

  28. britain dit :

    merci beaucoup pour ce tutoriel,j’ai réussi à faire ma page d’accueil comme je voulais,avoir les 3 ou 4 articles de chaque catégorie mais juste un point j’aurai aimé avoir le nom de la catégorie au dessus et (comme je suis chiant) un lien vers le flux RSS,c’est possible ,
    Merci

  29. britain dit :

    nom de la catégorie trouvé
    cat_name;?>

  30. britain dit :

    http://www.blogueur.org/wordpress-labs/recuperer-id-nom-et-description-dune-categorie-wordpress.html
    le lien,vu que le code n’apparait pas désolé,j’ai pris celui de
    Récupérer et afficher le nom de la Caté­gorie de l’article:
    entre les balises h2

  31. britain dit :

    non pas bon c’est aléatoire,pas focément le bon nom de la catégorie.

    • Fred dit :

      Bonsoir Britain,

      Pour afficher le nom de la catégorie ajouter le code suivant a l’interieur de la boucle :

      <h1>Catégorie : <?php the_category(',') ?></h1>
      
      • britain dit :

        bizarre je n’ai pas forcément le bon nom de la catégorie,je vais mettre le nom en dur. on peut mettre le nom au dessus de la liste avec un fond comme dans la sidebar ?
        merci

        • Fred dit :

          Oui on peut écrire le nom de la catégorie tous simplement, si vous avez plusieurs boucle sur la même page essayer de mettre :

          <?php wp_reset_query(); ?>
          

          a la fin de vos boucle après le endif

  32. Junior dit :

    Escuser moi mes je ne vois pas dans quoi il faut mettre les code . Je suis ultra novice

    • Fred dit :

      Bonsoir Junior,
      Pas de problème,pour la première parti il faut ouvrir le fichier funtions.php qui se trouve dans le dossier de votre thème qui est wp-content/themes/votre theme/
      Ensuite vous créer une page template faite un copier coller du fichier page.php qui se trouve aussi dans le dossier du thème puis renommer le exemple page-test.php, puis ouvrez le et changer l’entête et supprimer le code dans les balises content et contrainer (j’ai pris l’exemple du thème twentyten) puis ajouter la deuxième parti du code dans le tutoriel comme ceci :

      <?php
      /**
       * 
       * Template Name: Test page
       */
      
      get_header(); ?>
      
      		<div id="container">
      			<div id="content" role="main">
      
      		<div class="entry"> <!-- Conteneur --> 
      
      <?php query_posts('cat=0&showposts=4'); while (have_posts()) : the_post(); // début de la boucle ?>
      
      <div class="articles"><!-- Articles -->
      
      <div class="thumbs"><?php echo get_the_post_thumbnail($post->ID, 'homepage-thumb'); // affichage de la miniature ?></div>
      
      <h2 class="title"><?php the_title(); // affichage du titre?></h2>
      
      <?php the_excerpt(); // affichage de l'extrait ?>
      
      </div> <!-- Articles fin -->
      
      <div class="separateur"></div><!-- Séparateur -->
      
      <?php endwhile; // fin de la boucle ?>
      
      </div><!-- Conteneur fin -->
      
      			</div><!-- #content -->
      		</div><!-- #container -->
      
      <?php get_sidebar(); ?>
      <?php get_footer(); ?>
      

      Puis ajouté le code css dans le fichier style.css qui se trouve aussi dans le même dossier.

      ensuite faite ajouter une page dans wordpress, choisissez le modele Test page et publier.

  33. yok dit :

    Bonjour Fred,

    J’ai installé un thème et j’aimerais rajouter ton code.
    Peux-tu préciser dans quels fichiers copier les différents codes?
    style.css —> style.css
    code.php —> ???
    code-final.php —> ???
    function.php —> lorsque je le copie à la fin de functions.php, j’ai une erreur

    Merci pour le partage! 🙂

    • Fred dit :

      Bonjour Yok,
      Le code de la boucle tu peu le placer dans une page template a l’origine page.php ou single.php en dehors de la boucle de celle-ci.
      Le css dans le fichier style.css du thème
      Et pour la prise en charge des miniatures et la modification de l’extrait dans le fichier function.php du thème. Si tu as une erreur du genre « cannot redeclare « cela veut dire que ton thème prend déjà en charge les miniatures ou la modification de la longueur de l’extrait , supprime la fonction concerner.

  34. tbdarkspirit dit :

    Bonjour,

    Merci pour ce tuto très utile! Toutefois, j’aimerai bien créer une page avec les miniatures et extraits sur 2 (ou plus) colonnes…

    Savez-vous comment je devrais m’y prendre?

    D’avance merci

    • Fred dit :

      Bonjour tbdarkspirit,
      Pour faire plusieurs colonnes il faudra utiliser des balises html et du code css pour le positionnement voici un exemple :

      Code html pour la page template :

      <div id="cols-container"><!-- Conteneur des colonnes -->
      <div class="cols-1">
      CODE DE LA BOUCLE
      </div>
      <div class="cols-2">
      CODE DE LA BOUCLE
      </div>
      <div class="cols-3">
      CODE DE LA BOUCLE
      </div>
      <div class="cols-clear"></div>
      </div><!-- Conteneur des colonnes fin -->
      

      Code CSS pour le fichier style.css :

      #cols-container { width:605px; margin:0 auto; background:#999999;}
      .cols-1{ width:195px; float:left; margin-right:10px; background:#CCCCCC;}
      .cols-2 { width:195px; float:left; margin-right:10px; background: #0066FF;}
      .cols-3 { width:195px; float:left; background: #009900;}
      .cols-clear { width:100%; height:1px; clear:both;} /* impportant */
      

      Voila une base de départ que vous pouvez adapter a votre blog.

  35. Merci pour cette article super intéressant mais au lieu d’affichier les articles en liste, j’aimerai les affichier en colonne , aurai tu une idée ?

    • Fred dit :

      Bonjour Cédric,
      Désoler de ne pas avoir plu te répondre plutôt 🙁 , pour afficher des colonnes d’article avec le code du tuto, tu dois modifier le css : la largeur de class entry qui est le bloc qui va contenir les colonnes, la class articles qui sera la colonne de chaque article et leur position et tu supprime la class separateur :

      .entry {
      width:100%; /*Largeur du Bloc qui contient tous les articles*/ 
      padding:8px;
      
      
      }
      .articles{
      float:left; /*Aligement des articles a gauche */
      width:180px; /* Largeur des colonnes
      margin-left:10px; /*Espace entre les colonnes*/
      }
      .title { 
      font-size:14px; 
      }
      .thumbs { 
      float:left;
      padding:5px;
      }
      
      .read-more {
      color:#FFFFFF;
      margin-bottom:10px;
      margin-top:10px;
      }
      
      .read-more a:hover {
      color:#0099FF;
      }
       
      .read-more{
      float:right;
      padding:3px;
      background-color:#333333;
      /* Css 3 */
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      }
      

      Bien sûr tu dois adapter la largeur de ton bloc en fonction du nombre et de la largeur de tes colonnes.

  36. herman dit :

    Bonjour,
    Merci pour le tuto et le code, j’ai galéré lgtps avant de tomber ici.
    j’aurais une question:
    A la place de l’extrait je voudrais juste afficher la ( ou les) catégories de l’article ainsi que la date, je ne sais pas trop comment faire?

    Merci !

    • Fred dit :

      Bonsoir Herman,
      Pour afficher la ou les catégories il faut ajouter la fonction get_the_category_list dans la boucle et pour la date ont peu utilisé la fonction get_the_time ces deux fonctions offres pas mal de possibilités d’affichage, j’ai mis les liens vers le codex dans le code ci-dessous. 😉

      <div class="entry">  <!-- Conteneur --> 
      
      <?php query_posts('cat=0&showposts=4'); while (have_posts()) : the_post(); // début de la boucle ?>
      
      <div class="articles"><!-- Articles -->
      
      <div class="thumbs"><?php echo get_the_post_thumbnail($post->ID, 'homepage-thumb'); // affichage de la miniature ?></div>
      
      <h2 class="title"><?php the_title(); // affichage du titre?></h2>
      
      <?php printf(__('Le %1$s'), get_the_time(__(' j F , Y'))); // affichage de la date codex : http://codex.wordpress.org/Formatting_Date_and_Time ?>
      <br/>
      <?php printf(__('Cat&eacute;gorie(s) %1$s'), get_the_category_list(', ')); // affichage de(s) catégorie(s) codex  http://codex.wordpress.org/Function_Reference/get_the_category_list ?>
      
      
      </div> <!-- Articles fin -->
      
      <div class="separateur"></div><!-- Séparateur -->
      
      <?php endwhile; // fin de la boucle ?>
      
      </div>  <!-- Conteneur fin -->
      
  37. Damien dit :

    Bonjour,

    Tout d’abord merci beaucoup pour ce chouette Tuto !
    Tout fonctionne bien sauf que je ne peux plus inserer une image sous ma liste d’article 🙁

    Je suis sur ma page (en backOffice) j’insère une image avec « ajouter un média »
    et rien ne s affiche.

    Avez-vous une idée ?

    Cordialement

    Damien

    • Fred dit :

      Bonjour Damien,
      Merci,
      Vous utiliser bien l’image a une ?
      Et vous avez bien déclarer le fonction :

      add_theme_support( 'post-thumbnails' );
      
  38. Damien dit :

    Bonjour,

    Votre tuto marche très bien mais du coup il supprime mon contenu de page
    J’avais un texte que je voulais mettre à coté et rien n’apparait ?
    L’idée est d’avoir un texte à gauche et cette liste d’article à droite.

    Damien

  39. Damien dit :

    Re-bonjour,

    En fait j’avais mal copié le code (ouuuuuuh le nul !)

    Damien

  40. Laure1207 dit :

    Bonjour, j’ai appliqué votre mais je n’arrive toujours pas à avoir mon extrait de l’article à droite de la miniature, je n’en peux plus.
    Pouvez vous m’aider svp?

Laisser un commentaire

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Pour affiché du code HTML, CSS, PHP, JAVASCRIPT utilisé le marqueur : [code][/code]