Slick Image Gallery

こんにちは、このコンポーネントは公開ページで機能しません。コンポーネントのCSSに適切なコードを追加する必要があることは理解していますが、私はプログラマーではありません。公開ページにギャラリーが表示されるように、どのようなコードを記述すればよいか教えてください。

いいえ、ギャラリーは公開ページに表示されていません

こんにちは。公開ページでスリックギャラリーコンポーネントが機能しません。これは何らかの方法で設定できますか?
繰り返しになりますが、この質問は私にとって重要です。 :pray: :pray: :pray:

それは驚くことではありません。公開されたページは、レンダリング方法がまったく異なります。少なくとも、ここでいくつかの議論を見た限りではそう思いますが、何が関わっているのかを理解するには、コードを十分に見ていません。

何らかの方法で?おそらく。簡単に、いいえ。ギャラリーテーマコンポーネントをフォークして動作させる必要があると思いますが、公開されたページには、プラグインやAJAX呼び出しで動作させる必要があるものが欠けている可能性があります。

役に立たない回答で申し訳ありませんが、回答が必要でした。

「いいね!」 2

動画の埋め込み、またはYouTubeからの動画埋め込みをサポートできることに関する提案が1件あります。また、サムネイル画像を下に表示すること(ユーザーはこの機能をオン/オフできます)も可能です。

マテリアルデザインテーマでこのコンポーネントを使用しようとしています。画像をアップロードすると、投稿は次のようになります。

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)
![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)
![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

すべての画像(テキスト)を選択して「Slick」ボタンを押すと、各画像にdivセクションが作成されます。


<div data-theme-slick="1">

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)

</div>
<div data-theme-slick="1">

![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)

</div>
<div data-theme-slick="1">

![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

</div>

投稿を編集して、すべての画像が同じdiv内にあるようにすると、期待どおりに動作します。Discourseとテーマは最新バージョンです。この動作の原因について何か考えはありますか?

Ember v5.5.0 アップグレード後、このコンポーネントでエラーが発生しています。

:warning: サイトの投稿コンテンツデコレーターのいずれかでエラーが発生したため、投稿が正しく表示されない可能性があります。
「Slick - Gallery Component」によって引き起こされました。[ここをクリック]して更新、再構成、または無効にしてください。
(このメッセージはサイト管理者にのみ表示されます)

再インストールを試みましたが、設定エディタでエラーを調べても、問題は解決しませんでした。

「いいね!」 3

問題を再現できます。Uncaught ReferenceError: jQuery is not defined というエラーが表示されます。修正する時間があるまで、これを「壊れている」としてタグ付けします。

「いいね!」 6

コアの Introducing image grids in posts の機能を代替として検討することもできます。

「いいね!」 5

私も時々使っていますが、良いですね。しかし、ギャラリー形式で表示されなくなってしまった投稿がすでにたくさんあります。手動で追加する手間を省いたとしても、それらをすべて見つけ出すことすらできません :melting_face:

「いいね!」 4

失礼ですが、これは我々が聞かされていたこととは違います。ここ数週間で私が読んだことから、約束はこうでした。

物事には時間がかかることは理解しています。待つことができます。しかし、Discourseチームの当初のガイダンスに反して、現在使用を中止するように指示されている公式テーマ/プラグインが存在しないのであれば、今日アップグレードすることさえなかったでしょう。その間、Emberの以前のバージョンにロールバックする方法はありますか?

「いいね!」 1

念のためお伝えしておきますが、このテーマコンポーネントは#official theme componentではありません。
#officialなものはすべてこちらでご覧いただけます: https://meta.discourse.org/tags/c/theme-component/120/none/official

「いいね!」 2

おそらく、私がインストールする前の数年前のことでしょう。

https://github.com/hnb-ku/Discourse-Slick-image-gallery

実際、後に公式Discourseリポジトリに追加されました。

https://github.com/discourse/Discourse-Slick-image-gallery

個人的には、非公式コンポーネントは公式リポジトリの外に置いておくことをお勧めします。ご参考までに。

「いいね!」 1

通常、#official タグが優先されます。これは、Discourse リポジトリ内にあり、‘official’ と見なしたくないものがいくつか存在する可能性があるためです。

とはいえ、このケースで見落としがないか確認できます。

「いいね!」 5

このテーマコンポーネントはEmber 5.0では壊れたままになりそうな気がします。インストールしましたが、管理者の警告バナーが表示されるだけで、広範囲には使用されていません。@Johani氏のMetaでの投稿は2年以上見られず、彼のプロフィールは非公開です。もしJoeさんがこれを見ているなら、このコンポーネントを維持する計画があるかどうか教えてください。

「いいね!」 1

jQuery のいたずらが発生しているようです。Ember の新しいバージョンでは、デフォルトで jQuery は同梱されません。詳しく調べる必要がありますが、Slick (基盤となるライブラリ) は jQuery に依存しています。いずれにせよ、バニラ JavaScript の実装に移行すべきでしょう。

今週中に、同じ機能/インターフェースを維持する修正をなんとか組み込みます。

「いいね!」 13

Vanilla JS の実装に移行するのは素晴らしいことだと思います!:100: (もっとも、それはコアの新しい masonry gallery の実装であるべきでしょうか?そして、このテーマコンポーネントは、古いサイトを機能させ続けるための構文のシムにすぎないのでしょうか?)

いずれにせよ、当面は、この小さな調整で Discourse の Ember 5 ビルドで動作するようになるはずです: FIX: Support Discourse's Ember 5 build by davidtaylorhq · Pull Request #17 · discourse/Discourse-Slick-image-gallery · GitHub

「いいね!」 7

背景色を変更するにはどうすればよいですか?

「いいね!」 1

関連して、この投稿に似たものです。CR/LFを削除/クリーンアップして、各画像にギャラリーが作成されないようにテーマコンポーネントを変更するのは良いでしょうか?アップロードボタンを使用するとそうならないことは知っていますが、多くの場合、画像を投稿にドラッグ&ドロップします。それらすべてを1つのギャラリーに収めるには、各画像の後にCRLFを削除する必要があります。

Cheers,

「いいね!」 2

現在壊れています…

これは、Tiles Image Gallery - theme-component - Discourse Metaのように廃止されたものですか?

「いいね!」 2