Blog'Notes

Dans les principaux thèmes mis à disposition par les designers sur Dotaddict, la ligne des tags (mots-clés) sont quasiment toujours stylés en css avec une petite îcone avant le tag.

Solution 1

Dans les fichiers home.html, category.html, post.html, archives.html et tags.html remplacez :

    <tpl:EntryMetaData>
    <tpl:MetaDataHeader><ul class="post-tags"></tpl:MetaDataHeader>
    <li><a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a></li>
    <tpl:MetaDataFooter></ul></tpl:MetaDataFooter>
    </tpl:EntryMetaData>

par :

    <tpl:EntryMetaData>
    <tpl:MetaDataHeader><ul class="post-tags"> {{tpl:lang Tags :}}</tpl:MetaDataHeader>
    <li><a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a><tpl:LoopPosition start="1" length="-1">, </tpl:LoopPosition></li>
    <tpl:MetaDataFooter></ul></tpl:MetaDataFooter>
    </tpl:EntryMetaData>

Solution 2

Dans les fichiers home.html, category.html, post.html, archives.html et tags.html remplacez :

    <tpl:EntryMetaData>
    <tpl:MetaDataHeader><ul class="post-tags"></tpl:MetaDataHeader>
    <li><a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a></li>
    <tpl:MetaDataFooter></ul></tpl:MetaDataFooter>
    </tpl:EntryMetaData>

par les lignes suivantes :

    <tpl:EntryMetaData>
    <tpl:MetaDataHeader>{{tpl:Langs Tags :}}</tpl:MetaDataHeader>
    <a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a>{{tpl:MetaSeparator separator=", "}}
    <tpl:MetaDataFooter></tpl:MetaDataFooter>
    </tpl:EntryMetaData>

et créer un fichier _public.php dans le dossier du thème activé :

<?php
$core->tpl->addValue('MetaSeparator', array('tplMyThemeAdditions', 'MetaSeparator'));
class tplMyThemeAdditions
{
	public static function MetaSeparator($attr)
	{
		$ret = isset($attr['separator']) ? $attr['separator'] : ' - ';
		$ret = html::escapeHTML($ret);
		return '<?php if (! $_ctx->meta->isEnd()) { ' . "echo '".addslashes($ret)."'; } ?>";
	}
}
?>

Astuce donnée par zeiram sur le forum Dotclear 2.