# House Ads、Codefund スタイルコードが機能しません

**URL:** https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621
**Category:** Development
**Created:** [2024 年 5 月 19 日午後 5:14 UTC](https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621 "2024-05-19T17:14:49Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [2024 年 5 月 19 日午後 5:14 UTC](https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621/1 "2024-05-19T17:14:49Z")

</div>

こんにちは、親切な友人たちへ

> [@House Ad Templates](https://meta.discourse.org/t/house-ad-templates/122004#between-posts-codefund-style-ad-6):
>
> House Ad Templates This guide provides templates for creating house ads using the [Official Discourse Ad Plugin](https://meta.discourse.org/t/advertising-plugin-for-discourse-serve-ads-on-your-discourse-forum/33734). warning Important: Disable ad blockers (including those built in to browsers, e.g. Brave) before working with these ad customizations. Before You Start Create a “House Ads” [theme component](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) to store: CSS for your house ads [Uploaded images](https://meta.discourse.org/t/include-images-and-fonts-in-themes-and-components/62459) used in ads Add the component to all active themes where ads will appear Optimize images using [TinyPNG](https://tinypng.com) to reduce file size while maintain…

コンポーネントを作成し、そこにCSSコードを配置しました。「Reklam」（広告）

 ![Ekran görüntüsü 2024-05-19 201059](https://global.discourse-cdn.com/meta/original/4X/f/1/9/f19ed393851692be6d7bae441626b2bbc07e4c90.png)  
 ![Ekran görüntüsü 2024-05-19 201046](https://global.discourse-cdn.com/meta/original/4X/5/c/b/5cb4a0bc2a475eb747ca3a1d3c55266cda03bb6a.png)

広告プラグインのハウス広告。

 ![Ekran görüntüsü 2024-05-19 201253](https://global.discourse-cdn.com/meta/original/4X/e/1/7/e17abd9190ab0cb1910b21315dd9263a3d7e58e1.png)

どこで間違っていますか？それともコードが機能していないのでしょうか？

 ![Ekran görüntüsü 2024-05-19 201400](https://global.discourse-cdn.com/meta/original/4X/8/a/e/8ae87d345fbfdfc15c28aa382a15285f6a227b1d.png)  
 ![Ekran görüntüsü 2024-05-19 201405](https://global.discourse-cdn.com/meta/original/4X/5/2/6/52627cb418106e537c42a662740dcecd4157f155.png)  
 ![Ekran görüntüsü 2024-05-19 201418](https://global.discourse-cdn.com/meta/original/4X/e/b/8/eb89ff013685fa3c4a133f2819bd19c6408dcb43.png)

HTML

```plaintext
<a class="between-posts-ad" target="_blank" rel="noopener" href="https://discourse.org">
  <div class="ad-container">
    <span class="ad-label">広告</span>
    <strong>Discourse</strong> - Web上の建設的な議論のためのコミュニティプラットフォーム
  </div>
</a>

```

CSS

```css
.house-creative.house-post-bottom {
    margin-left: 0 !important;
    a.between-posts-ad {
        color: var(--dynamic-color);
        strong {
            color: var(--primary);
        }
        .ad-container {
            max-width: calc(#{$topic-avatar-width} + #{$topic-body-width} + (#{$topic-body-width-padding} * 2));
            padding: 10px 5px;
            text-align: center;
            background-color: var(--primary-very-low);
            border: 1px solid var(--primary-low);
            box-sizing: border-box;
            .ad-label {
                margin-right: 2px;
                padding: 2px 5px;
                color: var(--primary-very-low);
                font-weight: bold;
                background-color: #EAC34E; // 「広告」ラベルの色を設定
                border-radius: 5px;
            }
        }
    }
}

```

色の定義？

```css
$dynamic-color: dark-light-choose($primary-medium, $secondary-medium);

:root {
  --dynamic-color: #{$dynamic-color};
}

```

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024 年 5 月 20 日午後 1:59 UTC](https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621/2 "2024-05-20T13:59:30Z")

</div>

`投稿間`設定で広告を選択しましたか？

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/3/6/236db250766cac732ad3f3a5c812253a1ead7fc4.png)

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [2024 年 5 月 20 日午後 2:35 UTC](https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621/3 "2024-05-20T14:35:33Z")

</div>

hi @Arkshine はい、そうしました

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/0/4/90430ac858e12d0957235cd9b9cf6e482290563b.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2024 年 5 月 20 日午後 2:49 UTC](https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621/4 "2024-05-20T14:49:53Z")

</div>

使用しているコードは以下の通りです。

![image](https://global.discourse-cdn.com/meta/original/4X/0/f/b/0fb2a06db787484cabdff7c57de4485893c0a8ea.png)

そして選択したのは（トピックリスト）：

![image](https://global.discourse-cdn.com/meta/original/4X/8/3/e/83e997b450a02d50d18adeeefc4add6abcfb1770.png)

（おそらく）こちらではなく：

![image](https://global.discourse-cdn.com/meta/original/4X/c/7/b/c7b1090637e3ca0cc9b5f7248068c7a209355824.png)

選択によってCSSセレクターは異なります。

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [2024 年 5 月 20 日午後 3:03 UTC](https://meta.discourse.org/t/house-ads-codefund-style-codes-not-working/308621/5 "2024-05-20T15:03:54Z")

</div>

私のせいです、すみません。その地域だけだと気づきませんでした。他のフィールドに追加するにはどうすればよいですか？