/*トップページの見出しのスキンのブルーカレーの青丸を消す*/
.page-id-18 .article h2::before,
.page-id-18 .article h3::before,
.page-id-18 .article h4::before {
content: none;
}

こんなCSSで、消えますでしょうか？

.page-id-18 .article h2,
.page-id-18 .article h3,
.page-id-18 .article h4 {
background-image:url(画像のURL);
}

画像にするの、こんなんだっけ・・

しばらく、やってない・・

ほとんど、手抜きの回答で・・

CSSで見出しに背景画像をレイアウトするいくつかのやり方

すみません。

るり子 さん

青丸は消えたみたいですけど、画像のURLの指定が違っているみたいです。

ありがとうございます！

画像のURLの指定とは単にｈタグに画像挿入ではダメということでしょうか？

あんまり、やったことないのですが、ダッシュボードの「メディア」で「メディアライブラリ」を開いて、画像を選択すると、「リンクをコピー」みたいなところがあるかと思います。

単純にURLの指定の仕方が違っているからじゃないかと思います。

メディアライブラリで、画像のURLを確認してみてください。

そのURLを（）中に入れます。

.page-id-18 .article h2,
.page-id-18 .article h3,
.page-id-18 .article h4 {
background-image:url(画像のURL);
}

あ、私の説明が悪かったです。

画像見出しですが、見出しごとに画像は変えます。

いわゆるランディングページのように作り直したいので、すべてのタグごとに別々の画像を挿入します。
そのため今回のような画像の挿入の仕方をしてみました。

そうなると

.page-id-18 .article h2,
.page-id-18 .article h3,
.page-id-18 .article h4 {
  background-image:url(画像のURL);
}

このCSSは必要ないですかね？

あと、ホームページの下部にテストで入力してみたのですが、
ｈ３タグ以下のタグの装飾が残ったままです。

これの消し方もご教授いただけると幸いです。

@るり子 さん

私が勘違いしていたみたいです。

青い丸が付いていたのは、h２だけみたいですね。

/*トップページの見出しのスキンのブルーカレーの青丸を消す*/
.page-id-18 .article h2::before {
content: none;
}

背景画像は、ご自身で設定できそうですね。

スキンのCSSの指定を読み解けば、どの指定を上書きすれば良いのか、わかります。

スキンのCSSファイルに、見出しのデザインがまとめてあるはずです。

各CSSのプロパティの初期値に戻す感じです。

あとは、

page-id-18 .article h2

のように、固定ページの固有のclassを前につけて、子孫セレクタで指定すれば、OKです。

@leafytree

ありがとうございます！

ただ問題として２点。

ｈ２タグはきれいに装飾は消えたのですが、画像を設定した時に左右の余白が大きいので、通常の文章と同じ程度に左右の余白を狭めたいです。

もう１点はｈ３タグ以下のタグの装飾がまだ残ったままなので、これを消すにはどうすればよいでしょうか？

よろしくお願いします。

全部、細かくアドバイスするのには手間がかかりすぎます。

デベロッパーツールとCSSの簡単な基礎をちょっと学ぶだけで、できるようになります。

bodyタグに付与されている、ページ固有のClassを使って、子孫セレクタでCSSの適用範囲をトップページに限定する。

デベロッパーツールを使って、見出しや、見出しの疑似要素に指定されているCSSのプロパティを初期値に戻す。

という作業です。

以下のトピックにとても参考になるリンクが貼られているので、頑張ってみてください。

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

いままでこのトピックに書いた、CSSも、けっこうヒントになるはずです。

左右の余白についても、同様の要領で、修正可能です。

ありがとうございます。
自力でがんばってみます！

@るり子 さん

１箇所でも、出来た！ってなると、面白いって、思えれば、しめたもんです。 ? 

はい！がんばってみます！