articles/1.png

Blog Template in Japanese #003

Table of Contents

Shopifyブログテンプレート第3弾です。目次はカスタマイズ(CMS)画面でON /OFF切り替えられます。また、目次の背景からーや見出しなどのテーマカラーはお好みでCMSよりご変更ください。

H2 大見出し

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

 

H2 大見出し

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

 

H3 小見出し

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

H3 小見出し

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

H3 小見出し

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

H4を選択したら下記のようになります

H4 小見出し

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

H5を選択したら下記のようになります

H5を指定した時

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

H6 を指定した時
Checkの枠が出てきます♪
可愛い〜

 

下記は引用になります。
引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。

 

箇条書きを選択した時
  • テキストが入ります。テキストが入ります。
  • テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

 

番号付きリストを選択した時
  1. テキストが入ります。テキストが入ります。
  2. テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

 

ツールバーの表を使って2カラムを作る

 

2カラムはツールバーのテーブルを使用します。

<div class="table__no_border"></div>で囲むだけ

 

  2カラムを連続で使うとオシャレ♪

 

カラムの画像とテキストの横幅はお好みで調整できます。 

 

 

 ギャラリー

ツールバーを使います。
その後で、<div class="gallery"></div>で囲みます。
表は横に3つ列を追加した時にギャラリーっぽくなるようにしていますので必ず3カラムにしてください。

 

 

  • 画像にリンクもつけられます 
  • 画像をクリックしてリンクボタンクリックして設定するだけ

 

合わせて読みたい記事

こちらもテーブルツールを使います♪
表を2列にして、
<div class="related"></div>で囲むだけ。

 

 

Templates Japanese

完全版はこちら