以下の手順を使用して、トピック内の各投稿の横に投稿番号を表示できます。
通常、返信でその投稿を参照したい場合は、投稿内の返信リンクを使用する方が適切です。読者が簡単にジャンプできるように、元の投稿へのリンクが自動的に含まれます。後で投稿を削除すると投稿番号が変わる可能性があるため、この方法は投稿番号を記載するよりも信頼性が高くなります。各投稿の共有アイコンを使用して、その投稿への直接リンクをコピーすることもできます。
投稿番号を表示する手順
- Website Toolboxアカウントにログインします。
- をクリックします 統合 メインメニューのリンク。
- をクリックします カスタムコード リンク。
- 以下の HTML コードを、にコピーします。 フォーラムヘッドタグ HTML コード テキストボックス:
window.addEventListener (「DOMContentLoaded」, function () { const コンテナ = document.QuerySelector ('#posts-list'); if (!コンテナ ||!window.location.href.match (/\ /post\//)) リターン; const observer = new mutationObserver (関数 (突然変異) { Renumber = false としましょう。 (ミューテーションの定数 m) について { (M.addedNodes の定数ノード) 用 { if (Node.NodeType!== 1) 続けてください; (node.matches && node.matches ('.post-body.pull-left')) がリナンバーすべきなら = true; そうでなければ (node.QuerySelector && node.QuerySelector ('.post-body.pull-left')) が番号変更されるべきなら = true; if (node.id && node.id.id.は ('post_row_') で始まる) { const el = document.getElementById (node.id); if (el && window.getComputedStyle (el) .display === 'none') は reNumber = true; } } if (m.type === 'attributes' && m.target.id && m.target.id.startsは ('post_row_') で始まる) { const el = m.target; if (el && window.getComputedStyle (el) .display === 'none') は reNumber = true; } } 投稿の番号を変更する場合 (再番号付けが必要) (); }); 投稿番号変更関数 () { observer.disconnect (); スタートしよう = 1; const PageText = jQ ('.page-number') .text () ||「; var PaginationNum = PageText.replace (/, /g,「」); const matches = paginationNum.match (/[0-9] +/); if (match) start = parseInt ([0], 10 に一致); ポスト番号 = 開始とします。 もし (開始 > 1) { ポスト番号 = 開始-1; } jQ ('#posts-list .post-body .post-options') .each (function () { const optionsElement = jQ (this); if (Options Element.Cloest ('.post-body') .is (': visible')) { OptionsElement.find ('.postnumber') .remove (); if (オプション要素.一番近い ('.first-post') .length) { OptionsElement.append ('#1'); } それ以外は { OptionsElement.append ('#' + 郵便番号 +' '); } 郵便番号 ++; } }); observer.observe (コンテナ、{ChildList: true、サブツリー:true、属性:true、AttributeFilter: ['style', 'class']}); }} 投稿の番号を変更 (); observer.observe (コンテナ、{ChildList: true、サブツリー:true、属性:true、AttributeFilter: ['style', 'class']}); }); - [保存] 変化。