Nous allons modifier l'affichage des articles de la page d'accueil et des catégories (topics) en ajoutant la variable {story_counter} au fichier du thème responsable de l'affichage de l'article et via css
<div class="story{story_counter}"> <span class="story-icons"> {email_icon} {print_icon} {pdf_icon} {edit_icon} </span> <h1>{story_title_link}</h1> <div class="story-information"> <p>{story_date}</p> <p>{lang_contributed_by} {start_contributedby_anchortag}{contributedby_author}{end_contributedby_anchortag}</p> <p>{lang_views} {story_hits}</p> </div> <div class="story-body"> {story_anchortag_and_image}{story_text_no_br} </div> <div class="story-footer"> <p>{page_selector}</p> <p>{readmore_link} {post_comment_link}</p> <p>{plugin_itemdisplay}{comments_with_count} {trackbacks_with_count}</p> </div> </div>
.story3 , .story5, .story7, .story9, .story11, .story13, .story15{ float:left; width:48%; padding:10px 10px 10px 0px; background:transparent; color:#000000; } .story2, .story4, .story6, .story8, .story10, .story12, .story14, .story16{ float:left; width:48%; padding:10px 10px 10px 0px; background:transparent; color:#000000; }
Si vous souhaitez ajouter du contenu en dessous des articles, créer un page statique commençant par
<div style="clear:both;"></div>
.story3 , .story5, .story7, .story9, .story11, .story13, .story15, .story2, .story4, .story6, .story8, .story10, .story12, .story14, .story16{ float:left; width:31%; padding:10px 15px 10px 0px; background:transparent; color:#000000; }