Afficher un numéro de publication à côté de chaque publication

Vous pouvez suivre les étapes ci-dessous pour afficher un numéro de publication à côté de chaque publication d'un sujet.

Il est généralement préférable d'utiliser le lien de réponse dans un message lorsque vous souhaitez faire référence à ce message dans votre réponse. Cela inclut automatiquement un lien vers le message d'origine afin que les lecteurs puissent y accéder facilement. Cette approche est plus fiable que la mention d'un numéro de publication, car les numéros de publication peuvent changer si des publications sont supprimées ultérieurement. Vous pouvez également utiliser l'icône de partage dans chaque publication pour copier un lien direct vers celle-ci.

1. Connectez-vous à votre compte Website Toolbox.
2. Cliquez sur Intégrer lien dans le menu principal.
3. Cliquez sur HTML lien.
4. Copiez le code HTML ci-dessous dans Code HTML de la balise d'en-tête du forum zone de texte :

   <!-- Add post numbers next to each post of a topic. ie: #1, #2, #3 -->
   <script>
   window.addEventListener("DOMContentLoaded", function () {
   	const container = document.querySelector('#posts-list');
   	if (!container || !window.location.href.match(/\/post\//)) return;
   	const observer = new MutationObserver(function (mutations) {
   		let shouldRenumber = false;
   		for (const m of mutations) {            
   			for (const node of m.addedNodes) {
   				if (node.nodeType !== 1) continue;
   				if (node.matches && node.matches('.post-body.pull-left')) shouldRenumber = true;
   				else if (node.querySelector && node.querySelector('.post-body.pull-left')) shouldRenumber = true;                
   				if (node.id && node.id.startsWith('post_row_')) {
   					const el = document.getElementById(node.id);
   					if (el && window.getComputedStyle(el).display === 'none') shouldRenumber = true;
   				}
   			}           
   			if (m.type === 'attributes' && m.target.id && m.target.id.startsWith('post_row_')) {
   				const el = m.target;
   				if (el && window.getComputedStyle(el).display === 'none') shouldRenumber = true;
   			}
   		}
   		if (shouldRenumber) renumberPosts();
   	});
       function renumberPosts() {
   		observer.disconnect();
   		let start = 1;
   		const pageText = jQ('.page-numbers').text() || '';
   		var paginationNum = pageText.replace(/,/g, ""); 
   		const matches = paginationNum.match(/[0-9]+/);        
   		if (matches) start = parseInt(matches[0], 10);
   		let postNumber = start;
   		if(start > 1) {
   			postNumber = start - 1;
   		}
   		jQ('#posts-list .post-body .post-options').each(function () {
   			const optionsElement = jQ(this);
   			if (optionsElement.closest('.post-body').is(':visible')) {
   				optionsElement.find('.post-number').remove();
   				if(optionsElement.closest('.first-post').length) {
   					optionsElement.append('#1');
   				} else {
   					optionsElement.append('#' + postNumber + '');                
   				}
   				postNumber++;
   			}
   		});
   		observer.observe(container, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
       }    
       renumberPosts();
       observer.observe(container, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
   });
   </script>
   

5. Enregistrer les changements.

If you still need help, please contact us.