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

WordPressの人気有料テーマ【SWELL】

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

まめ

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

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

.c-pageTitle__subTitle{
	display: none;
}

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

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

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

カテゴリーのサブタイトルは、デフォルトだと「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に貼り付けたコードを消すだけです◎

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

まとめ

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

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

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

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

ブログ運営者の方はこちらの記事もオススメです

あわせて読みたい

脱めんどくさい！ブログのアイキャッチ画像作成【時短＋統一感をだすテンプレ】今回はWebデザイナー３年目の私がアイキャッチ画像を簡単に作る方法を紹介します♩ アイキャッチ画像作成よりも記事に集中し…

あわせて読みたい

CocoonからSWELLに移行する手順と注意点｜乗り換えた正直レビュー【比較付き】乗り換えを実際に行ったのは、CocoonからSWELLへ移行した初代運営者のまめ。本記事はその記録を、現編集部が最新情報…

あわせて読みたい

【SWELL】ブログまるっと好きなフォントに変更する方法フォントってサイトの印象を決める大切な要素ですよね。 今回はSWELLユーザーの私が、サイト全体のフォントを変える方法を…

あわせて読みたい

【SWELL】ページ内リンクの方法！気になる見出しへすぐ飛べる【SWELL】のページ内リンクはとっても簡単◎詳しい知識がなくても３ステップです。 ページ内リンクとは？ ページ内リンク…

あわせて読みたい

【SWELL】投稿一覧に「日・週・月・全」のアクセス数を表示する方法筆者も以前コクーンを使用していて、アクセス数の伸び具合はWordPressで確認していました。 SWELLは総PV数は表…