2022/12/06 他スクリプト使用についての追記を最下部にしております。
てがろぐで名前変換小説が書けるスキンを公開したのですが配布を待つより解説が欲しい気配を感じたのでとりいそぎY'z Atelier 夢書きさんのアトリエのalice.jsを導入し投稿本文で名前変換をできるようにするカスタマイズの紹介です。
Y'z Atelier 夢書きさんのアトリエさんのスクリプトは改変・再配布が可とのことなのでこの記事の最後にてがろぐ用に調整したもの(変換2箇所バージョン)+名前変換用記述を追加した標準スキンのskin-cover.htmlを置いておきますのでご利用ください。以下自力でカスタマイズする方用の解説です(自分でスキンに追加する場合もスクリプトはここでDLしたものをお使いください)。
skin-cover.html
をテキストエディタで開き、
<body class="[[SITUATION:CLASS]]">
を以下のように書き換えます。
<body class="YZ1 [[SITUATION:CLASS]]">
次に、
</body>
の直前に
<script src="JSファイルを置いた場所のパス/script.js"></script>
<script src="JSファイルを置いた場所のパス/alice.js"></script>
を追加します。
名前変換フォームを置きたい場所(どこでもOK)に
<span class="YZ1">
<input class="deco-names0" type="text">
<input class="deco-names1" type="text">
</span>
<div class="submit">
<input id="enterYZ1" type="button" value=" OK ">
<input id="deleteYZ1" type="button" value=" NG ">
</div>
を追加します。このフォームはCSSで自由に装飾することができます。これで準備ができました。
てがろぐの本文で名前変換する
本文を投稿する際に自由装飾記法を使います。てがろぐの管理画面 → 設定 → 投稿欄の表示 → 装飾ボタンの表示設定の「自由装飾」のチェックを入れておくと投稿の際に楽になります。
投稿はこのようにしてください。
てがろぐ用alice.js+標準スキン(skin-cover.htmlのみ)ダウンロード
その他の名前変換用スクリプトについて
- aleviritaさんで配布されている「dream.php」で登録された情報をJavascriptで表示できる「use-dreamphp.jsが配布開始されています。
- jQueryで作ったものすごく単純な名前変換機能 | sikakuさんのスクリプトをてがろぐに対応したもの(スキン含む)を有志の方が配布してくださっています。