ページの公開

procourse-static-pages を「ページ公開」に置き換えたいと考えています。「公開ページ」にデフォルトの Discourse ヘッダーを追加することは可能でしょうか?具体的には、左側にロゴを表示し、右側には検索、ハンバーガーアイコン、アバター、およびそれらのボタンに関連する機能を表示したいと考えています。これにより、procourse-static-pages の代替として機能するはずです。

さらに、公開ページでも DiscoTOC を使用できると素晴らしいです。

「いいね!」 7

この機能を提供してくださり、本当にありがとうございます!ホームページ以外の素晴らしいランディングページを作成できるようになりました。そこで、SNSでの共有、SEO、Google Discover(私の国では過去数ヶ月、トラフィックの観点からGoogle検索よりも重要になっているようです)に必要な適切なメタデータがあると嬉しいです。メタタイトルやメタディスクリプション、主要なソーシャルネットワーク向けの独自メタタグを提供する予定はありますか?あるいは、それらを編集可能にする予定はありますか?

「いいね!」 8

公開ページにDiscourseヘッダーを含められるようになる更新情報はありますか?

「いいね!」 6

公開されたページで LaTeX をレンダリングすることは可能になるでしょうか?数学の記事を書くのに便利になるのですが。

「いいね!」 2

お尋ねしてもよろしいでしょうか。管理者が公開したすべてのページを一覧表示できるURLはありますか?そうすれば、管理者は自分が公開したページを簡単に確認できます。WordPressのような機能です。もし現在ない場合、example.com/pub/というURLで公開されたすべてのページを一覧表示できるようにしていただけると大変助かります。

「いいね!」 6

これらの公開されたページを通常の Discourse Ember レイアウト内でレンダリングする予定はありますか?他のアプリセクションのようにレイアウトに直接取り込めないのはもったいないように思えます。このスレッドでも同じ質問をされた方が何人かいらっしゃいますが、まだ直接的な回答は出ていないようです。

私が調査した他の静的ページプラグインも、同様に独自の Rails レイアウトで静的コンテンツをレンダリングしているようです。これは Discourse プラットフォームの制限によるものなのでしょうか、それともまだ実装されていないだけなのでしょうか?

もし(ヘッダーを含む)通常のアプリレイアウト内で公開ページをレンダリングすることに明確な制限がないのであれば、この機能の実装を始めるにはどこから着手すべきでしょうか?

ありがとうございます :smiley:

「いいね!」 3

元の投稿に合わせてスタイルを変更できます:Page Publishing

「いいね!」 2

@hellekin さん、ありがとうございます。ただし、これは私の返信の主要な点には触れていません。私は、公開されたページを通常の Ember.js アプリのレイアウト(ロゴ、検索、ハンバーガーナビ、ユーザーナビ付き)内でレンダリングできるかどうかを尋ねたのであり、個別の公開ページレイアウトをカスタマイズする方法についてではありません。

静的コンテンツが、カテゴリページやトピック詳細ページが読み込まれるのと同じように、通常のアプリレイアウト内でレンダリングされ、メインの Ember アプリレイアウトと連携する既存のプラグインやテーマコンポーネントをすべて活用したいと考えています。

「いいね!」 4

公開されたページの目的は、Discourse の UI を非表示にすることだと思います。

テーマコンポーネントやプラグインなどの機能があると素晴らしいとは思うものの、あなたのケースではトピックへのリンクの方が適しているでしょう。もしかすると、閉鎖されたトピックのスタイルを変更するオプションを探ってみてはいかがでしょうか?

「いいね!」 3

公開されたページでサイト見出しをそのまま維持することは可能でしょうか、それとも何か見落としているのでしょうか?

「いいね!」 6

ページ公開機能は本当に素晴らしいです。トピックが単独のページとして美しく表示されます。しかし、期待していたように活用できていません:

  1. 面白い使い方として、ページ公開をフォーラムのランディングページに設定することを考えていました。つまり、ユーザーがログインする前に、私が公開してスタイリングしたトピックが表示されるようにしたいのです。これは可能でしょうか?

  2. このスレッドの最初の投稿では、ページのスタイリングが可能だと述べられていました。ページに jQuery や JavaScript を追加する方法はありますか?(編集:以前の議論から、jQuery や JavaScript をページに追加できる機能への要望はあったようですが、少なくとも昨年時点では実装されていませんでした。基本的には、人々は静的なページを持ちつつ、通常のトピックと同じカスタマイズ可能性でレンダリングできることを望んでいたようです。私もそれを望んでいます。)

「いいね!」 3

はい、あります。ただし、すぐにわかりにくいかもしれません。

「いいね!」 5

公開されたページから元の投稿へのリンクの推奨方法はありますか?

読者からの返信を促すために、読み取り専用の公開ページのスタイルを制御しながら、これを行うことがよくあります。トピックへのリンクを目立つようにしたり、単に「ディスカッション」リンクを付けたりするなど、いくつかの方法を試しました。

常に表示されるディスカッションボタンを追加するオプション(ただし、CSSで変更可能)があれば機能するかもしれません。誰かがすでにそのようなCSSトリックを実装しましたか?

「いいね!」 6

2件の投稿が新しいトピックに分割されました:公開ページはabout/faqs/tos/privacyと並んで表示されますか?

ページの内容に応じて、適切な場所にリンクを配置します。ここでは、上部にあるものもあります。

ここでは、下部にあるものもあります。

「ボタン」を「シミュレート」するには、このカテゴリのヘッダーに適用したように、特定のタグにCSSをコーディングできます。

https://foro.enunionylibertad.com/c/uni2-cordoba/6

テキスト:

Ciudadanos con la convicción de que la República Argentina puede, debe, y va a ser un lugar mejor, si trabajamos todos Unidos en pos de la Libertad.
    [**Afiliación**](https://foro.enunionylibertad.com/t/formulario-de-pre-afiliacion/92)

(重要なのは<mark>タグです)

上記の<mark>タグのCSS:

/* Code to CHANGE "mark" tag render to something that looks like a "menu bar" */
mark {
  display: inline-block;
  background-color: #E1E1E1 !important;
  color: black;
  border-radius: 20px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
「いいね!」 3

ページ公開の代替手段として、CSSを使用して通常のトピック投稿の不要な要素を削除し、すべての機能(インストールされているテーマコンポーネントのJavaScript、CSSスタイルなど)を維持するという別の方法があります。

コンポーザのタグを使用して、特定のトピック投稿にフォーマットを選択的に適用できます。

たとえば、私のサイトでは、テーマのCSSの共通タブに次のCSSを貼り付けることでこれを実現しています。

/********************** タグを使用してレイアウトから要素を削除 *************** /

.tag-no-header {
    .d-header {
        display: none !important;
    }
    #post_1 nav.post-controls .actions button.edit {
    top: 0px !important;
    }
    .topic-body h1 {
        padding-top: 0 !important;
    }
}

.tag-no-sidebars {
    aside.sidebar {
        display: none !important;
    }
}

.tag-no-category {
    .topic-category {
        display: none !important;
    }
}

.tag-no-timeline {
    .topic-navigation {
        display:none !important;
    }
    .container.posts {
        grid-template-columns: 100% !important;
    }
    .topic-body {
    width: 100% !important;
    }
}

.tag-no-post-links {
    .post-links-container {
        display:none !important;
    }
}

.tag-no-box-shadow {
    .topic-body {
        width: 100% !important;
        border-top: none !important;
        box-shadow: none !important;
        background-color: unset !important;
    }
}

.tag-no-topic-meta-data {
    .topic-meta-data {
        display:none !important;
    }
}

.tag-no-side-margins {
    .wrap {
        max-width: unset !important;
        padding: 0 10px !important;
    }
    .content-wrapper {
        display: block !important;
    }
    #main-outlet-wrapper {
        width: 100% !important;
    }
    .topic-body {
        width: 100% !important;
    }
}

.tag-no-footer-buttons {
    #topic-footer-buttons {
        display: none !important;
    }
}

その後、上記のコードのCSSセレクターに一致するタグを作成し、トピック投稿に選択的に適用できます…

no-header
no-sidebars
no-category
no-timeline
no-post-links
no-box-shadow
no-topic-meta-data
no-side-margins
no-footer-buttons


そして、ここに同じトピック投稿の2つの異なるバージョンがあります…

適用前(タグなし):

適用後(すべてのタグを適用)- これはサイトの他の投稿にiframeとして埋め込むこともできます:nerd_face::

「いいね!」 25

すごい :star_struck:

それは本当に型破りな考え方ですね :smiley:

「いいね!」 4

@Richieさん、本当にありがとうございます! Out-of-the-Boxは私の世界のすべてです!

「いいね!」 2

コードにタイポがあります。セミコロンが2つです。

    .topic-body h1 {
        padding-top: 0 !important;;
    }

また、

画像を投稿し忘れていませんか?それとも、ページの適用後のバージョンは音楽だけですか? :smile:


コードを少し触ってみましたが、まさに:sparkles:素晴らしいです!:sparkles:
ニーズに応じてこのトリックを使用するためのアドバイスを追加できます。

  • トピックを閉じて、CSSルールを回避して返信できないようにすることができます。

  • トピックリストにノイズを追加したり、検索結果に表示されたりしないように、トピックを非公開にすることができます。

  • タグリストのノイズを削除するために、通常のユーザーには見えないタググループにタグを含めることができます。

  • 通常のユーザーには見えない要素(投稿メニューなど)を管理者には表示させることができます。

すぐに思いついたことですが、他にも考えられることがあると思います。

「いいね!」 4

@Canapinさん、ありがとうございます :sparkling_heart: コードのタイプミスを修正しました。

カテゴリとサブカテゴリは、category- を使用してCSSでも使用できます。

例:

.category-books .main-content,
.category-my-great-book .main-content {
    width:100% !important;
}

私もこのトリックを自分のサイトで広く使用しており、コンポーザー内でコンテンツや埋め込みをリアルタイムでスタイル設定しています…

自分の開発を文書化しているサイトの一部があります(主に将来の自分が、すでにやったことを見つけ出し、自分の車輪を再発明し続けないようにするためです!)しかし、誰でも自由に訪問したり、必要であればそのカテゴリを購読したりできます…

「いいね!」 3