新デザインシステムで作成したSeesaaブログの「最近のコメント」コンテンツから「この記事へのコメント」に移動させる

[最近のコメント] コンテンツは、コメントを受け付けた記事タイトルが一覧表示され、その記事タイトルをクリックすることで、記事に移動しメントを確認することができます。

従来のデザインシステムでは、[最近のコメント] コンテンツに表示されている記事タイトルをクリックすることで、直接その記事の「この記事へのコメント」(コメント欄)に移動されますが、新デザインシステムでは移動されずにその記事ページのトップが表示されます。
※一部デザインを除きます。

そこで、今回は新デザインシステムで作成されたブログでも [最近のコメント] コンテンツにある記事タイトルをクリックしたときに「この記事へのコメント」に移動させる方法をご紹介します。


設定方法

※今回は新デザインシステムで提供されている以下デザインを対象としたご案内となります。
その他のデザインについては、既に今回ご紹介する設定がされています。
  • ノスタルジア
  • Agent (Map)
  • Time Line Green
  • オータムカラー
  • PutternIMG-Yellow
  • シンプルA~D
  1. マイブログへログイン後、[デザイン] > [PC] > [デザイン設定] と順にクリックします。
  2. デザイン設定画面が表示されたら、ブログに設定されているデザインタイトルのリンクをクリックします。
  3. [スタイルシート編集] [HTML編集] [コンテンツHTML編集] のタブがある画面が表示されたら、[HTML編集] のタブをクリックします。
  4. HTML編集画面に切り替わったら、ページ内検索( Ctrl + F など)で以下のコードを探します。
    <h3 class="module__heading">この記事へのコメント</h3>
    
    ※ページ内検索は、HTMLコードを一度メモ帳などのテキストエディタにコピー&ペーストしてから操作を行うとやりやすいです。
  5. 上記手順4で見つけたソースコードを以下のように編集し、HTML編集画面内の [保存] ボタンをクリックします。
    <h3 id="comment" class="module__heading">この記事へのコメント</h3>
    

上記手順の操作を行うことで、新デザインシステムのブログで [最近のコメント] に表示されている記事タイトルをクリックした際に「この記事へのコメント」の位置に移動されるようになるので、お手元でも試してみてください。