STORK19を今すぐダウンロード!

投稿ページ:バイラルメディア風(1カラム)

これは「バイラル風(1カラム)」テンプレートを適用した投稿ページです。

このテンプレートは投稿編集画面の「テンプレート」項目から選択して適用できます。

バイラルメディア風のレイアウトで、読ませることに注力できる投稿テンプレートです!

記事エリアの横幅:基本サイズ 728px / やや幅狭 692px / やや幅広 764px
※カスタマイズ画面【サイト全体の設定 > コンテンツエリア】の「メインカラムの横幅」で選択できます。

見出し2

  • リスト項目
  • リスト項目
  • リスト項目
  • リスト項目
  • リスト項目
  • リスト項目
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト
  • ボックス内リスト

見出し3

ボックス

これはサンプルテキストです。

ボックス

これはサンプルテキストです。

ボックス

これはサンプルテキストです。

ボックス

これはサンプルテキストです。

見出し4

テーブルセル内の説明セル内の説明セル内の説明セル内の説明
テーブルセル内の説明セル内の説明セル内の説明セル内の説明
テーブルセル内の説明セル内の説明セル内の説明セル内の説明

通常のフルサイズレイアウトとの違い

コンテンツ幅が2カラムレイアウトの時と同じで、PCで見た際には728pxです。

  • PCで見た時の横幅は728px
  • 横幅いっぱいのアイキャッチ画像が表示される(アイキャッチ全体は表示されません。)

コンテンツ幅が広くなると記事を作成するのが難しくなりますが、こちらの「バイラル風レイアウト」はコンテンツ幅が一緒なのでテキストベースの記事であっても魅せやすいです。

画像はたくさんないけど、サイドバーをなくして記事だけに集中してほしい場合に便利です。

アイキャッチ画像は大きめにつくる

アイキャッチ画像はデバイス幅に合わせて、縦横に伸縮します。なので画像サイズは大きめに設定した方が良いと思います。

アイキャッチ画像にテキストなどは書かない

このページを見てもらえばわかりますが、アイキャッチ画像の上にテキスト(タイトル)が配置される仕様となっておりますので、アイキャッチ画像事態に文字などを入れると喧嘩してゴチャゴチャしてみえます。文字などを入れる場合もシンプルに配置しましょう。