埋め込みテンプレートのカスタマイズ

サポート
1

こんにちは、ブログの投稿を埋め込み機能を使って読み込んでいます。

これが Discourse に表示される際、‘small’ タグで囲まれた以下の行が表示されます：「これは LINK の元の投稿に関連するディスカッショントピックです」

これを ‘h4’ タグで囲み、「記事を読む：LINK」のような文言に変更したいのですが、可能でしょうか？

ご助言をお願いいたします。

2

テキストをh4タグで囲むには、プラグインが必要です。このタグはTopicEmbed::imported_from_htmlメソッド内で設定されています。タグを変更するには、プラグイン内でこのメソッドを再オープンする必要があります。

表示されるテキストの内容は、サイトの管理画面から「カスタマイズ」＞「テキスト」セクションで変更できます。embed.imported_fromを検索してください。

単にテキストを大きくしたい場合は、CSSで変更を試みることも可能です。サイト内のすべてのsmall要素の文字サイズを上書きするか、以下のようにimported_fromのテキストをターゲットにしてください。

.cooked hr + small {
    font-size: 16px;
}
3

とても参考になりました、ありがとうサイモン。やってみます :slight_smile: