見出し（タグ!?）の作り方に関して

該当箇所を右クリックして「要素を調査」あるいは「検証」などのメニュー、あるいはブラウザメニューのweb開発やその他等からデベロッパーツールを開いて、該当の箇所のclassやIDを調べます。

これがわからないとどこに対してスタイルするのかが決められないため子テーマstyle.css等でスタイルを書くことができません。

cssというのは基本、同じ名前のセレクタの同じプロパティがあった場合、最後に読み込まれたものが有効になります。

親テーマstyle.cssが読み込まれてデフォルトの表示がされます。それをresponsive.cssやmobile.cssが上書きしてその時々のスタイルをしています。
子テーマstyle.cssに何も書かれていない時は、次のように考えてください。

cssはそれぞれファイルに分割されているだけで、結局読み込まれた順で1枚のスタイルシートを作っていると考えてください。
読み込み順はheadタグを見ればわかります。
同じセレクタ、同じプロパティがある場合、後で読み込まれたものが優先されます。

.test {
  font-size: 18px;
}

/*
他の何かしらのセレクタやプロパティがあったとして
...中略...
*/

.test {
  font-size: 14px;
}

このようにあれば、この.testのfont-sizeは14pxになるわけです。それまでの同じセレクタ・同じプロパティは後のもので上書きされると言うことです。

親テーマstyle.cssは最初に読み込まれてhtmlをスタイルします。他のファイルはこれらルールの元、それぞれのファイルが読み込まれた順で親テーマstyle.cssの同じセレクタ・同じプロパティを上書きしていきます。子テーマstyle.cssは、これらが作った1枚のスタイルシートの下に追加されたものと考えた時、例えば質問にあるように見出しを変更するなら、

どこそこの 見出し {
  font-size: 20px;
}

このように書けばそれまでに書かれている「どこそこの 見出し」のfont-sizeは子テーマstyle.cssのそのスタイルで上書きされます。

子テーマstyle.cssよりも後で読み込むスタイルシートがあり、そこに同じセレクタ・同じプロパティのスタイルがあった場合、子テーマstyle.cssもまたそれらに上書きされるのです。

> 見出しを作成する

このように書かれている場合、新たに見出しの要素をjavascriptやjQueryで作るというふうに取れてしまいます。なので、おそらくは「見出しのスタイルを変更したい」と言うことなんだろうと思うんですが、これが「作成したい」だとして、その意味的に例えば、編集画面で、次のように書いた場合、

<h2 class="test">作りたかった見出し</h2>

この場合、.testを新たに子テーマstyle.cssに追記すればよいです。ただし、h2はそれまでのスタイルシートが既にスタイルしてあるため(継承されているため)、例えば、

.test {
  margin: 0;
  padding: 0;
  /*ここに自分がスタイルしたい内容*/
}

このような感じにして、それまでにスタイルされたmarginやpaddingを初期化してしまう必要があるかも知れません。ここらは何をどのようにしたいかで変わります。色を変えたいだけなのか、サイズを変更したいだけなのか角丸にしたいとか、色々とスタイルはあります。それらに合わせて、変えていく必要があると言うことです。

編集記事の範囲外、例えばサイドバーやヘッダ・フッタ等のスタイルを変えたい場合は、その該当箇所のclass、idに対して、スタイルしていきます。

まずは何をどうしたいのかをレスを貰えれば、それに対してサンプルを作りますので、そこから理解して他のものに応用してもらえればと思います。

早々とご返答をありがとうございました。

その後、見出しを作成するプラグインを導入し一応解決はしました。

ワードプレスのカスタマイズについては今回の件以外にもわからないことは沢山あります。

なのでこういったフォーラムで助けていただけると大変有り難く想っています。

まだCSSを書き換えるというところまではいきませんが、まずはちょこっとずつでも自分なりにカスタマイズして

わからない部分はお聞きしながら、納得のいく形になればいいかなと想います。

今はまだ「わからないところがわからない！」といった感じがぬぐえません。

きっと質問もへんてこりんなものだったかもしれません。

次回からもう少し具体的な形で質問できるように経験を積んでいきたいと想います。

今後ともよろしくお願いします。

TM鈴木