【SWELL】カテゴリー一覧ページの「サブタイトル」を非表示にする方法

WordPressの人気有料テーマ【SWELL】のカテゴリーページ一覧に表示される「サブタイトル」の文字を非表示にする方法を紹介します。

デフォルトで表示されているので、非表示にしたいなら設定が必要！
３分で完了します◎

それでは、結論からどうぞ☺️

.c-pageTitle__subTitle{
	display: none;
}

具体的な方法（写真付きです！）や細かい注意点やは、本文でご紹介しています↓

WordPressテーマ「SWELL」はこちらからどうぞ♡

＼ 機能をみてみる ／

SWELL公式サイト

カテゴリーのサブタイトルってどれのこと？

カテゴリーの一覧ページ、カテゴリー名の右側に表示される小さめの文字のことです。

カテゴリーのサブタイトルは、デフォルトだと「category」と表示されます。

非表示ではなく文字を変更したい場合は、「SWELL管理画面の「投稿」→「カテゴリー」→「カテゴリー名」をクリック💡

「ページに表示するサブタイトル」に入力することで、設定できます。

文字が斜めっててブログと合わない…！と非表示にしたかったんです。

カテゴリーのサブタイトルを非表示にする方法

コードがでてきますが、とっても簡単なので安心してください💡

.c-pageTitle__subTitle{
	display: none;
}

上記のコードを「追加CSS」に貼り付けるだけで完了です。

くれぐれも「テーマファイルエディター」のCSSファイルではないのでご注意ください…！
ブログのデザインが崩れたり、サイト全体が動かなくなることもあります。

今回さわるところは
  追加CSS
  テーマファイルエディター
です。

「追加CSS」に貼り付ける方法

コードを「追加CSS」へ貼り付ける方法は以下をご覧ください◎

STEP

コードをコピー

.c-pageTitle__subTitle{
	display: none;
}

↑枠の右上にあるアイコンを押すと一発でコピーできます。

STEP

WordPressの管理画面を開いて「カスタマイズ」をクリック

STEP

「追加CSS」をクリック

一番下に「追加CSS」があります。

STEP

コピーしたコードを貼り付けて「公開」をクリック

「追加CSS」をさわったことがない場合は空欄です。

追加CSSにコピーしたコードを貼り付けます💡

.c-pageTitle__subTitle{
	display: none;
}

貼り付けたら右上の「公開」ボタンをクリックしたら完了です◎

STEP

非表示になっているか確認

スマホもパソコンも非表示にできているか確認してください☺️

慣れない作業は疲れますよね。
お疲れさまでした…！

やっぱり表示したいとき

「非表示にしたけれど、やっぱり表示したい…！」ときは、

追加CSSに貼り付けたコードを消すだけです◎

非表示にしても機能がなくなったわけではないので、安心してください💡

WordPressテーマ「SWELL」はこちらからどうぞ♡

＼ 機能をみてみる ／

SWELL公式サイト

まとめ

今回は、【SWELL】カテゴリー一覧ページの「サブタイトル」を非表示にする方法をご紹介しました。

参考にしていただけたら、うれしいです☺️

もし、できない！分からない！困った…という方はお気軽にお問い合わせください🌸

*今回、ご紹介したコード・方法は2024年1月22日に実際にこのブログで実行したものです。
今後「SWELL」のアップデートなどで実装方法に変更があるかもしれません。
また、不具合などが生じる可能性もございますので、コードの扱いは自己責任でお願いいたします。