Zeigt eine Beitragsnummer neben jedem Beitrag

Du kannst die folgenden Schritte verwenden, um neben jedem Beitrag in einem Thema eine Beitragsnummer anzuzeigen.

Im Allgemeinen ist es besser, den Antwortlink in einem Beitrag zu verwenden, wenn Sie in Ihrer Antwort auf diesen Beitrag verweisen möchten. Dies beinhaltet automatisch einen Link zurück zum ursprünglichen Beitrag, sodass die Leser problemlos zu ihm springen können. Dieser Ansatz ist zuverlässiger als das Nennen einer Beitragsnummer, da sich die Beitragsnummern ändern können, wenn Beiträge später entfernt werden. Du kannst auch das Share-Symbol in jedem Beitrag verwenden, um einen direkten Link zu dem Beitrag zu kopieren.

1. Loggen Sie sich in Ihr Website Toolbox-Konto ein.
2. Klicken Sie auf Integrieren Link im Hauptmenü.
3. Klicken Sie auf HTML Link.
4. Kopieren Sie den folgenden HTML-Code in das HTML-Code für Forenüberschrift Textfeld:

   <!-- 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. Speichern die Änderungen.

If you still need help, please contact us.