gridレイアウト カラム数・サイドバー位置 12パターン SEOテンプレート×WordPressテーマ 新発売
サイト デスクトップレイアウト 一覧
gridレイアウトで、サイドバーやシェアボタンバーの配置が様々、１２種類のデザイン
モバイルファーストが、WordPress新テーマの一番目のセールスポイント
といいながら、デスクトップのブラウザー表示で、サイドバーやシェアボタンバーをコンテンツ箇所の横に配置するという、デスクトップ重視の所業（笑）
しかも今後は「デスクトップ インディ」を追求
デスクトップのブラウザー表示を独立させて(インディペンデンス)、ボディやサイドバーやいろいろな箇所の横幅を自注自在に調整できるようにする予定
gridレイアウト
- １カラム
- ２カラム 左サイドバー
- ２カラム 右サイドバー
- ２カラム 左”上下”サイドバー
- ２カラム 右”上下”サイドバー
gridレイアウト ３カラム以上
- ３カラム 左右サイドバー
- ３カラム 右２つサイドバー
- ３カラム 左２つサイドバー
- ３カラム 左シェアボタンバー 右サイドバー１つ
- ３カラム 右シェアボタンバー 左サイドバー１つ
- ３カラム 左シェアボタンバー 右”上下”サイドバー
- ３カラム 右シェアボタンバー 左”上下”サイドバー
１カラム
サイドバーなし
２カラム
左サイドバー
２カラム
右サイドバー
２カラム
左”上下”サイドバー
２カラム
右”上下”サイドバー
３カラム
左右サイドバー
３カラム
右２サイドバー
３カラム
左２つサイドバー
３カラム
左シェアバー
３カラム
右シェアバー
３カラム 右ナビ２
左シェアバー
３カラム 左ナビ２
右シェアバー
splitscreen_leftsplitscreen_bottomview_carouselsplitscreen_topsplitscreen_right
ナビゲーション 多種多様
サイドバーにはスクロール追随型のstickyブロック挿入ウィジェットを用意
カスタムHTMLにコードを貼り付けるだけで実現
さらにフッターメニューのウィジェットもあり、最大で５カラム
ナビゲーションは、デスクトップでメインメニューとサイドバー、タブレット縦画面とスマートフォン縦画面・横画面ではサイドバーはフッター箇所の上に折りたたみ
ハンバーガーメニューとフッターバーメニュー、検索窓のヘッダーバーも
ハンバーガーメニューは固定、ヘッダーバーとフッターバーメニューはスクロールで自動的に表示/非表示
スマートフォン
- ハンバーガーメニュー
- 画面右上に固定表示
- フッターバーメニュー
- スクロールで表示/非表示
- ヘッダーバー(※非ナビ)
- スクロールで表示/非表示
- メインメニュー
- 横スクロール
- サイドバー
- フッター上折りたたみ
- フッターメニュー
タブレット
- メインメニュー
- サイドバー
- 縦画面：フッター上
- 横画面：コンテンツ横
- フッターメニュー
- 縦画面：折りたたみ
- 横画面：フッター箇所
デスクトップ
- メインメニュー
- サイドバー
- ２カラム：左/右
左右で上下２つも有り - ３カラム：左右/右２/左２
- シェアボタンバー：
サイドバー有り - スクロール追随
stickyウィジェット
- ２カラム：左/右
- フッターメニュー
モダンWeb！ WP最新テーマ
レガシーWeb？ 掃討作戦！！
【モダンWebとは】
モバイルファースト・最新HTML/CSS3・スマホアプリ・WebP・JSON-LD・4K(Retina)・マテリアルデザイン・grid/flexbox
【レガシーWebとは】
table、float、position(relative / absolute)による位置決めが特徴
モバイルファースト
モバイルファーストの対象は、Googleのインデックスなのか、スマートフォンデバイスなのか、スマートフォンユーザーなのか
スマートフォンアプリ ビジュアル再現
ZOZOTOWN型スタイル、メルカリ型スタイル、Instagram型スタイル、およびYahooニュース/不動産紹介スタイル
4K / DPR:3 レスポンシブ イメージ
同一サイズの同一画像ファイルをCSSで伸縮させるのが、レスポンシブWebデザイン(レガシーレスポンシブ)
複数サイズの複数画像ファイルをビューポート(もしくはボックスサイズ)のDPRに合わせて最適な画像ファイルを、ブラウザーが選択表示するのがレスポンシブイメージ(モダンレスポンシブ)
モダンWebで
ビジュアルSEO
