Discourseがフォーラムのデザインを変更するのを止めるにはどうすればよいですか?

数週間前にこれについてスレッドを立てたのですが、今では見つけられません。管理者が削除したのか、それとも他の理由なのかはわかりません。いずれにせよ、私の問題は解決していません:私のフォーラムのデザインが週に一度ほど変わってしまい、それを止めたいのです。

前回はその具体的な証拠がありませんでしたが、今回はあります:

上記の画像をご覧いただくと、カテゴリの説明が奇妙にインデントされていることがおわかりいただけるでしょう。これは新しい現象です。数週間までこのセクションはすべて完璧に揃っていたのですが、今日フォーラムを訪れると、なぜか突然崩れてしまいました。

前述の通り、これは以前も起こっており、その際も適切なサポートを受けられませんでした。なぜこのようなことが起こるのでしょうか?また、どうすれば防ぐことができるのでしょうか?

想像できるかと思いますが、フォーラムのデザインを完成させるために何時間も費やしても、それが自ら変化し続け、問題を見つけ出して修正し続けることを強要されるのは非常に煩わしいことです。私のフォーラムはこちらです。

よろしくお願いいたします!

具体的な理由は言えませんが、Discourse の新しいアップデート(または使用中のテーマやプラグイン)が CSS を変更した可能性があります。カスタムテーマを使用していますか?

もしサイトの CSS を変更できるなら、各カテゴリ項目の HTML エクスプローラーにある .ember-view > a.category-title-link > div.category-logo.aspect-image に適用されているマージンを削除(または変更)すると役立つかもしれません:

.category-logo.aspect-image { 
    ...
    margin: 0.33em 2em 2em 0; # 削除
}

上記の CSS は説明を右側にずらす原因となります。これを削除し、代わりに左マージンを適用するとともに、説明の左パディングを削除して整列させれば問題が解決するはずです(念のため、詳細なテストは行っていません)。

.categories-list .category .category-description {
    margin-left: 75px;
    padding: 0;
}

なぜそのようなことが起きたのか、そして今後(同様のことが)起こる可能性があるのかについては、Discourse チームがより良い説明を提供してくれるかもしれません。

サイトの自動更新では、1 つのデプロイから次のデプロイまでの間に実施したすべての変更が反映されます。CSS のみを変更している場合、破綻することはほとんどありません(ただし、何らかの要素がリファクタリングまたは変更されたため、一部機能が動作しなくなる可能性はあります)。一方、テンプレートを変更したり JavaScript スクリプトを使用したりしている場合、当方が何らかの変更を行った際に問題が発生しやすくなります。

当社は、ホスト型およびセルフホスト型のサイトに影響を与える可能性のある大規模な変更を行う際、必ず #feature:announcements カテゴリに専用トピックを作成し、可能な限り先を見据えた対応を心がけています。しかし、小規模な変更については、新しいベータ版がリリースされるまで GitHub 上でのみリストアップされます。

@lucasbasquerotto 氏がおっしゃる通り、コードの修正は容易に行うことができますが、当方が行う変更について事前に警告したり、サイトへのデプロイ前に通知したりする方法は現在ありません。

「いいね!」 4

私は開発者ではないため、CSS 以外の修正方法がわからず、サイトの CSS のみを修正しました。

私がフォーラムで使用しているテーマは、こちらのウェブサイトで見つけた「Zeronoise」テーマです。

ご返信ありがとうございます。しかし、まだ私が何をしているのか、何が間違っているのかを理解できていません。もし私が何をしているのか教えていただければ、その行動を止めることができます。私がインストールしているすべてのテーマやテーマコンポーネントは、皆様から提供されたものです。それらのテーマで変更しているのは CSS のみです。

テーマの読み込み方法が間違っているのでしょうか?私のサイトデザインが数週間ごとにランダムに変更されてしまう問題を解決したいので、何が不足しているのか教えていただけますでしょうか。

ありがとうございます!テストを実行してみます!

つまり、そのトピックでこの問題を報告するだけで、そのテーマの作成者が適切に修正してくれます。修正が完了したら、テーマを更新するだけです。

「いいね!」 1

Discourseエコシステムについて、私が提案されている内容を完全に理解できていない重要な情報が欠けているようです。つまり、もし私のテーマが「壊れた」場合、そのテーマを修正するためにテーマ作成者に連絡する必要があるのでしょうか?そもそもなぜテーマが壊れるのでしょうか?

単にテーマ作成者に「ねえ、以前はテキストがここにあったのに、今はそこにあるよ。直してくれない?」と言うだけでいいのでしょうか?そしてテーマ作成者がテーマ内のコードを変更し、私はそのテーマを再ダウンロードしてDiscourseに再アップロードし、旧バージョンからのCSS調整を貼り付けて(デザイン調整を引き継ぐため)、ようやく期待通りに表示されるのでしょうか?

Discourseのアップデートによって私のデザインが移動するたびに、このプロセスを数週間ごとに繰り返さなければならないのでしょうか?

他のユーザーはこの問題をどう回避しているのでしょうか?ほとんどの人がテーマに対してCSS調整を行っている、と推測していいのでしょうか?

その脆さは、おそらく CSS の書き方に依存していると思います。最近破綻した部分で、どのようにスタイルを上書きしているか、具体例をいくつか教えていただけますか?また、あなたのフォーラムは公開されていますか?デフォルトのテーマとどのようにスタイルが異なるかを確認できれば、非常に役立ちます。

私のフォーラムはこちらでご覧いただけます。

最初の問題は、私のラッパーの幅に関連していました:

デザインを完成させてから約1週間後、フォーラムを訪れたところ、ラッパーがかなり細くなっていることに気づきました。以前は2行で表示されていたテキストが、今度は3行や4行必要になっていました。

2つ目の問題は、このスレッドで報告しているものです。テキストがランダムにレイアウトから外れてしまう現象です。

まだ28日間の試用期間が終わっていないのに、すでに2回もこのような問題に遭遇したため、心配しています。

Discourse には、Discourse チームが作成した公式のテーマ(ライトテーマやダークテーマなど)と、非公式のテーマがあります。公式テーマに不具合が発生した場合は Discourse チームが修正すべきですが、非公式テーマの場合は、テーマ作成者に修正を依頼する必要があります。結局のところ、Discourse チームが破損したすべてのテーマを一つずつ修正するのは現実的ではありません(あなたも私も含め、誰でもこのフォーラムにテーマを投稿できるためです)。

CSS が壊れた原因は、おそらく Discourse チームが行った変更が、意図せずテーマの CSS に影響を与えたことだと思われます。その場合、テーマ作成者が修正するか、またはリポジトリをフォークして自身で修正を加えることができます。あるいは、Marketplace で誰かを雇う方法もあります。残念ながら、非公式テーマについてはここでできることはほとんどありません。望む結果ではないかもしれませんが、前回の投稿で示した通り、修正は簡単のようです。

とはいえ、このテーマは Discourse が所有しているようです。なぜなら、リポジトリが以下の通りだからです:

したがって、何か見落としている可能性がなければ、Discourse チームに問い合わせることもできます。

https://forum.actionvfx.com/safe-mode のセーフモードにアクセスすれば、問題が本当にテーマにあることが確認できます。

その後、テーマのみを無効にして「OK」を押してください。説明が整列します。

「いいね!」 2