アーカイブトップは人気スマホアプリのビジュアル仕様 メイン4スタイル サブ4スタイル

アーカイブトップスタイルデザイン一覧

人気スマートフォンアプリのようなクールなビジュアルのアーカイブトップは、6タイプ
Yahooニュース/不動産紹介型、ZOZOTOWN型、メルカリ型、Instagram型に、スタンダード標準型、そしてtheブログのレガシー型

下記コンテンツは、スマートフォン縦画面・横画面、タブレット縦画面では横スクロール、デスクトップではオール表示
また下記画像/サムネイルは、個別投稿のサムネイル(アイキャッチ)

スマホアプリ風スタイル

  1. Yahooニュース/不動産紹介型
    1. 画像左/タイトル右
  2. ZOZOTOWN型
    1. 画像上/タイトルなどテキスト下
  3. メルカリ型
    1. 画像に単テキスト上乗せ
  4. Instagram型
    1. 画像のみ

ブログ風スタイル

  1. スタンダード型
    1. 画像上
    2. タイトル
    3. moreボタン
  2. レガシー型
    1. タイトル上
    2. 画像左・抜粋右
    3. moreボタン

スタンダード
標準スタイル

スタンダード標準スタイル

Yahooニュース型
スタイル

Yahooニュース型スタイル

ZOZOTOWN型
スタイル

ZOZOTOWN型スタイル

メルカリ型
スタイル

メルカリ型スタイル

Instagram型
スタイル

Instagram型スタイル

レガシー theブログ
スタイル

レガシー型スタイル

アーカイブトップ6スタイルデザイン紹介

WordPressのアーカイブには、カテゴリー、タグ、また日付、さらに検索結果などがある
アーカイブは、テーマによって個別投稿の記事のタイトルや抜粋/説明、サムネイルなどが表示される

新発売の当テーマでは、そのサムネイルを大活用している
アーカイブトップは、6つのスタイルでビジュアルをテーマ設定からプルダウンメニューで変更できる

スタンダード
標準スタイル

スタンダード型は上図のように

  • サムネイル画像が上
  • タイトル(デフォルトで抜粋/説明なし)
  • moreボタン

そのようなビジュアル仕様

デフォルトは、スマートフォン2カラム タブレット3 デスクトップ4カラム
デバイス別のカラム数は変更可能

スタンダード標準スタイル

Yahooニュース型
スタイル

Yahooニュース型は上図のように

  • サムネイル画像が左
  • タイトルが右

そのようなビジュアル仕様

デフォルトは、スマートフォン1カラム タブレット2カラム デスクトップ3カラム
デバイス別のカラム数は変更可能

Yahooニュース型スタイル

ZOZOTOWN型
スタイル

ZOZOTOWN型は上図のように

  • サムネイル画像が上
  • タイトルなどテキストが下

そのようなビジュアル仕様

デフォルトは、スマートフォン2カラム タブレット3 デスクトップ4カラム
デバイス別のカラム数は変更可能

ZOZOTOWN型スタイル

メルカリ型
スタイル

メルカリ型は上図のように

  • サムネイル画像が全面に
  • 専用カスタムフィールドの短テキストが左上・右上・左下・右下に上乗せ

そのようなビジュアル仕様

デフォルトは、スマートフォン3カラム タブレット4カラム デスクトップ5カラム
デバイス別のカラム数は変更可能

メルカリ型スタイル

Instagram型
スタイル

Instagram型は上図のように

  • サムネイル画像が全面に
  • 他のテキストは表示なし

そのようなビジュアル仕様

デフォルトは、スマートフォン3カラム タブレット4カラム デスクトップ6カラム
デバイス別のカラム数は変更可能

Instagram型スタイル

レガシー theブログ
スタイル

レガシー型は上図のように

  • タイトルが上
  • サムネイル画像は左
  • moreボタンなど、他は右や下に

そのようなビジュアル仕様

デフォルトは、スマートフォン1カラム タブレット1カラム デスクトップ1カラム
デバイス別のカラム数は変更可能

レガシー型スタイル

アーカイブトップ6スタイルの変更(着せ替え)

アーカイブトップは6種類の「フィード表示」

アーカイブトップの6つのスタイルはいわゆる「フィード表示」
テーマカスタマイズの「グローバル設定」でサイト一括の変更
そのほか、カテゴリー一括およびカテゴリー個別に、タグ一括およびタグごとに、設定が可能

サイト一括の設定は、日付(日時・月次・年次)、さらに検索結果などで有効に

フィードだからAdSenseインフィード広告や自作広告も

スタイルは「フィード表示」なので、たAdSenseのインフィード広告を表示できる
しかも6つのスタイルに合わせたインフィード広告も設定次第
AdSenseインフィード広告だけではなく、自作広告も設定可能でECサイトとしてはクールなWebになる

+1でコモディティ アーカイブ スタイル追加

コモディティに相応しい、よくあるWordPressブログのテーマ、ありふれているけど市民権はもの凄い
個別投稿のmore上部をアーカイブトップで表示する「コモディティ アーカイブ スタイル」

7種類+1の詳細は、下記をご覧いただきたい

linkスマートフォンWeb アプリは、スマートフォン小画面最適化(S.D.O.:Smartphone Display Optimization) ECサイトのカテゴリートップ