Informations générales

Utilisation de CatImgs :

  • Ajouter les images :

Pour utiliser CatImgs, il faut tout d'abord ajouter une ou plusieurs images pour chaque catégorie. Pour ce faire, il suffit simplement de rajouter la (ou les) image(s) dans la description de la catégorie.

  • Utilisation du Widget :

Ajouter le widget dans le bandeau de son choix, et configurer l'affichage du widget : définir le titre du widget, choisir la taille des images. Choisir d'accompagner l'image avec le titre sous forme de texte. Choisir d'afficher le première image de la description, ou une image aléatoire de la description.

  • Utilisation de la balise :

Il est possible d'ajouter l'image de la catégorie dans l'affichage d'un billet, en utilisant la balise de CatImgs, comme ceci :

<a href="{{tpl:EntryCategoryURL}}"><img src="{{tpl:CategoryImageFile size="o" random="1"}}" /></a>

La balise permet deux paramètres : size avec la valeur o pour original, m pour medium, s pour small, sq pour square, t pour thumbnail. random avec la valeur 0 pour faut ou 1 pour vrai.

  • personnalisation du widget :

Voici un exemple de code HTML généré par le widget :

<div class="catimgs">
	<h2>Categories List /h2> 
	<div class="catimgscontent">
		<ul>
			<li><a href="http://toutatis.local/dc2/index.php/category/General"><img src="/dc2/public/categories/general1.png" alt="Ici et Là" title="Ici et Là"><span>Ici et Là</span></a>
				<ul>
					<li><a href="http://toutatis.local/dc2/index.php/category/Montres"><img src="/dc2/public/categories/montres1.png" alt="Tic Tac" title="Tic Tac"><span>Tic Tac</span></a></li>
				</ul>
			</li>
			<li><a href="http://toutatis.local/dc2/index.php/category/Webtech"><img src="/dc2/public/categories/webtech1.png" alt="Web Tech" title="Web Tech"><span>Web Tech</span></a></li>
			<li><a href="http://toutatis.local/dc2/index.php/category/Actu"><img src="/dc2/public/categories/actu1.png" alt="Humeur d'Actu" title="Humeur d'Actu"><span>Humeur d'Actu</span></a></li>
		</ul>
	</div>
</div>

La personnalisation CSS peut se faire à partir de la classe catimgs et des balises <ul> et <li>. L'image par défaut qui est utilisée si la description de la catégorie ne comporte pas d'image, peut-être définie dans le thème. Pour se faire il faut changer les valeurs de l'onglet paramètres de la page de l'extension.

Informations techniques

  • Version du plugin : 1.1
  • Version minimale de Dotclear : 2.5
  • Licence : GNU GPL v2
  • Support : Billet dédié