アーカイブページで本文を省略してタイトルだけにする

カテゴリアーカイブや月別アーカイブページで、記事本文を表示しないでタイトルだけにする方法をご紹介します。

管理画面

ブログ設定 ＞ デザイン/ブログパーツ設定（PC） ＞ カスタマイズ

「カテゴリアーカイブ」のタブを選択します。（「月別アーカイブ」の場合も同様に作業します）

カスタマイズ内容

<$ArticleDescription ESCAPE $> が含まれるブロックを削除します。

例：デフォルト2019の場合、以下を削除

• HTML

<$ArticleDescription ESCAPE$></IfArticleDescription>...</IfArticleDescription>

コメント数やカテゴリ、ソーシャルボタンなども削除したい場合は <$ArticleCommentCount$>、<$ArticleCategory1$>、<$ArticleToolBox$>などが含まれるブロックを削除してください。

例：デフォルト2019の場合、以下を削除

• HTML

<!-- 記事フッター、カテゴリ、コメント、ソーシャルボタン -->
<footer class="article-footer">
<ul class="article-meta">
<IfArticleCategory1>
<li class="article-category">
<div class="article-category1"><a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a></div>
<IfArticleCategory2>
<div class="article-category2"><a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a></div>
</IfArticleCategory2>
</li>
</IfArticleCategory1>
<li class="article-tags-wrap"><$ArticleTagsList$></li>
<IfArticleAllowComment>
<li class="article-comment-count">
<dl><dt>コメント</dt><dd><a href="<$ArticlePermalink$>#comments"><$ArticleCommentCount$> 件</a></dd></dl>
</li>
</IfArticleAllowComment>
<li class="article-author">by <span itemprop="author"><$ArticleAuthorNickname$></span></li>
</ul>
<div class="article-social-btn detail_social">
<$ArticleToolBox$>
</div>
<div class="related_articles">
<$RelatedArticles$>
</div>
</footer>
<!-- /記事フッター、カテゴリ、コメント、ソーシャルボタン -->

反映後、調整が必要な場合は「CSS」タブに移動して以下のCSSを追加して調整します。

.page-category .article,
.page-monthly .article {
padding-top:20px;
}

備考

デザインテンプレートによってカスタマイズ方法が異なる場合があります。