【EASEL】日記ページの見た目を整える

前回の記事で作成した日記ページの見た目を整え、より見た目を日記ページらしくするカスタマイズの備忘録です。

投稿ごとのカテゴリー表示を消す

投稿ごとにカテゴリー表示がありますが、カテゴリーは「日記」だけなので、この表記は必要ありません。CSSで消します。

日記一覧ページを開いた状態で、左上「カスタマイズ」→「追加CSS」で以下の記述を追加します。

.category-diary .article-footer {
display: none;
}

カテゴリーの一覧表示の一番上に表示されるカテゴリー表記を消します。

EASELのachive.phpを子テーマにコピーし、9～12行目の以下の記述を消します。

<?php
the_archive_title( '<h1 class="page-title">', '</h1>' );
the_archive_description( '<div class="taxonomy-description">', '</div>' );
?>

投稿にはタイトルをつけられますが、あえてつけないでおくと見た目がすっきりします。

タイトルなしにすると投稿の管理が面倒になるので、この設定はメリットとデメリットを考えた上で採用するか決めてください。

以下がデフォルトのウィジェットです。

投稿のタイトルをつけていないので「最近の投稿」のウィジェットが特に不格好です。ウィジェットを編集していきます。

日記一覧ページを開いた状態で、左上「カスタマイズ」→「ウィジェット」→「サイドバー1」から不要な項目を削除して、必要な項目があれば追加します。

ちなみに、すべてのウィジェットを消すと右側のスペースが消えます。

ウィジェットにアーカイブを設定するのが個人的におすすめです。

以下にWPULikeを使った拍手ボタンの設定やカスタマイズの記録を残しています。