プライム会員限定!アマゾンミュージックの無料体験で音楽を聴けば500ポイントゲット!

【Simplicity2カスタマイズ】トップページの記事一覧の本文抜粋を消す・変更する方法

Simolicity2 本文抜粋

当ブログのWordpressのテーマをWordpress公式テーマ「TwentyTwelve」から寝ログを運営しているわいひらさんという方が作ったテーマ「Simplicity2」に変更したので、「Simplicity2」のカスタマイズを備忘録がてら記事にしていきます。

この記事は「トップページの記事一覧の本文抜粋を消す・変更する方法」を解説していこうと思います。

私の場合はPC表示の場合は本文抜粋を表示していますが、モバイル表示では本文抜粋を消しています。

スポンサーリンク

本文抜粋を消す Before After

カスタマイズする前はこの↓の画像のように記事一覧の記事一つに投稿日・カテゴリ・サムネイル・タイトル・本文抜粋が表示されています。

・Before
Simplicity2 本文抜粋を消す

カスタマイズ後は、この下の画像↓のように本文抜粋を削除して投稿日・カテゴリ・サムネイル・タイトルの表示にしました。

・After

このブログの場合は、PC表示は本文抜粋を表示していて、モバイル表示の場合は本文抜粋を削除しています。

その使い分けもあわせて解説していく。

――――――

記事一覧のサムネイルを正方形から横長にする方法

記事一覧の投稿日・カテゴリーをカスタマイズ

トップページの記事一覧の記事一つ一つに境界線を入れる

トップページの「続きを読む」を消す・変更する方法

本文抜粋を消す コード

本文抜粋を削除するコードはこちらです↓

このコードを「外観 → テーマ編集 → Simplicity2 child: スタイルシート (style.css)」に追加すれば本文抜粋を消すことができます。

もしも、PCでは本文抜粋を表示するが、モバイルでは本文抜粋をけしたいなら、「mobile.css」だけに上記のコードを追加すればOKです!

本文抜粋の文字数を変更する

本文抜粋を表示したときの文字数を変更する方法を解説していく。

「外観 → カスタマイズ → レイアウト(全体・リスト) → 抜粋文字数」から本文抜粋の文字数を変更することができます。

デフォルトでは70文字に設定されているので、好きな文字数にしましょう。

本文抜粋の「・・・」を消す

本文抜粋の最後に表示されている「・・・」うを消すなす方法です。

「外観 → カスタマイズ → レイアウト(全体・リスト) → 抜粋の末尾文字」から中身を全て削除すれば「・・・」を消すことができます。

本文抜粋をメタディスクリプションに設定する

本文抜粋は基本記事本文の一番最初の文字から抜粋されていきます。

しかし、メタディスクリプションを本文抜粋に設定することもできる。

メタディスクリプションとは、記事を投稿するときに投稿管理画面の下部にあるSEO設定として記事の説明を書くやつです。プラグインのAll in One SEO PackなどでもSEO設定できるものです。

「外観 → カスタマイズ → レイアウト(全体・リスト) → 抜粋に「メタディスクリプション」項目を利用」にチェックを入れるだけで、設定はOKです!

――――――

以上でトップページの記事一覧の記事の本文抜粋を消す方法、変更する方法を解説していきました。

本文抜粋を消す まとめ

この記事は「トップページの記事一覧の本文抜粋を消す・変更する方法」をご紹介しました。

モバイルでは、本文抜粋があるとどうしても記事一覧が長くなってしまうため消しています。

PCでは本文抜粋をメタディスクリプションに設定しています。こっちのほうが記事の説明として設定しているメタディスクリプションが表示されるので、とても最適だと思います。

お好みに合わせて設定してみてください