ウェルカムページの画像

こんにちは、アクセシビリティに配慮した解決策についてご助力いただけませんか?ウェルカムページで、ウェルカムテキストの直後、下部のボタンの直前に、div クラス .contents.clearfix.body-page 内に画像を配置したいと考えています。
ありがとうございます!


このようなものです

現時点では、テキストの上にのみコンテンツを追加できますが、合理的な機能として、テキストの下にもコンテンツを追加できるようにするアップデートを先ほどプッシュしました(https://github.com/discourse/discourse/commit/e4ebc303bb8cfaa5e39c22f49cd4419d3ee3f33e)。

数時間後に Discourse をアップデート(yoursite.com/admin/upgrade を経由)すれば、その変更が反映され、必要な場所にコンテンツを追加できるようになります。

やり方は以下の通りです。テーマの header.html ファイルに以下のコードを追加してください。

<script type="text/x-handlebars" data-template-name="/connectors/below-static/custom-login">
  {{#if showLoginButton}} 
    <div class="custom-login-content">
       <!-- Your custom HTML here -->
    </div>
  {{/if}}
</script>

このテンプレートは FAQ ページ、About ページなど複数の場所で使用されています。そのため、Welcome ログインページでのみコンテンツを表示させたい場合は、{{#if showLoginButton}} {{/if}} で囲む処理をそのまま残す必要があります。

プラグインアウトレットを使用して、Handlebars テンプレートにコンテンツを追加する方法については、こちらをご覧ください:Developing Discourse Themes & Theme Components

こんにちは、クリスさん。デザイン変更を本番フォーラムに適用する前に、Docker 上のローカル Discourse インスタンスでテストしているのですが、‘example.com/admin/upgrade’ というページにアクセスできません。そのページは存在しないようです。また、本番サイトにもそのようなページはありません。何か間違っているのでしょうか、それとも別のアップグレード方法があるのでしょうか?また、本番サイトの admin/dashboard からアップグレードする方法も見当たりません。

こんにちは、Krisさん。再度ご連絡します。上記でおっしゃっているページが、Docker上のテスト環境のDiscourseでも、本番環境のDiscourseでも利用できません。お手伝いいただけますか?
よろしくお願いいたします。

サブフォルダーで実行されていますか?これらのインスタンスはどのようにインストールされましたか?

すべての Discourse インスタンスには /admin/upgrade URL が存在しますが、管理者でない場合はアクセスできません。

こんにちは、Stephen さん。
私は両方のインスタンスで管理者かつレベル 4 のモデレーターです。
ローカルインスタンスは、docker を使用して Users/my-local-user-account(admin)/documents/discourse-test ディレクトリにインストールされています。ログインテストページを構築するために、まずここで Discourse を更新する必要があります。
ライブサイトのインストール方法については不明です(私が来る前に設置されたため)が、https://lifeevents.digital.gov.au で確認できます。

申し訳ありませんが、あなたは管理者かつ TL4 ですか?

app.yml で docker-manager がプラグインとして有効になっていますか?

ローカルインストールが開発用インストールではないことを確信していますか?

はい、両方とも admin と TL4 です
ローカルインスタンスにはプラグインはインストールされていません
dev インストールについてはわかりません。以下のように行われました:# テストのためにローカルで Discourse を実行する

最も簡単な方法は Docker を使用することです。

ステップ 1:Docker のインストール

Docker は公式サイトから直接インストールできます

こちらからインストールできます:Mac | Docker Docs

ダウンロードが成功したか確認する

Docker のダウンロードが成功したか確認するには、ターミナルで docker -v と入力してください。実行中のバージョンが表示されます。

ステップ 2:Discourse フォルダの作成

Documents フォルダ内、またはお好みの場所にフォルダを作成することをお勧めします。以下のコマンドを使用してください。

cd ~/Documents
mkdir discourse-test
cd discourse-test
curl -sSL https://raw.githubusercontent.com/bitnami/bitnami-docker-discourse/master/docker-compose.yml > docker-compose.yml
docker-compose up -d

ステップ 3:/etc/hosts ファイルの更新

/etc/hosts ファイルの末尾に以下の行を追加する必要があります。
127.0.0.1 www.example.com

まず、nano エディタでファイルを開きます。パスワードの入力を求められます

sudo nano /etc/hosts

次に、ファイルの末尾にこのテキストを追加します:127.0.0.1 www.example.com

この設定を保存するには、ctrl+x を押し、その後 y を押し、最後に Enter キー を押します

ステップ 4:ローカルでのアクセス

これでブラウザを開いて www.example.com にアクセスし、Discourse のテストインスタンスを確認できるようになっているはずです。

ユーザー名:user

パスワード:bitnami123

Docker で便利なコマンド

Discourse を停止する(~/Documents/discourse-test ディレクトリにいることを確認してください)

docker-compose stop

Discourse を起動する(~/Documents/discourse-test ディレクトリにいることを確認してください)

docker-compose up -d

コンテナを削除する(~/Documents/discourse-test ディレクトリにいることを確認してください)

docker-compose down -v

イメージを削除する(まずコンテナを削除する必要があります)

docker rmi $(docker images -q)

はい、Bitnami のインストールを使用されているのですね。これはサードパーティのパッケージです。残念ながら、こちらではそのサポートを提供することができません。このトピックを unsupported-install としてタグ付けしました。

サポートされているインストールは、公式の 標準インストール または、ローカルで開発者が実行する dev-install のみです。

そのインストールに関するサポートが必要な場合は、Bitnami にご連絡いただくか、バックアップを取得して公式にサポートされているインストールに復元する必要があります。

はい、それがローカルインストールですね…標準インストールについて調査します。インストールが標準的ではないことに同意します。ライブサイトについては、admin/upgradeページもライブサイトでは利用できないのでしょうか?問い合わせが両方のインスタンスに関するものであったため、これを「非サポートインストール」としてタグ付けするのは適切ではないと思います。

であれば、Bitnami の場合も同様のことが当てはまる可能性があります。そうでない場合、docker-manager が無効化されていることを意味し、これも非常に重要です。そのインストールについてはご自身で調査していただき、後日更新情報をいただければと思います。

あなたの問題は、サードパーティ製パッケージへのサポートを提供できない理由を如実に示しています。意図した通りに動作しない場合や、Web アップdater などの重要な機能がない場合、そのパッケージのメンテナーがサポートを提供する必要があります。

正直なところ、そのパッケージを使用する正当な理由はほとんどありません。公式インストールを使用する方が、ほぼ常に有利です。

サードパーティ製パッケージへのフラストレーション、よく理解しています。ただ、私はデザイナーで、何かを完了させたいだけなんです。限られたアクセスしか持っていない開発者が私に提示した選択肢でしたので、私は開発者ではありません。

ライブのDiscourseインスタンスを確認し、後で返信します。お手伝いいただきありがとうございます。また、インストールインスタンスを一つのスレッドに束ねてリクエストを混乱させてしまい、申し訳ありません。

それは私たちにとって問題でも、ストレスでもありませんが、サポートを求めているユーザーが混乱したり、イライラしたりする可能性は理解できます。

ここでは多くの無料サポートを提供しているため、そのサポートの範囲を適切に焦点化するための対策が必要です。Discourse で :sparkles: 素晴らしい :sparkles: ことをしている非常に創造的な人々がおり、それを支援することは非常にやりがいがあります。非公式のイメージをサポートする必要が生じると、そのサポートの負担が指数関数的に増大し、他のすべての活動に悪影響を及ぼすことになります。

素晴らしいですね!ログインテキストの div の左側または右側にコンテンツを追加したい場合、新しい plugin-outlet の作成が必要になるのでしょうか、それとも CSS 属性の追加で最適に実現できるのでしょうか?

また、これはテーマコンポーネントの header.html にも追加可能だと推測していますが、念のため確認させてください。

ありがとうございます!

このソリューションが機能するようにしようとしていますが、何らかの理由で showLoginButton が true と見なされません。私のテストサイトは非公開に設定されており、/login にアクセスするとボタンがページに表示されます。showLoginButton の値をログ出力してみましたが、undefined が返ってきました。

もし unless に書き換えると、うまく動作するようです。問題の原因について何かご存知でしたら、ご教示いただけますと幸いです。

<script type="text/x-handlebars" data-template-name="/connectors/below-static/custom-login">
  {{#unless showLoginButton}} 
    <div class="custom-login-content">
       <h1>test</h1>
    </div>
  {{/unless}}
</script>