mosir デモサイトへようこそ！
このセクションからフロントページの本文です。つまり、WordPressのブロックエディタで作成しているエリアです。このセクションの前にあるメインビジュアルは、非表示にすることもできます。
以下のいずれかのメニューから、mosirで作成できるコンテンツのサンプルをご覧いただけます。
- ヘッダのメガメニュー
- ドロワー下部のサイトマップ
- フッタ上部のサイトマップ
文字4XL(32-40)
文字L(16-18)_吾輩は猫である。名前はまだ無い。
文字デフォルト_どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
上下余白_XL(64-96)
カラム間余白_M(32-48)
mosirの文字サイズ・余白の値は、ウィンドウ幅に応じて変化します。かつ、最小値・最大値のピクセル数を編集画面上で確認できます。「あれ？XLって何ピクセルくらい？」と迷うことはありません。
カラーパレット
mosirは、ブロックエディタの文字色・背景色設定を使用できます。カラーは文字色、アクセント、補助、注意の3種類、5段階から選択できます。 カラーパレットはCSS変数を上書きするか、theme.jsonを編集することで簡単に変更できます。
幅広・全幅
mosirは、すべてのコンテンツで幅広・全幅ブロックを使用できます。
このページでは、本文中に幅が異なるセクションが混在しています。
投稿リスト
mosirは、日本のビジネスサイトに最適化した独自の「投稿リスト」を、フロントページと投稿一覧ページに実装しています。
フロントページでは異なるリストを2つまで表示できます。クラシックテーマと同じテンプレート構造なので、WordPressテーマの知識があれば詳細なカスタマイズが可能です。
このページの下部に表示されている投稿リスト以外のデザインは、サンプルページからご覧ください。
クエリループ
mosirは、WordPressのコア機能である「クエリループ」ブロックにも対応しています。
日本のビジネスサイトで使用する場合は文字サイズ等の調節が必要ですが、本文の途中で表示することができます。また、テーマが変わっても内容が引き継がれます。
クエリループの各デザインを本文中で使用した場合のサンプルは、こちらからご覧ください。
