SeedProd ドキュメンテーション

SeedProdのドキュメント、参考資料、チュートリアル

ウェブサイト・ビルダー概要

SeedProd ウェブサイトビルダーを使えば、コードを一切書かずに完全な WordPress テーマをデザイン・構築できます。ドラッグ&ドロップインターフェースで、ヘッダー、フッター、ページテンプレート、投稿テンプレート、アーカイブページなど、サイトのあらゆる部分を WordPress 内で作成できます。

要件: ウェブサイトビルダーは、プラスプロエリートの各 ライセンスプランでご利用いただけます。

SeedProd ウェブサイトビルダーの概要

WordPressテーマとは?

WordPressテーマは、ウェブサイトの全体的な見た目や雰囲気——レイアウト、タイポグラフィ、色、そして異なるページタイプの表示方法を制御します。従来のテーマは、ヘッダー、フッター、サイドバー、単一投稿レイアウト、アーカイブレイアウトなどのテンプレートパーツを定義するPHP、CSS、JavaScriptファイルで構成されています。

SeedProd ウェブサイトビルダーを使えば、これらのテンプレートパーツをすべて視覚的にドラッグ&ドロップで構築・管理できます。テーマファイルの編集は一切不要です。


はじめに:既成テーマ

SeedProdの既製テーマを利用するのが、最も手早く始められる方法です。これらのすぐに使えるデザインは様々な業界や用途に対応しており、新しいテーマが定期的に追加されています。

スターターテーマ

スターターテーマは、クリーンでミニマルなテーマであり、必須のテンプレートパーツをすべて含んでいます:ホームページテンプレート、ヘッダー、フッター、サイドバー、単一投稿テンプレート、単一ページテンプレート、アーカイブテンプレートです。アーカイブテンプレートは、デフォルトでブログページ、検索結果、およびサイト上のその他のすべてのアーカイブページに使用されます。

スターターテーマを読み込んだら、すぐにSeedProdビルダー内でサイトのカスタマイズを開始できます。


テーマテンプレートの作成

サイトのどの部分でも、一から個別のテーマテンプレートを作成できます。SeedProdのテンプレートタグ機能を使えば、投稿タイトル、注目画像、投稿内容、ナビゲーションなどの動的な投稿データを、直接テンプレートに取り込むことが可能です。

ステップ1: 新しいテンプレートを追加する

WordPress管理画面で「SeedProd」>「Website Builder」に移動し、ページ上部の「Add New Template」ボタンをクリックしてください。

SeedProd ウェブサイトビルダーで「新規テンプレートを追加」をクリック

ステップ2:テンプレートタイプを選択し、条件を設定する

新しいテンプレートモーダルで、作成したいテンプレートタイプを選択し、サイト上の表示場所を制御するためのテンプレート条件を設定します。

新しいテーマテンプレートモーダル(タイプと条件オプション付き)

ステップ3: ビルダーでのデザイン

テンプレートを作成」をクリックしてSeedProdページビルダーを開き、デザインを開始します。カスタムテンプレートデザインの起点として、あらかじめ用意されたセクションを利用できます。


利用可能なテンプレートタイプ

新しいテーマテンプレート作成モーダルでヘッダータイプを選択し、ヘッダーテンプレートを作成します。テンプレートの条件と優先度を設定してヘッダーの表示タイミングと場所を制御し、保存をクリックしてビルダーでのデザインを開始します。

SeedProdにおけるヘッダーテンプレートの設定

フッターテンプレートを作成するには、フッターの種類を選択してください。条件と優先度を設定し、「保存」をクリックすると、ビルダーでフッターのデザインを開始できます。

SeedProdにおけるフッターテンプレートの設定

シングル・ポスト・テンプレート

個々のブログ投稿用の動的テンプレートを作成するには、投稿タイプ「単一投稿」を選択してください。テンプレートの条件を設定し、「保存」をクリックしてデザインを開始します。

重要:投稿コンテンツを正しく表示するには、投稿コンテンツテンプレートタグを投稿単体テンプレートで使用する必要があります。

SeedProdにおけるシングル投稿テンプレートの設定

シングルページテンプレート

シングルページタイプを選択して、個々のページ用の動的テンプレートを作成します。テンプレートの条件を設定し、保存をクリックしてデザインを開始します。

重要:ページコンテンツを正しく表示するには、単一ページテンプレートで「Post Content」テンプレートタグを使用する必要があります。

SeedProdにおけるシングルページテンプレートの設定

アーカイブテンプレート

アーカイブテンプレートは、指定された分類法または用語の投稿一覧を表示します。主にブログページ、カテゴリー、タグ、カスタム投稿タイプのアーカイブに使用されます。アーカイブタイプを選択し、テンプレートの条件を設定して「保存」をクリックすると、デザインを開始できます。

重要:投稿を正しく表示するには、アーカイブテンプレートで `Posts` テンプレートタグを使用する必要があります。

SeedProdにおけるアーカイブテンプレートの設定

検索結果ページテンプレート

検索結果テンプレートの作成手順は、アーカイブテンプレートの作成手順と同じです。「検索結果」タイプを選択し、テンプレート条件を「含める | 検索結果」に設定します。「保存」をクリックすると、検索結果ページのデザインを開始できます。

SeedProdにおける検索結果テンプレートの設定

WooCommerceテンプレートの作成

要件:WooCommerceテンプレートとブロックは、エリート ライセンスプランで利用可能です。

WooCommerceのページでは、商品価格、数量、カート追加ボタンなどのeコマース機能向けに特別なセクションと機能が使用されます。SeedProdは、専用のWooCommerceブロックを使用して、ショップページ、商品アーカイブページ、カートページ、チェックアウトページのカスタムテンプレートをサポートしています。

SeedProd ウェブサイトビルダーで利用可能な WooCommerce ブロック

製品アーカイブテンプレート

新規テーマテンプレートモーダルで「製品アーカイブ」タイプを選択します。テンプレートの条件を設定し、「保存」をクリックして製品アーカイブのレイアウトをデザインします。

重要:製品グリッド ブロックを必ず使用してください。

SeedProdにおける製品アーカイブテンプレートの設定

ショップページ

WooCommerceショップページは、ストア内の全商品を表示する特別な商品アーカイブです。ショップページテンプレートを作成するには、新規カスタムページテンプレートを作成し、条件を「含める | ページ | shop」(WooCommerceショップページとして割り当てたページのスラッグを使用)に設定します。保存をクリックしてデザインを開始してください。

重要:製品グリッド ブロックは、商品が正しく表示されるためにショップページテンプレートで使用する必要があります。

SeedProdのカスタムページタイプを使用したショップページテンプレートの設定

カートページ

新しいカスタムページテンプレートを作成し、条件を「含める | ページ | cart」(WooCommerceのカートページのスラッグを使用)に設定します。保存をクリックしてデザインを開始します。

重要:カート機能が正常に動作するためには、このテンプレートでWooCommerceカートブロックを使用する必要があります。

チェックアウトページ

新しいカスタムページテンプレートを作成し、条件を「含める | ページ | チェックアウト」(WooCommerceチェックアウトページのスラッグを使用)に設定します。保存をクリックしてデザインを開始します。

重要:注文を正しく処理するには、このテンプレートでWooCommerceチェックアウトブロックを使用する必要があります。


テンプレート条件

テンプレート条件は、サイト上で各テーマテンプレートが表示されるタイミングと場所を制御します。各条件では、投稿タイプ、アーカイブタイプ、個々の投稿やページ、カテゴリやタグなどの分類用語に基づいて、テンプレートの適用対象を指定または除外できます。階層レベルに基づいて子投稿や子ページを指定することも可能です。

テンプレート優先度

2つ以上のテンプレートに条件が重複する場合、優先度フィールドによってどのテンプレートが優先されるかが決まります。優先度番号が低いテンプレートが先に読み込まれ、優先度番号が高いテンプレートが上書きします。デフォルトの優先度値は10です。

たとえば、すべてのページ用の一般的なヘッダーテンプレートと、フロントページ用の別のヘッダーテンプレートがある場合、フロントページのヘッダーを優先度が高い値(例:20)に設定すると、一般的なページ用テンプレートを上書きします。

SeedProdにおけるテンプレート条件と優先度設定

新しいテンプレートの設定条件

テンプレート条件は、テンプレート作成時に「新規テーマテンプレート」モーダルで直接設定できます。「条件」セクションを使用して、投稿タイプ、アーカイブタイプ、または特定の投稿、ページ、分類用語に基づく包含または除外ルールを定義します。スラッグやIDを使用して特定のコンテンツを指定できます。

新規テーマテンプレートモーダルでのテンプレート条件の設定

既存テンプレートの編集条件

既に作成済みのテンプレートの条件を更新するには、次の手順に従ってください:

  1. こちらへ SeedProd > ウェブサイトビルダー 更新したいテンプレートのタイトルにカーソルを合わせます。クリックして 編集条件 リンク
    ウェブサイトビルダー管理画面の「条件編集」リンク
  2. の中で 編集条件 モーダル、必要に応じて条件を更新してください。クリック セーブ 終わったら。
    SeedProdの編集条件モーダル

更新された条件は、すぐにあなたのサイトに適用されます。

現在の状況を確認中

すべてのテンプレートの有効条件は、SeedProd > ウェブサイトビルダー管理ページの「条件」列に表示されます。

ウェブサイトビルダー管理画面の条件列

SeedProdでWordPressテーマの作成を始めましょう!既成のテーマから始める場合も、テンプレートを一から構築する場合も、ウェブサイトビルダーでサイトのデザインを隅々まで自由にカスタマイズできます。メールマーケティングプラットフォームを連携させるには、メール連携のドキュメントをご覧ください。

関連記事