アスペクト比でCSSを使用できます。
コード例: How To - Aspect Ratio / Height Equal to Width
私のサイト https://businesslab.vn を16:10のアスペクト比で確認できます。
Discourse でこれを設定するにはどうすればよいですか？どこにどの CSS を設定すればよいですか？
また、Google 広告の設定時に、この軽微な問題が発生します。
サイドバーのプロフィールカードは、広告の上に重なるのではなく、広告の下に来るべきだと思います。
よろしくお願いします！
「いいね！」 1
こんにちは @codergautam、
Discourse Ad プラグイン - Google AdSense の修正をマージしました。テーマを更新してください。
画像の高さを変更できます 
これを行うには、新しいコンポーネントを作成する必要があります。
-
/admin/customize/themes/に移動します
カスタマイズ → テーマ -
コンポーネントタブをクリックし、次に インストール ボタンをクリックします。
-
ポップアップウィンドウで 新規作成 ボタンをクリックし、新しいコンポーネント名を入力します。
-
作成 ボタンをクリックします。
-
コンポーネントが作成されました。次に、FKB Pro テーマを選択してアクティブ化します。
-
CSS/HTMLを編集 ボタンをクリックします。
-
共通タブをクリックし、CSS セクションに以下のコードを貼り付けます。
デスクトップとモバイルで個別に画像の高さを設定したい場合は、共通の代わりにこれらのタブを使用してください。共通とは、このコードがデスクトップとモバイルの両方でアクティブになることを意味します。
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
height: 280px; // デフォルト 300px
}
}
}
}
画像を非表示にしたい場合は、こちらを使用してください
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
display: none;
}
}
}
}
「いいね！」 3
他のテーマコンポーネントとの非互換性を修正することを期待しています
ボタンなどを丸くするにはどうすればよいですか？現在のテーマでこれを実行したいだけです。
「いいね！」 1
Hi @danielabc、
丸みを帯びたものに関する#theme-componentがいくつかあります。
Hello @xiaokong23357、どの#theme-componentを指しているか明確にしていただけますか？
「いいね！」 2
「いいね！」 2
@Don FBKテーマにバインディングHTMLメタタグを挿入するにはどうすればよいですか？
解決されることを願っています
「いいね！」 1
「いいね！」 2
こんにちは、遅れてすみません…はい、デフォルトの右パネルを右サイドバーブロックに置き換えることは可能だと思います。確認します。
「いいね！」 3
もう一つ、@Don さん\n私のフォーラムではあなたのテーマを使用しています。現在、私のフォーラムはMicrosoft Bing検索エンジンに追加される準備ができていますが、フォーラムのHTMLメタタグ検出が必要になりました。テーマにこのHTMLメタタグを組み込むにはどうすればよいですか？\n今すぐ必要としており、解決できたら大変感謝しています。\n\n
\n\n
「いいね！」 1
上記で紹介したように、管理画面に新しいテーマコンポーネントを作成してください。コンポーネント名は自由に変更できますが、私がCSSタブに貼り付けたCSSは貼り付けないでください。作成したコンポーネントのHEADタブにBingのHTML Meta tagをコピー＆ペーストして保存してください。
「いいね！」 2
いいえ、これはテーマのようです。コンポーネントを作成する必要があります。別のタブか、ページ下部にある変換ボタンでコンポーネントに変換できます。上記で示した手順に従ってください。
「いいね！」 2
ありがとうございます、問題が解決しました！
@Don
「いいね！」 3
設定が含まれています: right sidebar blocks enabled。これにより、Right Sidebar Blocks テーマコンポーネントのサポートが追加され、デフォルトの右サイドバー (fkb パネル) が置き換えられます。
「いいね！」 4
「いいね！」 2
こんにちは。
はい、タイトルがコンテンツから分離されており、このサイドバーが固定されていないように見える場合、スタイルを変更することで可能だと思います。
次のようなことを試してみてください。
新しいテーマコンポーネントを次のように作成するか、既存のものに追加します。FKB Pro - Social theme - #88 by Don
デスクトップ / CSS
.full-width .tc-right-sidebar {
position: relative;
top: unset;
padding: 0;
background: none;
box-shadow: none;
overflow-y: unset;
.rs-component {
h3 {
border-bottom: none;
padding-bottom: 0;
}
> div {
background: var(--secondary);
padding: 1em;
border-radius: var(--d-default-border-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
}
「いいね！」 2
FYI: /loginと/signupの両方をリンクとしてクリックすると、モーダルが開かずに回転する円が表示されます。iPadで最新の環境です。
「いいね！」 1
Jakkeさん、こんにちは:slightly_smiling_face: サイトで確認したところ、/login と /signup でモーダルが正しく表示されました。
「いいね！」 1