画像付き文章 | 基本機能

画像付き文章

「画像」と「文章」ブロックを1つにまとめたようなブロックです。

画像の配置は左右で選ぶことができます。一の切り替えは CSS で float がかかり切り替わります。

 

  1. <div id="cc-m-xxxxxxxxxx" class="j-module n j-textWithImage ">
  2.   <figure class="cc-imagewrapper cc-m-image-align-1">
        <img srcset="https://image.jimcdn.com/app/cms/image/transf/dimension=140x1024:format=png/path/xxxxxxxxxx/image/xxxxxxxxxxa/version/xxxxxxx/xxxx.png 140w, https://image.jimcdn.com/app/cms/image/transf/dimension=280x1024:format=png/path/xxxxxxxx/image/xxxxxxx/version/xxxxxxxxxx/xxxx.png 280w" sizes="(min-width: 140px) 140px, 100vw" id="cc-m-textwithimage-image-xxxxxxxxxx" src="https://image.jimcdn.com/app/cms/image/transf/dimension=140x1024:format=png/path/s5e705a20a1aee6c4/image/idxxxxxxxxxx/version/xxxxxxx/xxxxx.png" alt="" class="" data-src-width="320" data-src-height="320" data-src="https://image.jimcdn.com/app/cms/image/transf/dimension=140x1024:format=png/path/xxxxxxxxxx/image/idxxxxxxxxxx/version/xxxxxxx/xxxx.png" data-image-id="xxxxxxxxxx">
        </figure>
  3.   <div>
  4.   <div id="cc-m-textwithimage-xxxxxxxxxx" data-name="text" data-action="text" class="cc-m-textwithimage-inline-rte">
  5.       <p>記入した文章</p>
  6.   </div>
  7. </div>
  8.   <div class="cc-clear"></div>
  9. </div>

サンプル文章です。サンプル文章です。サンプル文章です。サンプル文章です。サンプル文章です。サンプル文章です。サンプル文章です。サンプル文章です。

 

サンプル文章です。サンプル文章です。

サンプル文章です。