テンプレート

35種類のブログレイアウト

クラシックなサイドバー付きリストからマガジン風グリッドまで、アーカイブのレイアウトを用意し、単一投稿のレイアウトも合わせて提供します。

更新日:

デフォルト 4

クラシックなアーカイブ形式です。投稿が縦に並び、それぞれタイトルの上に画像が配置されます。Blog LoopブロックでレイアウトをStandardに設定したものです。サイドバーがある場合、バージョン間の違いはサイドバーの位置だけです。

タイムライン3

投稿は、日付をマークした縦のラインに沿って配置されます。Blog Loopにはタイムラインのレイアウトが2種類あります。タイムライン(グリッド)は、全幅のページでラインの両側に投稿を配置します。タイムライン(リスト)は単一のカラムに配置し、サイドバー付きのバージョンで使われるものです。

メイソンリー 4

カードは本来の高さを保ったまま列に詰めて配置されるため、短い投稿の隣に長い投稿があっても空白ができません。これはBlog LoopのMasonryレイアウトで、2列から画面全幅までに対応します。

グリッド 3

「Grid」レイアウトでは、カードが同じ大きさで整然と並びます。すべての投稿に目立つアイキャッチ画像がある場合に選んでください。画像によって各行が揃うためです。

スモールサムネイル 5

タイトルと抜粋の横に小さな画像を表示するので、1画面により多くの投稿が収まります。Blog Loopのスモールレイアウトでは、これらすべてが表示されます。バージョンによってサイドバーの位置が変わるか、サイドバーがなくなります。もう一つのバージョンでは、一覧のリズムが変わります。

アイテム分割 2

長いアーカイブを分割する方法は2つあり、どちらも Blog Loop の Pagination パネルで選択します。番号付きのページ送り、または読者が末尾に達すると次のページを読み込む無限スクロールです。同じパネルでは、「古い記事」と「新しい記事」のページャー、「もっと見る」ボタン、分割読み込みも選べます。

エディトリアル 6

出版物向けのフロントページです。それぞれのページは複数のBlog Loopブロックを組み合わせ、その中にPost Image、Post Terms、Post Titleを配置しています。これにより、主要記事、カード形式の記事一覧、見出しのリストを1つのページにまとめられます。「Load More」は一度に数件ずつ投稿を表示し、表示できる投稿がなくなったときだけサーバーに追加の投稿を取得します。

個別投稿 8

投稿のレイアウトは、編集中に「テンプレート」設定で選ぶテンプレートから決まります。サイドバー付きの標準投稿に加えて、このテーマには小さな画像版と分割メディア版、全幅の投稿、そして3種類のエディトリアルレイアウトが含まれます。3種類とは、読書進捗バー付きのもの、没入型ヒーローで始まるもの、ページタイトルの下に表示されるものです。

各リンクは、お客様がインストールするのと同じテーマとブロックで作られた、ライブショーケースの実際のページを開きます。

ご自身のサイトで

アーカイブはすべて、設定できる1つのブロックで構成されています

このページのどれも、そのまま受け入れなければならない固定のデザインではありません。各アーカイブはレイアウトを持つブロックであり、各カードは並べ替えられる小さなブロックの積み重ねです。

レイアウトを選択

Blog Loop ブロックを挿入し、Standard、Grid、Small、Small Alt、3種類のリストスタイル、Masonry、2種類のタイムラインから選択できます。ページネーションのスタイルは別のパネルで個別に選択するため、どのレイアウトでも、ページ送り、スクロール、分割読み込みのいずれも利用できます。

カードを組み立てる

ループ内には、各カードを構成する投稿ブロックがあります。標準レイアウトでは Post Media、Post Title、Post Meta、Post Excerpt です。見出しだけの一覧にする場合は Post Excerpt を削除し、カテゴリーラベルが必要な場合は Post Terms を追加してください。Canvasには投稿ブロックが全部で31個あります。

または、パターンを挿入

パターンインサーターには、すぐ編集できるブログセクションが含まれており、グリッド、リスト、メイソンリー、タイムラインなどがあります。パターンは通常のブロックとして追加されます。このページで説明しているものと同じブロックです。

ブログ全体をインポート

88件のデモウェブサイトのうち57件では、ブログ記事とそのカテゴリーがそのままの状態でインポートされ、BlogとModern Blogのデモは公開を前提に作られています。

選び方

投稿頻度に合うブログレイアウトの選び方

選ぶ前に、投稿の頻度を考えておきましょう。月に1回しか公開しない企業ではアーカイブが短くなりますが、サイドバー付きの標準レイアウトなら、内容が少なく薄く見えることなく、そのアーカイブを見せられます。

毎日記事を投稿するメディアには、情報の密度が必要です。小さなサムネイル、グリッド、編集ページ風のトップページは、いずれもより多くの記事を一度に表示でき、エディトリアルレイアウトのページでは、編集部と同じように注目記事に十分なスペースを割けます。無限スクロールは、サイトをぶらぶら閲覧する読者に適しています。ページ番号付きの表示は、以前見た記事を探しに戻ってくる読者に適しています。

メイソンリーは、写真の形がさまざまな投稿に向いています。タイムラインは、変更履歴、プロジェクト日誌、クラブのシーズンなど、日付順に読むものに向いています。その後、単一投稿テンプレートを合わせて選んでください。長い記事には読書進捗バーが、写真ストーリーには没入型ヒーローが適しています。

完成済みのページから始める

141種類のレイアウトすべてが、すべてのブロックやデモサイトとともに、どのプランにも含まれています。