ブログ投稿のスタイリング

このテーマコンポーネントを使用すると、ブログカテゴリを指定でき、そのカテゴリ内のすべてのトピックの外観を従来のブログ投稿のように変更できます。これは、基本的にBlog post plugin のテーマコンポーネントへの適応です。

使用のヒント:

  • フィーチャー画像の画像コードは投稿の最初の行である必要があります。コンポーネントがその画像をトピックタイトルの上に「移動」させ、上記の例の画像に示されている効果を生み出します。フィーチャー画像の画像コードとそれに続くコンテンツの間には必ず空白行を含めてください。

  • 最初の文字の周りに \u003cbig\u003e\u003c/big\u003e タグを使用して、イニシャル効果を作成できます。

  • トピックに入ったときにブログ投稿が常にハイライトされるように、カテゴリ設定の「トピックが読まれた後に最初の投稿に移動」を有効にするとよい場合があります。

  • メイン画像は利用可能なスペースの中央に配置されます。希望どおりに表示されるように写真を編集する必要がある場合があります。

追加の詳細

ブログ画像のコンテナの高さは 440px で、幅はメインコンテナの100%です。画像は利用可能なスペースの中央に配置されるため、画像の高さが 500px の場合、上部から 30px、下部から 30px が切り取られます。水平方向の切り取りは 1100px(Discourseサイトのメインコンテンツの最大幅)から始まり、ウィンドウが狭くなるにつれて大きくなります。理想的なのは、中央に被写体がある画像、または私の例で示すようなパターンや自然のショットなど、一般的な被写体を持つ画像を使用することです。

  • 複数のカテゴリにスタイルを適用できます。これは、カテゴリのスラグをコンマで区切ることで実現できます。コンマの前後にスペースを入れないように注意してください。サブカテゴリは次の手順で追加できます。
  1. サブカテゴリへのリンクを取得し、/c/ の後の部分を分離します
 `https://meta.discourse.org/c/`**support/wordpress**
  1. /- に置き換えて、support-wordpress を取得します

  2. 結果をテーマ設定に追加します

  • ブログ投稿トピックを初めて作成するときは、メイン画像がコンテンツの上に表示されるようにページを更新する必要があります。これは投稿直後、かつトピックの作成者にのみ発生します。

コンポーネントを改善するための提案を歓迎します。機能を追加したり、変更を加えたりできるという保証はできませんが、必ず検討します :slight_smile:

現在のやることリスト/機能リクエストリスト

  • コンポーネントがDiscoToC(特にRTLの場合)とうまく連携するようにする
  • 投稿にスタイルを適用する方法としてタグを使用できるようにする
  • 画像に加えてビデオを使用できるようにする

この作成にあたり、@simon@awesomerobot の以前の作業から多大なインスピレーションを得たことに感謝します。

このテーマコンポーネントをインストール

「いいね!」 103