【編集・更新しないでください】質問はたきぐちまでお願いします

スタイルガイド2020


◆テキストリンク(オレンジ・太字・アンダーバー)

*見えかた

あいうえおかきくけこ

*HTMLソース(コピー&ペーストできます)

  • <a href="●●●" class="link_org">あいうえおかきくけこ</a>

◆PC 2列/SP 1列

*見えかた
  • 小黒三郎さんひな人形段飾り
  • 小黒三郎さん五月人形段飾り
  • 小黒三郎さんひな人形
  • 小黒三郎さん五月人形

*HTMLソース(コピー&ペーストできます)
  • <div class="table-cell_01">
  •     <ul>
  •           <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  • <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •  <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  • <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •     </ul>
  •     </div>

◆PC 3列/SP 2列

*見えかた
  • 図鑑センスオブワンダー
  • あそびの絵本
  • 日本の読み物ロングロングセラー
  • 海外の読み物ロングロングセラー
  • かぞくの絵本
  • 絵本処方箋

*HTMLソース(コピー&ペーストできます)
  • <div class="table-cell_02 sp2cal">
  •     <ul>
  •         <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •         <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •         <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •         <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •         <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •         <li><a href="●●●"><img src="画像URL" alt="テキスト"></a></li>
  •     </ul>
  •     </div>

◆PC 4列/SP 2列

*見えかた
  • プラスチック容器を代用した琺瑯やガラスの容器
    (編集 S)

  • 手作りのみつろうラップ①
    (スタッフ I)

  • 手作りのみつろうラップ②
    (出版部 Y)

  • 新聞紙を利用した生ごみ袋
    (出版部 K)


*HTMLソース(コピー&ペーストできます)
  • <div class="table-cell_03">
  •  <ul>
  •    <li><img src="画像URL"><p>テキストテキスト</p></li>
  •    <li><img src="画像URL"><p>テキストテキスト</p></li>
  •    <li><img src="画像URL"><p>テキストテキスト</p></li>
  •    <li><img src="画像URL"><p>テキストテキスト</p></li>
  • </ul>
  • </div>

:MEMO:
<p>テキストテキスト</p> は省略可。画像にリンクも付けられます。