Comment afficher le nombre d’articles publiés sur WordPress ?

Voici un petit tutoriel expliquant comment indiquer à vos visiteurs le nombre d’articles publiés sur votre blog WordPress. Tout est dans la vidéo en bas, les différentes étapes et le code à installer sont disponibles en dessous de la vidéo.

  • Dans le panneau d’administration, aller dans « apparence »> »éditeur »
  • Ouvrir un de ces trois fichiers : single.php – header.php – footer.php, selon l’emplacement où vous souhaitez afficher le nombre d’articles.
  • Coller dans le fichier le petit code suivant :
     <?php echo wp_count_posts('post')->publish; ?>  

    avec la phrase de présentation de votre choix. Il est conseillé de faire une sauvegarde du fichier avant toute modification.

  • Pour personnaliser le texte affiché, vous pouvez utilisez ce petit code de style en ligne ou personnaliser à votre gré.
    <span style="font-size: 15px; color: gray;"><span style="color: #32cd32; font-weight: bold;">
    <?php echo wp_count_posts('post')->publish; ?>
    </span> articles ont été publiés pour vous </span>
  • Si vous maîtrisez les CSS, vous pouvez aussi remplacer le style en ligne par des classes CSS (class= »nombre_article » par exemple) et placer le code CSS au dans le fichier » style.css ». Par exemple :
    .nombre_article { font-size: 15px; color: gray; font-weight: bold; }

J’espère que cet article aura répondu à vos questions. Si vous souhaitez en apprendre davantage sur le HTML5 et CSS3, je vous conseille ce lien : Premiers pas en CSS3 et HTML5
.
A bientôt sur Outils-Web.fr

One Comment

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Lire plus :
image loader
5 générateurs de loaders animés en ligne.

Pour indiquer aux utilisateurs que le navigateur est entrain de charger des données, on utilise souvent des GIF animés. En...

suligner texte stabilo css
Comment surligner un texte comme avec un stabilo ?

Dans ce petit tuto nous allons utiliser les balises <span> et </span> et les CSS en ligne, pour surligner un...

logos outils web
8 sites pour créer des logos gratuits

Toutes les marques ont un logo, alors pourquoi pas vous ? la création de logos pour un site web ou...

Fermer