ホーム > サポートメニュー > ユーザー助け合い掲示板
ユーザー助け合い掲示板は2017年10月17日(火) 15:00を持って終了いたします。詳しくはこちら

質問内容・回答一覧ツリー

Q. 分岐 - 投稿者:(2017年08月23日 10:03) No.7608  
Q. 分岐
  • 投稿者:
ブログカテゴリー1をクリックしたときは、1の画像・文章
ブログカテゴリー2をクリックしたときは、2の画像・文章
を表示する方法はありますでしょうか?

教えていただきたいです。
  • 記事ID:No.7608
  • 投稿日時:2017年08月23日 10:03 (2017年08月24日 14:20更新)

回答一覧(返信数 3 件)

投稿者:3steps A. Re: 分岐

画像はできそうですが文章は難しいですね。
JavaScriptなどでHTMLのソース自体を書き換える方法を使わないと実現は難しいと思います。

画像に関してはクラス名、またはID名にカテゴリIDを指定し、特定のカテゴリIDの場合にbackground-imageで背景を読み込ませてやれば良さそうです。
クラス名やID名が数字だけというのは推奨されないので、たとえばclass="category{entry_category_id}"としてやるなどの対処が必要になります。

.category1 { background-image: url("/background1.png") }
.category2 { background-image: url("/background2.png") }
とでもしておいて、クラスがcategory1ならbackground1.pngが、クラスがcategory2ならbackground2.pngがそれぞれ読み込まれるようになるはずです。

  • 投稿日時:2017年08月23日 15:12
投稿者:3steps A. Re: Re: 分岐

セミコロンが抜けていました。

.category1 { background-image: url("/background1.png") }
.category2 { background-image: url("/background2.png") }

ではなく

.category1 { background-image: url("/background1.png"); }
.category2 { background-image: url("/background2.png"); }

ですね。失礼しました。

  • 投稿日時:2017年08月23日 15:14
投稿者: A. Re: Re: Re: 分岐

3stepsさん、ありがとうございます。
さっそく試してみます。

  • 投稿日時:2017年08月24日 14:20