画像付き文章 | 基本機能

画像付き文章

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

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

    <div id="cc-m-xxxxxxxxxx" class="j-module n j-textWithImage ">
        
　　<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>
        
　　<div>
        
　　<div id="cc-m-textwithimage-xxxxxxxxxx" data-name="text" data-action="text" class="cc-m-textwithimage-inline-rte">
        
      <p>記入した文章</p>
        
　　</div>
        
</div>
        
  <div class="cc-clear"></div>
        
</div>
        

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

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

サンプル文章です。

カテゴリ：基本機能