📄 ページテンプレート初級
404ページ
ページが見つからない場合に表示する 404 エラーページ。タイトル、説明文、ホームへ戻るボタンを中央配置で表示する。
用途
存在しないページ URL にアクセスしたときに自動的に表示され、ユーザーをホームに誘導する。
設置場所
templates/404.liquid として設置。Shopify 管理画面で「オンラインストア > ページ」に 404 ページが自動認識される。テーマカスタマイザーから表示内容をカスタマイズできる。
注意点
翻訳キー『general.404_page.title』『general.404_page.subtext』『general.404_page.button』が locales/ja.json に定義されていることが前提。キーが存在しないと画面に何も表示されないため、多言語対応時は全言語ファイルに同キーを追加する。robots メタタグで Googlebot にこのページをインデックスさせないよう設定するとよい。
コード
14 行 / liquid<div class="container text-center my-14 my-desktop-18">
<h1 class="mb-4">
{{ 'general.404_page.title' | t }}
</h1>
<p class="lead mb-7">
{{ 'general.404_page.subtext' | t }}
</p>
<a
href="{{ routes.root_url }}"
class="btn btn-primary">
{{ 'general.404_page.button' | t }}
</a>
</div>
出典・ライセンス
- Repository:
- https://github.com/kondasoft/ks-bootshop
- License:
- MIT
このコードは kondasoft 著作の MIT ライセンスソースです。 原本の著作権は kondasoft が保有します。日本語訳は ALSEL によるものです。
関連項目
📄 ページテンプレート初級
ページテンプレート
Shopify の汎用ページテンプレート。ページのタイトルと本文コンテンツを Shopify 管理画面から取得して表示する基本的な構造。
📁 liquid·MIT·5 行
📄 ページテンプレート初級
リダイレクト
ヘッドレステーマで Shopify ストアフロントへのリダイレクト機能を提供するセクション。管理画面に「リダイレクト」という名称で登場し、ページから別 URL への誘導を実装する基盤となる。
📁 shopify-headless-theme·MIT·7 行
📄 ページテンプレート初級
トップページの基本テンプレート
Shopify Liquid の最小限のテンプレート例。HTML に日付変数を埋め込み、商品ページへのリンクを配置する基本構造を示す。
📁 liquid·MIT·7 行
📄 ページテンプレート初級
固定ページのテンプレート
Shopify 管理画面で作成した固定ページ（利用規約、プライバシーポリシーなど）を表示するテンプレート。ページタイトルと本文コンテンツを描画する。
📁 mcliquid-theme·MIT·8 行
📄 ページテンプレート初級
ページの基本テンプレート
固定ページ（About など）の基本レイアウト。ページタイトルとコンテンツを HTML の article 要素でマークアップし、管理画面で編集したテキストを表示する。
📁 liquid·MIT·9 行
📄 ページテンプレート初級
固定ページのテンプレート
固定ページ（ポリシー、会社概要、利用規約など）の基本レイアウト。ページタイトルと本文を中央揃えで表示する。
📁 ks-bootshop·MIT·10 行