OGP画像設定テンプレートにブロックエディタのメイン画像設定ロジックを追加

Author: atsu666

themes/develop/admin/entry/field-seo.html

@@ -1,5 +1,5 @@
 <div class="acms-admin-accordion">
-  <h3 class="acms-admin-accordion-title"><a href="#fadeSeoInfo" class="js-fader acms-admin-accordion-title-link">SEO設定<span class="acms-admin-icon-arrow-small-down"></span></a></h3>
+  <h3 class="acms-admin-accordion-title"><a href="#fadeSeoInfo" class="js-fader acms-admin-accordion-title-link">メイン画像・SEO設定<span class="acms-admin-icon-arrow-small-down"></span></a></h3>
   <div id="fadeSeoInfo" class="acms-admin-accordion-inner">
     <table class="entryFormTable acms-admin-table-entry">
       <tr>
@@ -65,14 +65,14 @@ <h3 class="acms-admin-accordion-title"><a href="#fadeSeoInfo" class="js-fader ac
         </td>
       </tr>
       <tr>
-        <th>OGP画像 - <small>og:image</small><i class="acms-admin-icon-tooltip js-acms-tooltip" data-acms-tooltip="Facebook等で利用するOGP画像を設定します。"></i></th>
+        <th>メイン画像 <i class="acms-admin-icon-tooltip js-acms-tooltip" data-acms-tooltip="サムネイル表示や、SNS等で利用するOGP画像を設定します。"></i></th>
         <td class="js-media-field">
           <div class="js-droparea" data-thumbnail="{ogp_image@thumbnail}" data-type="image" style="width:200px"></div>
           <p class="js-text acms-admin-text-danger" style="display:none">許可されていないファイルのため挿入できません。</p>
           <div class="acms-admin-margin-top-mini">
             <button type="button" class="js-insert acms-admin-btn" data-type="image">メディアを選択</button>
           </div>
-          <input type="hidden" name="ogp_image" value="{ogp_image}" class="js-value" />
+          <input type="hidden" name="ogp_image" value="{ogp_image}" class="js-value js-media-main-image" />
           <input type="hidden" name="field[]" value="ogp_image" />
           <input type="hidden" name="ogp_image:extension" value="media" />
         </td>