Why
「どこで買えますか」に、
1ページで答える
作家の作品は、minne や BASE、委託先のお店、イベントの出店と、いくつもの場所で売られています。見に来た人が迷わないように、買える場所と問い合わせ先をまとめて見せる作りにしました。
-
01
写真が主役
トップページは横いっぱいの写真から始まります。文字と飾りは控えめにしています。
-
02
買える場所を1か所に
ネットショップ・取扱店・オーダーを、ひとつのセクションに並べます。
-
03
作品ごとに2つのボタン
「minne で購入する」と「この作品について問い合わせる」。片方だけにもできます。
-
04
出店予定も載せられる
イベントの日付を大きく見せます。終わった予定は灰色にできます。
Features
主な機能
作品は投稿に、お求めいただける場所や作り手の紹介は固定ページに分けています。増えていくのは作品だけです。
-
SHOP LINKS
SNS とショップは1か所で
「外観 > 店舗情報」に Instagram・X・Facebook・LINE・minne・BASE・Creema のアドレスを入れると、フッターにアイコンが並びます。空の欄は表示されません。
-
FRONT PAGE
トップページは2種類
完成した作品を売る作家向けと、オーダーを受けて作る作家向け。固定ページを作るときに、どちらかを選びます。
-
WORK
作品ページの雛形
写真4枚・素材やサイズの表・説明・ボタンが入った雛形。価格の欄を空にすると、その行ごと表示されません。
-
GALLERY
写真は押して入れ替え
作品ページの小さな写真を押すと、大きな写真と入れ替わります。大きな写真は、押すと画面いっぱいに広がります。
-
WORKS LIST
作品一覧は2つの並べ方
写真の高さに合わせて詰める「メイソンリー」と、大小の枠を組み合わせる「ベント」。ブロックのスタイルで切り替えます。
-
STYLE & DARK
配色3種類とダークモード
標準の生成りと金に加えて「Noir」と「Bordeaux」。どれもダークモード用の色を持っています。
Front Page
売る作家と、
受ける作家で、
トップページを選ぶ
「固定ページ > 新規追加」で雛形を選ぶと、トップページの中身がそのまま本文に入ります。区画はふつうのブロックなので、並べ替えも削除もできます。
あとから区画だけ足したいときは、それぞれの区画が単独のパターンとしても入っています。
作品を販売するサイト
完成した作品を、ネットショップやイベントで売る作家に
- ヒーロー横長の写真と、作り手の一文、ボタン2つ
- 新作投稿から新しい作品を6点、自動で並べる
- お求めいただける場所オンライン・取扱店・オーダーの3列
- 出店予定イベントの日付を大きく
- 作り手作業台の写真と、短い自己紹介
- 教室工房で開く教室のお知らせ
作品を受注するサイト
オーダーを受けて、一点ずつ作る作家に
- ヒーロー横長の写真と、オーダーの一文、ご相談のボタン
- オーダーの受付状況受け付けているか、どのくらいかかるか
- これまでの作品オーダーできるものの例として
- オーダーの流れ手順を縦のタイムラインで
- リフォーム・修理受け継いだジュエリーの作り直しと修理
- 工房打ち合わせの場所と日時
- オーダーのご相談お問い合わせページへのボタン
Pages
必要なページは、
パターンを選ぶだけ
「固定ページ > 新規追加」を開くと、パターンを選ぶ画面が出ます。下の表のスラッグで作れば、メニューとボタンのリンクは書き換えずにつながります。
| ページ | スラッグ | 選ぶパターン |
|---|---|---|
| トップページ | home | トップページ専用：作品を販売するサイト／作品を受注するサイト |
| 作品（一覧） | works | 選ばない（投稿ページに指定） |
| お求めいただける場所 | shops | 固定ページ：お求めいただける場所 |
| 出店予定 | events | 固定ページ：出店予定 |
| 作り手 | about | 固定ページ：作り手 |
| オーダー | order | 固定ページ：オーダー（オーダーを受ける場合） |
| お問い合わせ | contact | 固定ページ：お問い合わせ |
作品は、写真4枚と詳細の表で
作品は「投稿」で書きます。新規投稿で「作品」のパターンを選ぶと、左に写真、右にカテゴリー・作品名・素材やサイズの表・説明・ボタンが入ります。
価格は作品ごとに入れられます。空のままにすると、価格の行ごと表示されません。「Sold」「Made to order」などのタグは、一覧のカードに小さな札で出ます。
Mobile & Dark
スマートフォンでも、夜でも
スマートフォンでも、写真は大きく
画面の幅が狭いと、メニューはボタン1つにたたまれます。写真は画面の幅いっぱいに表示されます。
見出しは明朝、英字は細身のセリフ体。どちらもテーマに同梱しているので、外部のフォント配信には接続しません。
ダークモードは、金を差し色に
暗い配色では、ボタン・英字のラベル・線が金に変わります。文字と背景のコントラスト比は、すべて 4.5:1 以上です。
ダークモードは訪問者がヘッダーのボタンで選びます。パソコンやスマートフォンの設定には追従しません。
配色は「Noir」と「Bordeaux」も
「外観 > エディター > スタイル」から選べます。Noir は黒の地、Bordeaux は白の地にボルドーの差し色です。どちらにも、ダークモード用の色があります。
Setup
設定は、この順番でするだけ
すべて WordPress の管理画面の中で済みます。コードを書く必要はありません。
-
有効化する
zip をアップロードして、テーマを有効化します。
-
店舗情報を入れる
使っている SNS とショップのアドレスを入れます。
-
屋号を入れる
サイトのタイトルが、ヘッダーとフッターに出ます。
-
パーマリンク
「投稿名」を選んで保存します。
-
トップページを作る
2種類の雛形から選び、ホームページに指定します。
-
作品の一覧を作る
空の「Works」ページを作り、投稿ページに指定します。
-
ほかのページを作る
パターンを選び、表のスラッグで公開します。
-
フォームを入れる
お問い合わせページの枠に、フォームプラグインのブロックを置きます。
画面ごとの詳しい手順は、ドキュメントにまとめています。
Spec
動作環境
外部のフォント配信サービスには接続しません。見出しのしっぽり明朝と英字の Cormorant Garamond はテーマに同梱し、本文は閲覧者の端末の書体で表示します。
| テーマの種類 | ブロックテーマ（フルサイト編集） |
|---|---|
| WordPress | 6.7 以上（7.1 で動作確認） |
| PHP | 7.4 以上 |
| 必要なプラグイン | なし（フォームを置く場合のみ、フォームプラグイン） |
| アップデート | 管理画面から更新できます |
| 翻訳 | 日本語の翻訳ファイルを同梱 |
| ライセンス | GNU General Public License v3.0 以降 |
| バージョン | 1.0 |
FAQ
よくある質問
デモサイトの写真は付いてきますか？
付いていません。デモサイトとスクリーンショットの写真は、AI で生成したイメージと、自由に使える写真素材です。テーマには、差し替え用の仮画像（SVG）が3点入っています。ご自身の作品の写真に差し替えてお使いください。
ネットショップの機能は付いていますか？
付いていません。決済や在庫の管理は、minne・BASE・Creema などのショップに任せる作りです。作品ページの「購入する」ボタンから、そのショップの作品ページへ案内します。
お問い合わせフォームは付いていますか？
付いていません。メールの送信はプラグインの担当です。お問い合わせページには、フォームのブロックを置く枠を用意しています。
オーダーの受付を止めているときは、どうしますか？
受付状況の帯にある「オーダー受付中」の文字を、「3月まで受付を休止しています」のように書き換えます。
終わったイベントは、どう表示しますか？
そのイベントのグループを選び、「高度な設定」の「追加 CSS クラス」に events__item--past と入れます。日付が灰色になり、取り消し線が付きます。
作品一覧をベントの並べ方にするには？
「外観 > エディター > テンプレート」で作品一覧のテンプレートを開き、投稿テンプレートのブロックを選んで、スタイルの「ベント」を選びます。「デフォルト」でメイソンリーに戻ります。
ダークモードは、パソコンの設定に合わせて切り替わりますか？
切り替わりません。ヘッダー右端のボタンで、訪問者が自分で選びます。選んだ状態はその方のブラウザに保存され、次回も同じ状態で表示されます。
テーマを更新したら、編集した内容は消えますか？
サイトエディターで編集した内容はデータベースに保存されるため、テーマを更新しても消えません。ただし、一度保存したテンプレートにはテーマ側の変更が反映されなくなります。元に戻したいときは「カスタマイズをクリア」を選びます。
Price
Genva Craft
9,800円
不定期でセールを行っています。最新の価格は商品ページでご確認ください。
- トップページの雛形2種類
- 固定ページ5種類の雛形
- 作品ページの雛形（価格の行は自動で出し分け）
- 単独で使えるセクション13種類
- SNS・ショップのリンクの一括設定
- 配色3種類とダークモード切替
- 管理画面からのアップデート