Afficher une liste de pages CHOISIES avec image et description

Astuce qui permet de mettre en avant une page ou un billet partout où l'on veut.

rayven00

rayven00

Messages : 61
Inscrit le : 27/04/2015 10:09

Hello !
Je vous partage un code HTML que j'utilise partout sur mon site pour promouvoir une page ou un billet sur un autre.
Vous pouvez en mettre plusieurs à la suite ou seulement un seul.
Le but c'est de faire des liaisons entre différents contenus que vous avez choisi.

Il existe le widget Liste de pages et sous-catégories (version détaillée) mais il ne vous sera pas possible de sélectionner un contenu précis ni de le faire pour un billet du blog.

Alors qu'avec ce code, vous êtes libre de faire ce que vous voulez.
<ul class="media-list media-stacked" data-addon="pages">
<li class="media" data-category="A REMPLACER PAR LE NOM DE LA CATEGORIE DE LA PAGE">
<div class="media-object"><a href="A REMPLACER PAR LE LIEN DE LA PAGE"><img alt="A REMPLACER PAR NOM DE L'IMAGE" src="A REMPLACER PAR LE LIEN DE L'IMAGE?fx=c_180_180" width="180" /> <span class="media-overlay"><i class="fa fa-plus fa-3x"></i></span></a></div>

<div class="media-body">
<h3 class="media-heading"><a href="A REMPLACER PAR LE TITRE DE LA PAGE</a> <span class="new-item badge bg-warning">NEW</span></h3>

<div class="item-content">A REMPLACER PAR LA DESCRIPTION DE LA PAGE</div>
</div>
</li>
</ul>

Voilà ce que ça donne en pratique : https://www.papyswarriors.com/pages/tutos/brawl-stars/guide-complet-du-debutant.html

Edité le 04/01/2019 14:50 par rayven00

claudiodi

claudiodi

Messages : 2
Inscrit le : 11/01/2019

Merci pour cette astuce

Découvrez le site spécialisé dans les objets réutilisables : https://www.reutilisable.net/

kampoengkulit

kampoengkulit

Messages : 1
Inscrit le : 08/03/2019