メインコンテンツまでスキップ

modelAPI / modelDir の書き方

WordPress 管理画面 → Live2D 設定 → 「ワークショップ API タイプ」で カスタム を選ぶと、2 つの入力欄が現れます:

  • modelAPI — URL または URL プレフィックス
  • modelDir — リスト。1 行 1 サブディレクトリ名

組み合わせ方は modelAPI末尾文字 によって決まり、書き方は 2 通りしかありません

書き方 ①:単一モデル直リンク(modelAPI が .json で終わる)

modelAPI に完全な *.model3.json URL を入れます。下方の modelDir無視 されます。

modelAPI: https://cdn.example.com/live2d/haru/haru.model3.json
modelDir: (空欄でよい。無視される)

ロード時、ブラウザはこの JSON を直接リクエストします。フロントの「前へ / 次へ」ボタンはこのモードでは意味がないため、管理画面で無効にすることをおすすめします。

書き方 ②:ディレクトリルート + 複数モデル(modelAPI が / で終わる)

modelAPI はルートディレクトリ URL、modelDir は複数のサブディレクトリ名のリストです。プラグインは {modelAPI}{名前}/{名前}.model3.json の形式で完全な URL を組み立てます。

重要な制約:各サブディレクトリ内の *.model3.jsonファイル名はサブディレクトリ名と完全に一致 する必要があります。

modelAPI: https://cdn.example.com/live2d/

modelDir:
- haru
- mao
- shizuku

実際のロード時、プラグインは次のように組み立てます:

https://cdn.example.com/live2d/haru/haru.model3.json
https://cdn.example.com/live2d/mao/mao.model3.json
https://cdn.example.com/live2d/shizuku/shizuku.model3.json

フロントの「まばたき / 切り替えボタン」はこれらのモデル間で循環します。

どちらを選ぶ?

シーン推奨
固定 1 体だけ表示し切り替えしない① 直リンク
訪問者が複数モデルを切り替えられるようにしたい② ディレクトリルート + 複数 modelDir
「本サイトにホスト」を使いたい② —— このとき modelAPI は非表示になり、modelDir のみを入力

パス / プロトコル要件

  • パスに 非 ASCII / 中国語などの文字を含めない こと。
  • サイトが https の場合、modelAPI およびそれが参照するすべてのファイル.moc3、テクスチャ、motion3.jsonphysics3.jsoncdi3.json など)も https でなければなりません。さもないと混合コンテンツでエラーになります。
  • クロスオリジン:OSS / COS / 自前の CDN にモデルを置く場合は、CORS を正しく有効にしてください(通常はサイトのドメインを許可された Origin に追加するだけで OK)。

ブラウザ拡張機能での違いは?

ブラウザ拡張機能の「カスタム URL(有料)」モードは modelAPI / modelDir の書き方が WordPress プラグインと完全に同じ で、「本サイトにホスト」オプションがないだけです。ソース URL が chrome-extension://... または * を Origin として許可していることを確認してください。