Mostrar un número de publicación al lado de cada publicación

Puedes seguir los pasos que se indican a continuación para mostrar un número de publicación junto a cada publicación de un tema.

Por lo general, es mejor usar el enlace de respuesta dentro de una publicación cuando quieras hacer referencia a esa publicación en tu respuesta. Esto incluye automáticamente un enlace a la publicación original para que los lectores puedan acceder a ella fácilmente. Este enfoque es más confiable que mencionar un número de publicación, ya que los números de publicación pueden cambiar si alguna publicación se elimina más adelante. También puedes usar el icono de compartir en cada publicación para copiar un enlace directo a la misma.

1. Inicie sesión en su cuenta de Website Toolbox.
2. Haga clic en el Integrar enlace en el menú principal.
3. Haga clic en el HTML enlace.
4. Copia el código HTML que aparece a continuación en el Código HTML de la etiqueta principal del foro cuadro de texto:

   <!-- 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. Guardar los cambios.

If you still need help, please contact us.