記事一覧ページのレイアウト

ストークでは記事一覧ページのレイアウトを4種類の中からお選びいただけます。
トップページとそれ以外の記事一覧ページのレイアウトをお選びいただけます。

管理画面の、【外観 > カスタマイズ】の「記事一覧ページ設定」より設定するだけです。

ご注意ください

古いバージョンのSTORKをお使いの場合、設定場所が異なります。Version1.2.0以前のテーマでは、【外観 > カスタマイズ > グローバル設定】を開き、下の方にある「記事レイアウト」の場所にて設定できます。

4種類の記事一覧レイアウト

マガジン型

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-07-7-44-33

記事をランダムにマガジン風に(雑誌のように)レイアウトします。スマホでもPCでも2列でレイアウトされるようになります。

カード型

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-07-7-44-06

記事をカード風に表示し、一覧性のあるレイアウトです。ディスプレイサイズに応じて2列・3列(タブレット)・1列(スマートフォン)と変化します。

シンプル

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-07-7-43-30

アイキャッチ画像とタイトル・抜粋文字がコンパクトにまとまった記事一覧ページです。

ビッグ

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-07-7-44-58

記事ページと同じデザインで大きく画像やタイトルをみせることができます。

トップページとそれ以外で違うレイアウトを選べる

記事一覧のレイアウトはトップページとそれ以外の記事一覧(カテゴリーページなど)で変更することができるので、トップページではカード型、それ以外ではビッグタイプといった感じで見せ方を変えることができます。

スマホとPCで別々の記事レイアウトを選べる

ストークではスマートフォンとPCとで別々の記事レイアウトを選べます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-07-7-49-54

2カラムショートコードを使って広告を横並びにすることも可能です。

CTAウィジェットを表示可能です!

ここにリンクさせたい自分の商品やアフィリエイトリンクなどを表示させることが可能です。記事下のCTAは収益化においてかなり重要となるので効果的に使いたいところです。タグを追加してあげれば画像なども表示させることが可能!簡単にサイトの収益化の仕組みを導入することができます。

設定方法に関しては【外観 > ウィジェット > CTA設定】より!

ABOUTこの記事をかいた人

ライターのプロフィールが入ります。このライター情報を入れたくない場合は管理画面の ユーザー > あなたのプロフィールの「プロフィール情報」を未入力にすれば表示されません。逆に「プロフィール情報」を入力することでライター情報を表示できます。