Jaax

Suite à des demandes, je vais tâcher de vous expliquer comment créer une annonce ou edito sur votre blog, c’est à dire un article placé avant les autres auquel on applique les styles css de notre choix :-)

Ce qu’il vous faut :

-10 minutes
-Le plugin wp-sticky
-vos petits doigts (et un ordinateur sans vouloir être lourd :D)

Mode d’emploi :

• 1 - Une fois le plugin wp-sticky téléchargé et installé, vous allez sur l’article que vous voulez placer en en-tête En bas de la page pour l’éditer, vous avez un champ nommé “Post Sticky Status”. Vous choisissez “Announcement”. Ainsi, l’article est “stické” en haut de la page ;-)

• 2 - Vous restez dans votre admin wordpress puis Apparence > Éditeur de thème > Page d’accueil (index.php)

• 3 - On va définir une div différente pour chaque article. Pour se faire, repérez la ligne
  <div class=”post”>et remplacez la par
  <div class=”post” id=”post-<?php the_ID(); ?>”>. Il est possible que cet astuce soit intégrée par défaut, c’est le cas dans les “bons” thèmes :-)

• 4 - Affichez le code source de votre blog, et notez le nom de la div de l’article que vous voulez transformer en annonce par exemple :

  <div class="post" id="post-254">

• 5 - Récupérez l’id de la div, pour moi, c’est post-254

• 6 - Retournez à votre admin wordpress >Apparence > Éditeur de thème > Feuille de style (style.css)

• 7 - Vous allez appliquer le style de votre choix à l’article, pour cela, rajoutez une ligne à la fin du code : #id de la div {le style qui vous fait plaisir} Exemple :
  #post-254 {
  background-color:#FFFFD3;
  border:2px solid;
  border-color:#C3004E;
  margin:20px 40px 30px;
  padding:12px;
  }

Vous pouvez bien sûr me faire part de tous vos commentaires, idées et/ou reproches ci dessous.

Articles relatifs

• Annonce : ALLELUILLA! et deux trois autres trucs
• Présentation de Presse-citron
• Présentation de Colibri
• Pourquoi ce blog?