# ホームページ機能

**URL:** https://meta.discourse.org/t/homepage-feature/144264
**Category:** Theme component
**Tags:** official, homepage-feature
**Created:** [2020 年 3 月 13 日午後 9:16 UTC](https://meta.discourse.org/t/homepage-feature/144264 "2020-03-13T21:16:58Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [2020 年 8 月 3 日午後 6:00 UTC](https://meta.discourse.org/t/homepage-feature/144264/54 "2020-08-03T18:00:38Z")

</div>

このコンポーネントは、CSSを編集して当社のテーマに合わせた後、フォーラムで非常にうまく機能しています。@awesomerobot さん、素晴らしいです！

一つ気づいた点があります：特集トピックは常にバナートピックの上に表示されます。個人的には、バナートピックの性質を考えると、その下に表示される方がより理にかなっていると思います。これを達成する方法はありますか？あるいは、少なくともコンポーネントのオプションで配置場所を選択できるようにすることは可能でしょうか？

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [2020 年 8 月 5 日午後 3:17 UTC](https://meta.discourse.org/t/homepage-feature/144264/55 "2020-08-05T15:17:19Z")

</div>

@awesomerobot への別の提案：  
著者と日付…

例：トピックタイトルの下に以下のように記述します。  
**-round-avatar- by -username- | -x- 日前**

---

<div class="post-metadata">

### Author: ![Jason\_Schulke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_schulke/32/178176_2.png) [@Jason\_Schulke](https://meta.discourse.org/u/Jason_Schulke)
#### Post date: [2020 年 9 月 14 日午後 2:06 UTC](https://meta.discourse.org/t/homepage-feature/144264/56 "2020-09-14T14:06:35Z")

</div>

@awesomerobot 管理者としてログインしているときはこのコンポーネントが表示されるのに、他のログインユーザー、ブラウザ、またはシークレットウィンドウでは表示されないことに気づきました。

私の設定は以下の通りです：

 ![Settings](https://global.discourse-cdn.com/meta/original/3X/b/b/bbe1eaf304deb294a8ce5dbf6b7900db460b166d.jpeg)

管理者としてログインしているときと、通常のコミュニティメンバーとしてログインしているときの違いは以下の通りです：

 ![Homepage](https://global.discourse-cdn.com/meta/original/3X/3/1/319fb21f0116014f0c03b8fbe08c4f1207e1acad.jpeg)

何が起きているかご存知でしょうか？

---

<div class="post-metadata">

### Author: ![torstensson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/torstensson/32/83638_2.png) [@torstensson](https://meta.discourse.org/u/torstensson)
#### Post date: [2020 年 9 月 14 日午後 2:41 UTC](https://meta.discourse.org/t/homepage-feature/144264/57 "2020-09-14T14:41:07Z")

</div>

もしかして、ステータス/管理者のみ表示されるトピックに「注目」タグを設定しましたか？

---

<div class="post-metadata">

### Author: ![Jason\_Schulke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_schulke/32/178176_2.png) [@Jason\_Schulke](https://meta.discourse.org/u/Jason_Schulke)
#### Post date: [2020 年 9 月 14 日午後 2:55 UTC](https://meta.discourse.org/t/homepage-feature/144264/58 "2020-09-14T14:55:21Z")

</div>

それだけです @torstensson、ありがとうございます！

---

<div class="post-metadata">

### Author: ![serialcode](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/serialcode/32/194383_2.png) [@serialcode](https://meta.discourse.org/u/serialcode)
#### Post date: [2020 年 9 月 20 日午後 3:34 UTC](https://meta.discourse.org/t/homepage-feature/144264/59 "2020-09-20T15:34:39Z")

</div>

@awesomerobot 嗨 Kris，不幸的是，这对我来说不起作用。也许是我需要禁用的某个选项，我遇到了这个错误。我具体该怎么做呢？

 ![1](https://global.discourse-cdn.com/meta/original/3X/9/4/94be8134382f9f3c7c96d04890f643553e40c6d6.png)

提前感谢，Kris。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020 年 9 月 23 日午前 3:05 UTC](https://meta.discourse.org/t/homepage-feature/144264/60 "2020-09-23T03:05:13Z")

</div>

「featured」タグが付いたトピックはありますか？このコンポーネントは、サイト設定でタグ付けが有効になっていることを前提としています。

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2020 年 9 月 25 日午前 11:22 UTC](https://meta.discourse.org/t/homepage-feature/144264/61 "2020-09-25T11:22:45Z")

</div>

こんにちは @awesomerobot さん、

ディスプレイ画像に最適なアスペクト比と、必要なサイズについて教えていただけますか？

---

<div class="post-metadata">

### Author: ![MidnightCheesePizza](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/midnightcheesepizza/32/195297_2.png) [@MidnightCheesePizza](https://meta.discourse.org/u/MidnightCheesePizza)
#### Post date: [2020 年 9 月 26 日午後 8:15 UTC](https://meta.discourse.org/t/homepage-feature/144264/62 "2020-09-26T20:15:06Z")

</div>

このコンポーネントを少し確認しましたが、少し編集すれば求めているものになるかもしれません。

トピックを埋め込み用に再利用することは可能でしょうか？

例えば、左側に YouTube 動画を、右側に Twitch ストリームを埋め込み、「注目のコンテンツ」と呼ぶような二重機能を利用することはできるでしょうか？

ありがとうございます！

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [2020 年 10 月 7 日午前 8:37 UTC](https://meta.discourse.org/t/homepage-feature/144264/63 "2020-10-07T08:37:16Z")

</div>

@awesomerobot さん、こんにちは

このコンポーネントに変更はありましたか？最新版（このコンポーネントおよび Discourse）にアップグレードして以来、ホームページにはサムネイル付きのトピックが 2 つしか表示されず、CSS も少し変更されたようです（[forumscp.com](http://forumscp.com) でご確認ください）。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020 年 10 月 20 日午後 11:02 UTC](https://meta.discourse.org/t/homepage-feature/144264/64 "2020-10-20T23:02:12Z")

</div>

一見、その理由が見当たりません。上記の元投稿のプレビューリンクにはまだ 3 と表示されています。あなたのサイトで 3 番目のスロットに入ると想定されているトピックへのリンクを共有していただけますか？何か見落としている可能性があります。

---

<div class="post-metadata">

### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus)
#### Post date: [2020 年 10 月 21 日午前 8:12 UTC](https://meta.discourse.org/t/homepage-feature/144264/65 "2020-10-21T08:12:37Z")

</div>

これです：

> **[O Futebol, o Sporting... e eu](https://www.forumscp.com/t/o-futebol-o-sporting-e-eu/23327)**
>
> Recordo-me das primeiras idas a Alvalade. Vindo de família não-Sportinguista (ainda hoje somos apenas dois – espero virmos a ser pelo menos 3 dentro de alguns anos), tal ida ocorreu já tarde, teria uns 14 ou 15 anos, não mais. Arriscar 16 já será...

実際には、最新の情報によると、他の 2 つの間に表示されるはずです：[https://www.forumscp.com/c/universo-sporting/redaccao-porta-10-a/16](https://www.forumscp.com/c/universo-sporting/redaccao-porta-10-a/16)

トピックに再表示する画像がないことが原因でしょうか？その場合、コンポーネントは事前に設定された画像を表示するか、次の画像付きトピックを取得するべきではないでしょうか？

---

<div class="post-metadata">

### Author: ![Jason\_Schulke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_schulke/32/178176_2.png) [@Jason\_Schulke](https://meta.discourse.org/u/Jason_Schulke)
#### Post date: [2020 年 11 月 4 日午後 9:07 UTC](https://meta.discourse.org/t/homepage-feature/144264/66 "2020-11-04T21:07:48Z")

</div>

このコンポーネントで別の問題が発生したようです。コミュニティで読み込まれなくなっています。また、テーマクリエイターのプレビューでも表示されていないことに気づきました。

> [@awesomerobot](#):
>
> 👓 [テーマクリエイターでプレビュー](https://theme-creator.discourse.org/theme/awesomerobot/homepage-feature)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020 年 11 月 4 日午後 9:32 UTC](https://meta.discourse.org/t/homepage-feature/144264/67 "2020-11-04T21:32:35Z")

</div>

ご報告ありがとうございます！そこに非推奨のルートが含まれていました（`/tags/featured` は現在 `/tag/featured` です）。これで更新して復元できるはずです。

---

<div class="post-metadata">

### Author: ![Jason\_Schulke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_schulke/32/178176_2.png) [@Jason\_Schulke](https://meta.discourse.org/u/Jason_Schulke)
#### Post date: [2020 年 11 月 4 日午後 9:37 UTC](https://meta.discourse.org/t/homepage-feature/144264/68 "2020-11-04T21:37:25Z")

</div>

ご確認いただきありがとうございます！これで解決しました。

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2020 年 11 月 6 日午前 7:02 UTC](https://meta.discourse.org/t/homepage-feature/144264/69 "2020-11-06T07:02:13Z")

</div>

ハードコードされた「おすすめトピック」の上限が3件である理由は何でしょうか？それを設定可能にする余地はありますか？現在「トピックリストプレビュー」で使用しているものを、6件に増やして置き換えたいと考えています。

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [2021 年 1 月 4 日午後 5:06 UTC](https://meta.discourse.org/t/homepage-feature/144264/70 "2021-01-04T17:06:15Z")

</div>

このテーマは、[Topic list sidebar navigation](https://meta.discourse.org/t/topic-list-sidebar-navigation/94056) と併用した場合、正しく動作しません。

 ![Screenshot_2021-01-04_20-34-15](https://global.discourse-cdn.com/meta/original/3X/8/f/8f4c5c65c70f66d58b454f694e879c0a7be7152c.png)

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [2021 年 2 月 6 日午前 9:07 UTC](https://meta.discourse.org/t/homepage-feature/144264/71 "2021-02-06T09:07:36Z")

</div>

@awesomerobot 優しく促す 🙂

また、もし3つ以上の注目の投稿をサポートされる場合、画像サイズを選択できるようにしていただけると助かります。現在、TCでは1024x1024の画像を使用していますが、より小さな画像を使用する際には大きすぎます。

---

<div class="post-metadata">

### Author: ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### Post date: [2021 年 2 月 16 日午後 3:00 UTC](https://meta.discourse.org/t/homepage-feature/144264/73 "2021-02-16T15:00:03Z")

</div>

サブフォルダに設定を移行した後、このテーマコンポーネントが機能しなくなりました。

`get-url` の [getURL](https://github.com/discourse/discourse/blob/ae6449016281f2055fbd03d13d7bfa5b3d93539d/app/assets/javascripts/discourse-common/addon/lib/get-url.js#L4) を、[設定](https://github.com/discourse/discourse-homepage-feature-component/blob/57578cda9df7fa358e7ea7858aff23945a772746/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.hbs#L18) や [チェック](https://github.com/discourse/discourse-homepage-feature-component/blob/57578cda9df7fa358e7ea7858aff23945a772746/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6#L12) の際に、[ルート](https://github.com/discourse/discourse-homepage-feature-component/blob/57578cda9df7fa358e7ea7858aff23945a772746/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6#L22) で使用すれば十分でしょうか？~~[ajax](https://github.com/discourse/discourse-homepage-feature-component/blob/57578cda9df7fa358e7ea7858aff23945a772746/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6#L46) 呼び出しでも必要かもしれません。~~ _(ajax 呼び出しは既に処理済みです)_。もしこれが正しいアプローチであれば、試してみます。

また、[この一致](https://github.com/discourse/discourse-homepage-feature-component/blob/57578cda9df7fa358e7ea7858aff23945a772746/javascripts/homepage-featured-topics/connectors/above-main-container/homepage-featured-topics.js.es6#L31) は少し広範囲すぎませんか？例えば、トピックのタイトルに `search` や `admin` が含まれている場合、`show_on` が `all` に設定されていてもコンポーネントが表示されません。

---

<div class="post-metadata">

### Author: ![Terrapop](https://avatars.discourse-cdn.com/v4/letter/t/ecd19e/32.png) [@Terrapop](https://meta.discourse.org/u/Terrapop)
#### Post date: [2021 年 4 月 10 日午後 1:59 UTC](https://meta.discourse.org/t/homepage-feature/144264/74 "2021-04-10T13:59:26Z")

</div>

素晴らしいコンポーネントです。機能のアイデアを提案させてください。

当社は、トップに「速報」を掲載する際のみこのコンポーネントを使用しています。

現在の問題は、「featured」とタグ付けされた記事がない場合でもコンポーネントが折りたたまれず、設定された min-height によって大きな隙間が表示されてしまうことです。

そのため、常にコンポーネントを無効化する必要があります。その欠点は、変更が有効になる前にユーザーがウェブサイトを再読み込みしなければならない点です。また、Ajax 後に自動的に折りたたむ（タグ付けされたトピックがない場合にクラスを適用するなど）と、ページ全体がチラつくことを理解しています。

しかし、コンポーネントに「enabled」という変数を追加し、タグ付けされたトピックを取得するための Ajax 呼び出し（およびローディングスピナー）を実行せずに、コンポーネントを折りたたむようにすることは可能でしょうか？これにより、ユーザーは変更を有効にするために Shift-Reload を実行する必要がなくなります。

[Previous page](https://meta.discourse.org/t/homepage-feature/144264.md?page=2)

[Next page](https://meta.discourse.org/t/homepage-feature/144264.md?page=4)
