Merge pull request #978 from malaybaku/doc/add_settings_screenshot_on…

…_vmcp VMC Protocol有効化後の設定画面を開く部分についてスクリーンショットを追加
malaybaku · Sep 11, 2023 · 5bab47d · 5bab47d
2 parents 6263b34 + 5427493
commit 5bab47d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/docs/images/docs/vmcp_settings.png b/docs/images/docs/vmcp_settings.png
diff --git a/docs/langs/_english/docs/vmc_protocol.md b/docs/langs/_english/docs/vmc_protocol.md
@@ -39,12 +39,13 @@ By default VMCP feature is hidden in control panel window.
 
 To enable it, open setting window and select `VMCP` tab > `Show VMCP Tab on Main Window` to show settings UI on main control panel window.
 
+Then, select `VMCP` tab in control panel window.
+
 <div class="row">
-{% include docimg.html file="/images/docs/vmcp_enable.png" customclass="col s12 m6 l6" imgclass="fit-doc-img" %}
+{% include docimg.html file="/images/docs/vmcp_enable.png" customclass="col s12 m6 l4" imgclass="fit-doc-img" %}
+{% include docimg.html file="/images/docs/vmcp_settings.png" customclass="col s12 m6 l4" imgclass="fit-doc-img" %}
 </div>
 
-Then, select `VMCP` tab in control panel window.
-
 Check `Enable VMC Protocol` to enable the feature.
 
 Setup data source and click `Apply` to apply changes. 

diff --git a/docs/langs/_japanese/docs/vmc_protocol.md b/docs/langs/_japanese/docs/vmc_protocol.md
@@ -40,12 +40,13 @@ VMagicMirrorの開発者は下記ソフトウェアを接続先として動作
 
 `詳細設定ウィンドウを開く`から詳細設定を開き、`VMCP`タブから`設定タブをメインウィンドウに表示`を選択します。
 
+この操作によってコントロールパネルの`VMCP`タブが表示され、本機能が利用可能になります。
+
 <div class="row">
-{% include docimg.html file="/images/docs/vmcp_enable.png" customclass="col s12 m6 l6" imgclass="fit-doc-img" %}
+{% include docimg.html file="/images/docs/vmcp_enable.png" customclass="col s12 m6 l4" imgclass="fit-doc-img" %}
+{% include docimg.html file="/images/docs/vmcp_settings.png" customclass="col s12 m6 l4" imgclass="fit-doc-img" %}
 </div>
 
-この操作によってコントロールパネルの`VMCP`タブが表示され、本機能が利用可能になります。
-
 
 これ以降はコントロールパネル側のタブで設定を行います。