汎用 BBCode ラッパーを使用してください。
Customization > 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]
> ## 情報ボックス
ボックスのテスト
[/wrap]
「red」を適切な色に置き換えてください。グレーの場合は「box」のみ使用します。
注 2: BBCode 色を使用する場合は、Customization > Plugin または Customization > Theme component を使用し、「>」(区切りとして空行が必要) を使用する代わりに、bgcolor= を使用することもできます。
色付きテキスト TC これはテーマコンポーネントであるため、ホスティング環境に関係なくインストールできます。
BBCode 色をサポートするプラグインは 2 つあります。BBCode 色 または フォーマットツールバー。警告: これらのプラグインのいずれかのみをインストールしてください。フォーマットツールバーは、両方をインストールするとサイトが破損する可能性があると警告しています。