Help

Help > Forum > トピック&投稿 > 各投稿の横に投稿番号を表示する

各投稿の横に投稿番号を表示する

以下の手順を使用して、トピック内の各投稿の横に投稿番号を表示できます。

通常、返信でその投稿を参照したい場合は、投稿内の返信リンクを使用する方が適切です。読者が簡単にジャンプできるように、元の投稿へのリンクが自動的に含まれます。後で投稿を削除すると投稿番号が変わる可能性があるため、この方法は投稿番号を記載するよりも信頼性が高くなります。各投稿の共有アイコンを使用して、その投稿への直接リンクをコピーすることもできます。

投稿番号を表示する手順

  1. Website Toolboxアカウントにログインします。
  2. をクリックします 統合 メインメニューのリンク。
  3. をクリックします カスタムコード リンク。
  4. 以下の 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']});
    });
    
    
  5. [保存] 変化。


If you still need help, please contact us.