.article h1について

$(“article h1”).prepend(“任意のhtmlなど”);

で、入れられます。prependとは、

HTML文字列, DOM要素, jQueryオブジェクトを指定して、マッチした各要素内の一番前に挿入します。

つまり、

<article>
  <h1>
    <div class="何かしら1"></div>
    <div class="何かしら2"></div>
  </h1>

// ↑　こうあったとき ↓ のようになります

<article>
  <h1>
    // ここに任意のhtmlが入ります
    <div class="何かしら1"></div>
    <div class="何かしら2"></div>
  </h1>

任意のhtmlは例えば、

<span class="何かしら">これタイトルです→</span>

みたいにしておくと、

これタイトルです→h1の内容

みたいに表示されます。他にも、
…prepend(“<span class=’fa fa-xxx’></span> 見出し: “)このようにしておけば、fontawesomeの何かしらのアイコンの後に「見出し: 」と入ったものが入れられたします。ん？みてないけど、今はiを止めてspanになったと思うんですけど、違うのであればiなどでも行けると思います(要css調整)

これらは、親・子テーマいずれかのjavascript.js内で、$(function(){…});の部分か、jQuery(function(){…})、$(document).ready(function(){…})、jQuery(document).ready(function(){…})、等(いずれか)で囲まれている部分に追記すれば大丈夫です。新たに分けて書いておくのであれば、

(function($){
  $(function(){
    $("article h1").prepend("任意のhtmlなど");
  });
})(jQuery);

こんな感じにして一番最後にでも追記すれば(プログラムのブロックの中でなければどこでもいいです)動作すると思います。

hidekichi さん、ありがとうございます。

早速やってみます。

わいひらさん、ありがとうございます。

文字ではなく画像を挿入したい場合はどのようにしたらいいでしょうか？

よろしくお願いします。

わいひらさん、ありがとうございました。

思う様に出来ました。