ソースコードに要素をコピー&ペーストして、整理やカスタマイズを行う方法を説明する、できるだけ簡単な「ガイド」です。このガイドは、HTMLやソースコードの編集方法についてあまり詳しくない方を想定しています。もっと詳しい方は、コードが載っているボットの「性格」まで読み飛ばしてください。

基本情報

赤丸で囲まれたボタンを押すと、ソースコードが開きます。注意:保存すると、エディターによって空白行が自動的にすべて削除されます。つまり、作業が終わるとテキストが一面に詰まって表示されます。必要な要素をソースコードに貼り付けて、適用し、正しく反映されたことを確認してください(ボットを保存しなくても、キャラクター紹介に変更が表示されるはずです)。「Janitor AIに対応していない」ものは、ソースコードから消えてしまいます。

免責事項:すべてのコードは、要素を右クリックして「検証」を選ぶことで見つけました。これを選ぶとブラウザーの開発者ツールが開き、要素全体をコピーして、必要に応じて調整できます。つまり、これらのコードが自分のオリジナルだとは主張していません。また、同様のガイドを見つけられなかったので、みなさんが簡単に使えるよう、見つけた要素を公開しようとしているだけです。誰でもできることであり、実際のボットのコンテンツやデータを取っているわけではないので、この方法は非難されるものではないと思っています。異論があれば、ぜひ意見を聞かせてください。ただし、理由も説明してください。

例

ソースコードに貼り付けるコードは、このボットの「性格」セクションにあります。以下に各要素の例を示しました。文字色を変えたい場合は、テキストを選択してカラーパレットのボタンを使うという、通常の方法で変更できます。テキストの配置を変えたい場合も同様です。

貼り付けた後にソースコードを編集する必要はありません。コードを壊さずに、「ここにテキストを入力」を直接編集できます。

ただし、Enterキーを押すと、通常はバナー/ラベル/ボックスなどがもう一つ作られます。バナーや背景を拡大したい場合は、残念ながらソースコードを編集する必要があります。そのためには、「ここにテキストを入力」の後に、改行を表す<br>を入力します。HTMLの知識がない場合はおすすめしません。<br>を間違った場所に入れると、コードが壊れることがあるからです。

赤いバナー、白い文字

ここにテキストを入力

小さな枠付きテキスト

ここにテキストを入力

Enterキーを押した例です!枠付きボックスをもう一つ作りました。

私はこれをタグとして使っています

黒い背景に白い文字

ここにテキストを入力

青いラベル、黒い背景の見出しと説明

    見出し
説明

黄色いバナー、白い文字

ここにテキストを入力

今のところ、集めたのは以上です。

お役に立てばうれしいです。間違いがあれば、どうぞ遠慮なく優しく指摘してください。また、ボットの説明をカスタマイズするために画像を使っているボット制作者もたくさん見かけます!これは整理やカスタマイズの方法の一つにすぎません(: 最新のボットではこれらの要素を使っているので、上の例をどうテンプレートにまとめているか見たい方は、ぜひご覧ください。

質問も気軽にコメントしてください。できる限りお答えします!専門家ではありませんが、お手伝いはしたいと思っています<3

別の形式のほうがいいですか?Googleドキュメントにまとめようかと考えていますが、そのほうが簡単だと思う方がいれば教えてください。