ワードプレス 「記事を読む」を消したい場合Simplicity

記事の一覧表示のカスタマイズ

・記事を読むを表示させたくない

・文頭を表示させたくない

特に、スマホ表示の場合は
上下の幅を使ってしまうので、
多くの見出しを画面上に表示できなくなる。

そのため、
・記事を読む
・文頭
を消す事で、シンプルにタイトルだけを表示する事が出来る。

プラグインを使わない設定方法

外観→テーマの編集と進み

スマホ表示だけを変えたいので
mobile.cssをクリックする。

そして、ソースの一番下に
以下のタグをコピペし保存すれば完成だ。

 

/*記事を読むボタンを消す*/
.entry-read a,.related-entry-read a{
display:none;
}

/* スマホ抜粋削除*/
@media screen and (max-width: 740px) {
.entry-snippet{
display:none;
}

.entry .post-meta {
display:none;
}
}

 

反映されない場合は

外観
↓
カスタマイズ
↓
レイアウト全体に移動し

完全レスポンスのチェックを外す事。
これでPCとスマホの設定が別々に反映される。