Generic Bbcode ラッパーを使用します。
Theme component を作成し、これを CSS Common に追加します。
div[data-wrap="redbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
//* 背景色を変更するには下の行のコメントを解除します。ただし、その場合は bbcode の背景色を使用できるはずです。
// background-color: var(--secondary);
//* ボックスの色と太さ
border: 2.5px solid #ff0000;
border-radius: 0.40em;
}
div[data-wrap="greenbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #00ff00;
border-radius: 0.40em;
}
div[data-wrap="bluebox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #0000ff;
border-radius: 0.40em;
}
div[data-wrap="yellowbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #ffff00;
border-radius: 0.40em;
}
div[data-wrap="box"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #808080;
border-radius: 0.40em;
}
注: 異なる色用に上記のコードのコピーをいくつか作成しました。例: 「greenbox」、「yellowbox」、「bluebox」、および「box」（グレー）
投稿での使用方法
[wrap=redbox]
> ## Info box
Testing boxes
[/wrap]
「red」を適切な色に置き換えてください。グレーの場合は「box」のみを使用します。
注2: 「bbcode color #plugin」または「#theme-component」を使用する場合、「>」（空行が必要）を使用する代わりに、「bgcolor=」を使用することもできます。
Colored Text TC これはテーマコンポーネントであるため、ホスティングに関係なくインストールできます。
Bbcode color をサポートする #plugins は 2 つあります。Bbcode color または Formatting Toolbar。警告 これらのプラグインはどちらか一方のみをインストールしてください。Formatting Toolbar は、両方をインストールするとサイトが壊れると警告していると思います。