wordpressでh2にタイトルバーを自動的に入れる方法

タイトルのバーを用意します。

ちょこっと作ってみました。
↓欲しい人は自由にお使い下さい。
index

タイトルのバーをアップロードします。

さっき作ったタイトルバーを「メディアを追加」ボタンを押して
写真をアップロードする要領でメディアに追加して下さい。

スクリーンショット 2015-08-16 15.20.36

その際に、リンク先のURLをコピーして下さい。

スクリーンショット 2015-08-16 15.25.27

cssをいじります。

外観→テーマ編集にこんな感じで書いて下さい。

.index02{
	background-image:url(ここには先ほどのURLを入れて下さい。);
	background-repeat:no-repeat;
	padding: 0.6em 2em 0.813em;
	width: 100%;
}

もっといい書き方があるかと思うのですが、
あんまりcssに詳しくないのでごめんなさい。

こうやって投稿します。

「固定ページ」または「新規の投稿」にこんな感じで書きます。

<h2 class="index02">ここに文字を書きます。</h2>

こんな風に書くと
こんな風に表示されます。

ここに文字を書きます。

どうっすか?
できましたか?

ではでは、これは僕の備忘録です。