404 ページは、「見つかりません」ページとも呼ばれ、ユーザーが Web サイト上に存在しないページにアクセスしようとしたときに表示される Web ページです。
OS 2.0 Shopify テーマであるConceptを使用すると、すべてのページにさまざまなセクションを追加できます。つまり、必要なセクションを追加することで、404 ページの外観を完全にカスタマイズできます。 [セクションを追加]ボタンをクリックして、ページに表示するセクションを選択するだけです。
これにより、訪問者の関心を引きつけ、情報を提供し続ける、視覚的に魅力的な 404 ページを作成できます。
デフォルトでは、404 ページのテンプレート グループには 2 つのセクションが含まれています。
1. 404ページのセクション
このセクションには、404 ページの特定のコンテンツまたは情報が表示されます。
| セクション設定 | 説明 | |
|---|---|---|
| 見出し | ||
| 見出しのサイズ | 見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。 | |
| 見出しタグ | SEO のためにコンテンツを構造化および整理するための見出しタグを選択します。 | |
| セクション | ||
| 上部パディングと下部パディングを0px から 120px まで 4px 刻みで調整できます。 | ||
| セクション区切り線を表示 | このセクションの上に行区切りを表示します | |
| セクションを狭くする | 容器が狭くなってしまいます。 | |
| 断面を丸くする | 上の 2 つの角に丸いエッジを適用します。 | |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
このセクションではブロックの追加はサポートされていません。
2. 空きスペース
このセクションを使用すると、セクション間の垂直スペースの高さをさまざまなデバイスに合わせてカスタマイズできます。
| セクション設定 | 説明 | |
|---|---|---|
| 空きスペース | ||
| デスクトップの高さ | デスクトップ上の空きスペースの高さを 0px から 120px まで 4px 刻みで設定します (デフォルトは 40px)。 | |
| モバイルの高さ | モバイル上の空きスペースの高さを 0px から 120px まで 4px 刻みで設定します (デフォルトは 28)。 | |
| 色 | 必要に応じて、次のセクションの色をカスタマイズできます。
| |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
このセクションではブロックの追加はサポートされていません。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
