外観と言語
ライブプレビューで試す
Site Console → ウィジェット → Install & Embed にはライブプレビューがあります。左側の設定を変えると、プレビューと埋め込みコードが同時に更新されます。
- Language（言語）
- Preferred Light Theme と Preferred Dark Theme（ライト／ダークで使うテーマ）
- Force a Theme（テーマを固定）
- Watch Query Parameters と Watch URL Hash（インストールをご覧ください）
仕上がりに満足したら Copy を選択し、ページの埋め込みコードを置き換えます。
ライトとダークを自動で切り替え
ウィジェットは背後の背景色を確認します。対象は、<html> までさかのぼって最も近い、背景が見える要素です。明るい背景では light-theme、暗い背景では dark-theme を使います。確認は継続して行われるため、サイトがライトモードとダークモードを切り替えると、ウィジェットも切り替わります。
これらの属性がない場合、ウィジェットは light と dark という名前のテーマを使います。好みの組み合わせを選ぶには：
<crow-comments app-key="YOUR_APP_KEY" light-theme="winter" dark-theme="dracula"></crow-comments>
常に同じテーマを使う
force-theme は、背景に関係なく指定したテーマを常に使い、自動判定をオフにします。
<crow-comments app-key="YOUR_APP_KEY" force-theme="cupcake"></crow-comments>
テーマ一覧
Install & Embed には、常に最新の一覧がカラーサンプル付きで表示されます。現在は 35 種類です。
light · acid · autumn · bumblebee · caramellatte · cmyk · corporate · cupcake · cyberpunk · emerald · fantasy · garden · lemonade · lofi · nord · pastel · retro · silk · valentine · winter · wireframe
dark · abyss · aqua · black · business · coffee · dim · dracula · forest · halloween · luxury · night · sunset · synthwave
言語
lang は、ボタン、ラベル、メッセージなどウィジェットのインターフェースの言語を設定します。
| 言語 | lang |
|---|---|
| English（標準） | en |
| Español | es |
| Português (Brasil) | pt-BR |
| Türkçe | tr |
lang がない場合、ウィジェットは英語で表示され、読者のブラウザの言語には従いません。多言語サイトでは、各ページの言語に合わせて lang を設定してください。
コメントは常に投稿者が書いたとおりに表示されます。AI モデレーションはどの言語のコメントも読み、検出した言語を記録します。