Lightning でカテゴリー名が大きく表示されるバーをやめたい

WordPressで Lightning テーマを使っていて（バージョンはこちら）、あまりきちんとカテゴリー分けをしていない（というかカテゴリーが１つしかない・・・）サイトがあるのですが、投稿では上部にカテゴリー名がど~んと居座って表示されてしまうので、かっこ悪いんです。

同じ場所に固定ページでは固定ページのタイトルが表示されるので、それは問題ないのですけれど。

下の画面キャプチャの「カテゴリー名」と書かれた青い帯の部分です！
カテゴリー名はその他に矢印の部分にも表示されているのです。ちょっと頑張りすぎです。

ということで、私なりに２つの方法を考えてみました。

大きさを変える方法（CSSだけの変更）

手っ取り早く、偉そ～にしているカテゴリー名を小さくしてみました。こんな感じです。

管理画面で「外観」→「カスタマイズ」→「追加CSS」のところに、下のコードを入れました。

div.page-header_pageTitle{
  margin:3px 0;
  font-size:12px;
  line-height:12px;
  color:#fff;
  text-align:left;
}

page-header_pageTitle　というクラスは固定ページでもカテゴリーページでも検索結果のページでも・・・というようにほとんどのページで使っているのですが、たいてい h1 タグで使われています。そこで1行目のように「div.page-header_pageTitle」とすることで投稿ページだけ小さくするようにしました。

div.page-header_pageTitle{
  margin:5px 0;
  font-size:0;
  line-height:0;
}

.page-header{
  height:10px;
}

カテゴリーをやめて投稿のタイトルにする(テーマのPHPを変更)

やっぱり青い帯のところにはタイトルを出したかったので、Lightning テーマ のプログラム部分を変更してみました。こんな感じです。

変更するファイルは、この青い帯の部分に何を表示するかを決めている関数のある「page-header.php」と、その関数結果を投稿ページに出力する「single.php」の変更です。
FTPでの修正です。

ばぁちゃん（心）

間違えて動かなくなっちゃうと怖いから

オリジナルファイルは残しておきましょう！

\wp-content\themes\lightning\template-parts\page-header.php
/*—20200411–*/のコメント行で囲んだ部分を2ヵ所追加しました。できるだけ変更したくなかったので無理やり入れ込んだ感じです。

/*-------------------------------------------*/
/* Set tag weight
/*-------------------------------------------*/
$page_for_posts = lightning_get_page_for_posts();
$postType = lightning_get_post_type();

・・・ 
途中省略
・・・ 

  if ( ! is_single() ) {
    $pageTitTag = 'h1';
  } else {
    $pageTitTag = 'div';
  }
}
/*---20200411--*/
if ( is_single() ) {
$pageTitTag = 'h1';
}
/*---20200411--*/
/*-------------------------------------------*/
/*	Set wrap tags
/*-------------------------------------------*/

・・・
途中省略
・・・

/*-------------------------------------------*/
/*	Set display title name
/*-------------------------------------------*/
$pageTitle = '';

・・・
途中省略
・・・

} elseif ( is_page() || is_attachment() ) {
  $pageTitle = get_the_title();
}
/*---20200411--*/
if ( is_single() ) {
$pageTitle = get_the_title();
}
/*---20200411--*/

$pageTitle = apply_filters( 'lightning_pageTitCustom', $pageTitle );

/*-------------------------------------------*/
/* print
/*-------------------------------------------*/

\wp-content\themes\lightning\single.php
h1タグの1行を削除しました。

上記省略
    <header class="<?php lightning_the_class_name( 'entry-header' ); ?>">
      <?php get_template_part( 'template-parts/post/meta' ); ?>
        <h1 class="entry-title"><?php the_title(); ?></h1>
    </header>
下記省略

まごまごまご

ほんとうはもっと簡単な方法があったり、ほかにもいろいろな方法があると思いますが、一つの方法として。

ただ、ソースファイル（〇〇.php）を変更するとバージョンアップなどでなくなってしまうこともあると思います。

ご注意ください。