部長ナビのページはApple製品のレビューを中心としたブログです。ドラマ仕立ての長期連載も見てね!

Simplicityカスタマイズ・記事一覧(トップページ)のカテゴリ非表示、日付を右下に変更する方法

https://farm6.static.flickr.com/5762/20919637280_707214c8c3.jpg

この記事は、2016年1月6日に公開した記事を追記したものです

こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております!問い合わせの多いトップページの記事一覧表示について、追記して最新バージョンにしましたので、カスタマイズの参考にどうぞ!

さて、今回も当ブログスタッフちゃぼPプロデュースのコード紹介を行いたいと思います

Simplicityの記事一覧表示は、なぜか「タイトル」の下に「日付、カテゴリ」があった。コレが不思議でならなかった

どうにも動かせませんでした。

色々調べたけど無理で、ちゃぼPに聞くことにしました。すると、ほどなくして情報が送られてきました

1 「entry-card-content.php」を子テーマに移す

結構手を入れるので、親テーマをいじるのでは無く、子テーマに移して、子テーマでカスタマイズします。親テーマはいじらない方向で行った方が良いと痛感しているので、子テーマに移しましょう

こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! さて、Simplicityのカスタマイズについては、色々な記事を書い

↑この方法で、とりあえず移してください

2 移した子テーマの「entry-card-content.php」を次のようにする

全文を掲載します。<!–ここから–>から<!–ここまで–>をこの位置に入れてください


$news ){ print 'NEW!'; } ?>

$news ){ print 'NEW!'; } ?>

↑コレで行くはずです。モバイルも同時に調整されます!

3 子テーマの「style.css」に、次を追記すると、とってもE感じに仕上がります

/* 記事一覧の日付位置変更・カテゴリ非表示(by部長とちゃぼP) */
.entry .post-date {
    position: absolute;
    bottom: 5px;
    right: 0;
}

#main {
  padding: 20px;
}

#main .entry {
  margin: 20px; /*お好みで*/
}

#list .category {
    display: none;
}

.entry .post-meta{
  text-align:right;
  background:#ffffff;
}

.entry .post-date{
  text-align:right;
}

.entry-read a{
 display:none;
}

コレで完成です。

ちなみに、2と3をそのままやると、ウチと同じ表示になりますので(たぶん)、お試しあれ!

フォロー購読方法について >

関連記事もっと記事を読む >

  1. Home >
  2. ブログ管理 >
  3. Simplicity >