Simplicity2カスタマイズ・スマホでは抜粋文、関連記事を表示しない設定

WordPress

別サイトで、WordPressテーマ「Simplicity2(シンプリシティー2)」を使っています。

Simplicity
内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。

シンプルな無料Wordpressテーマで、使っている人を本当によく見かけます。
サイトのマニュアルも物凄く丁寧で充実していますし、ユーザーが多い分、カスタマイズなども検索すると解決方法が得られやすいのも魅力です。

今後もSimplicity2を使う事があると思うのでカスタマイズ方法を備忘録として残しておきます。

スポンサーリンク

Simplicity2・スマホでは抜粋文を表示しない設定

PCでは抜粋文(スニペット)を表示させ、スマホでは抜粋文を表示せずすっきりさせたいと思ったので、子テーマの「mobile.css」に以下を追記しました。

子テーマの「mobile.css」に追記

WordPress管理画面 > 外観 > テーマの編集をクリックします。

すると右画面に子テーマのmobile.cssが表示されるので、クリックして開きます。

開いたmobile.cssに、以下のコードを追記します。

/* スマホ抜粋文表示無し */
.entry-snippet {
display: none;
}

確認して作業は終わりです。

Simplicity2・スマホでは関連記事を表示しない設定

PCでは関連記事を表示させ、スマホでは関連記事を表示しない設定をしました。
子テーマの「mobile.css」に以下を追記しました。

子テーマの「mobile.css」に追記

mobile.cssに、以下のコードを追記します。

/* スマホ関連記事表示無し */
#related-entries {
display: none;
}

確認して作業は終わりです。