h2～h4タイトルに背景画像をつける方法

PR 2017/2/5

このトピックには11件の返信、2人の参加者があり、最後にnahoにより9年、 2ヶ月前に更新されました。

11件の返信スレッドを表示中

投稿者

投稿
- 2014年11月2日 4:31 PM #5637
  
  けん
  ゲスト
  
  はじめまして。
  
  現在Simplicityを使用させていただいております。
  良いテンプレートをありがとうございます。
  
  実はh2～h4タイトルに背景画像をつける方法を
  知りたくお問い合わせいたしました。
  
  お手数をかけますがお教えいただけると
  幸いです。
  
  よろしくお願いいたします。
- 2014年11月2日 9:38 PM #5677
  わいひら
  キーマスター
  はじめましてこんにちは。
  
  本文中の見出しに背景画像をつけるには、以下のように設定します。
```
.article h2 {
	background-image: url("images/img.png")
}
```
  その他に位置の指定などは以下のbackgroundプロパティーを参照してください
  スタイルシートリファレンス（ABC順）
- 2017年1月31日 9:16 PM #49859
  
  naho
  ゲスト
  
  はじめまして。
  
  投稿ページのh2の背景色を#ffccccに変更するために、子テーマのsytle.cssに以下を書き込みました。
  
  .article h2 {
  background-color: #ffcccc
  color: #000000;
  margin-top:30px;
  line-height:140%;
  font-weight:bold;
  }
  
  すると、背景が真っ白で、h2の左側が #ffccccの色になります。
  
  どこまま違ってますでしょうか。
  
  サイトのURLは以下です。
  
  http://nohohonndokujyo.xyz/post-1560
  
  よろしくお願いいたします。
- 2017年1月31日 10:01 PM #49861
  みき
  ゲスト
  nahoさん
  background-colorの;が抜けているので一度修正してみてください
```
.article h2 {
background-color: #ffcccc
color: #000000;
margin-top:30px;
line-height:140%;
font-weight:bold;
}
```
```
.article h2 {
background-color: #ffcccc;
color: #000000;
margin-top:30px;
line-height:140%;
font-weight:bold;
}
```
  念のため修正後キャッシュをクリアして確認してみてください
- 2017年2月2日 11:30 AM #49915
  
  naho
  ゲスト
  
  みきさん
  
  教えていただきありがとうございます。
  
  「;」が抜けていました。追加して、キャッシュもクリアにしました。
  ですが、変化なしです。
  
  フォーラムを見ていると、翌日に反映されたりすることもあるようなので、
  しばらく様子を見てみます。
- 2017年2月2日 10:35 PM #49926
  わいひら
  キーマスター
  @charset “UTF-8”;
  
  子テーマを見てみました。
  http://nohohonndokujyo.xyz/wp-content/themes/simplicity2-child/style.css
  */が1つ不要だと思います。
```
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

*/←これが不要

.article h2 {
background-color: #ffcccc;
color: #000000;
margin-top:30px;
line-height:140%;
font-weight:bold;
}

#site-description{
  margin-top: 0;
  color: #000000;
  padding:10 0;
  line-height:140%;
  font-size:15px;
  padding-bottom:40px;
}

.article h1 {
   padding-top: 15px;
   padding-bottom: 15px;
}
```
- 2017年2月3日 5:32 PM #49943
  
  みき
  ゲスト
  
  本当ですね
  そこまで見ていませんでした
- 2017年2月3日 9:42 PM #49948
  
  naho
  ゲスト
  
  わいひらさん
  みきさん
  
  ありがとうございます。
  
  修正してみました。
  
  しかし、相変わらず変化なしです。。。。
- 2017年2月3日 10:02 PM #49949
  
  Hidekichi
  ゲスト
  
  適用されてますよ。またこれとは違う部分ですかね？
- 2017年2月3日 11:47 PM #49951
  
  みき
  ゲスト
  
  本当ですね
  今は適用されています
  
  おそらくキャッシュが原因なのでキャッシュを削除して確認してみてください
- 2017年2月4日 1:14 PM #49965
  
  わいひら
  キーマスター
  
  僕も、ちゃんと適用されて表示されています。
  ブラウザキャッシュの削除方法は以下に書いてあります。
  動作不良時のガイドライン
- 2017年2月4日 4:15 PM #49978
  
  naho
  ゲスト
  
  こんにちは。
  
  皆様、ありがとうございます。
  
  反映されてました。
  更新から少しタイムラグがあったみたいです。
  
  ありがとうございました。
投稿者

投稿