コードなしでカスタムWordPressテーマを作成する方法

テーマで提供される以上のWordPressサイトをカスタマイズできたらと思いますが、新しいテーマを設定したりカスタムコードを書いたりする時間や知識がありませんか？

カスタムWordPressテーマの構築は、自分でコーディングの専門知識がない限り、熟練した開発者に依頼する必要があるものでした。しかし最近では、カスタムコードなしで必要な特定のルックアンドフィールを作成するのに役立つツールがあります。

WordPress用の最高のユーザーフレンドリーなドラッグ＆ドロップテーマおよびページビルダーであるSeedProdをご紹介します。テーマやページに対する高度な制御を提供するだけでなく、これらの追加機能も含まれています。

• 150のページテンプレート
• 30以上のページブロック
• 100以上のセクションテンプレート
• 10以上のEメールマーケティング統合
• 200万点のストックフォト
• その他多数…

この記事では、SeedProdをサイトで使い始める方法、さらにはWP Simple Payと組み合わせて使用する方法を説明します。

SeedProdは、あらゆるテーマを実行している任意のWordPressサイトで動作するはずです。それでは始めましょう…

目次

• ステップ1：SeedProdのインストールと有効化
• ステップ2：テーマテンプレートの選択
• ステップ3：テンプレートパーツのカスタマイズと公開
• ステップ4：SeedProdでのWP Simple Payの使用

ステップ1：SeedProdのインストールと有効化

まず、SeedProdプラグインをインストールして有効化する必要があります。テーマビルダーのロックを解除するには、Pro以上のライセンスを購入する必要があります。

購入後、SeedProd Proプラグインをダウンロードし、購入レシートまたはSeedProdアカウントエリアからライセンスキーをコピーする必要があります。

SeedProd Proが有効化されたら、ライセンスキーを入力するように求められます。より詳細なステップバイステップのインストールガイドについては、SeedProd Proのインストールと有効化方法を参照してください。

ライセンスキーを入力して検証したら、新しいカスタムテーマの作成を開始する準備が整います。

ステップ2：テーマテンプレートの選択

次に、**SeedProd » Theme Builder**に移動します。ここで、作成するテーマのさまざまな要素にアクセスできます。

ここから、始める最も簡単な方法は、事前構築済みのテーマから始めることです。この例では、[ Themes ]をクリックしてください。

ここでは、さまざまな種類のサイトのテーマの選択肢が表示されます。この例では、[ Starter ]テーマを選択してください。

選択すると、SeedProdはテーマの個々のパーツをすべて生成します。まるで魔法のようです！

ステップ3：テンプレートパーツのカスタマイズと公開

この段階では、各テンプレートパーツの下にある[ Edit Design ]をクリックして、前のステップで生成された各テンプレートパーツを編集できます。テンプレートパーツの編集は、SeedProdのドラッグアンドドロップデザイナーで非常に簡単かつ分かりやすいはずです。

必要に応じてパーツを追加または削除することも、表示されないパーツの公開を単純に無効にすることもできます。CSSコードを知らなくても、[ Global CSS ]テンプレートで色、フォントなどをカスタマイズできます！

1つのテンプレートの編集が終わったら、保存をクリックして次のテンプレートに進みます。すべてのテンプレートの編集が終わったら、右上にあるSeedProdテーマを有効化をチェックしてカスタムテーマを有効化できます。

新しいテーマが公開され、ライブになりました。必ずテストしてください！

ステップ4：SeedProdでのWP Simple Payの使用

WP Simple Payを使用すると、SeedProdで構築された任意のページに支払いフォームを追加するのは非常に簡単です。

WP Simple Payをまだ試していない場合は、ショッピングカートをセットアップしたり開発者を雇ったりすることなく、Stripeを使用して1回限りおよび定期的な支払いを受け付けるフォームを作成できます。これはSeedProdとの素晴らしい組み合わせです！

WP Simple Payをインストールし、最初の支払いフォームを作成したら、まず支払いフォーム編集画面からショートコードをコピーします。

ページに戻り、まずSeedProdで編集をクリックして、SeedProdページビルダーを使用していることを確認してください。

次に、左側でショートコードブロックを検索し、そのブロックをページビルダーにドラッグします。

最後に、支払いフォームのショートコードを左側の設定に貼り付けます。

この時点で、SeedProd対応ページを保存してプレビューし、好みに合わせてカスタマイズできます。

ボーナス：SeedProdボタンと価格表からWP Simple Pay支払いフォームを起動するステップバイステップの手順をご覧ください。

次のステップ

ここから、SeedProdのテーマビルダー入門ガイドにアクセスするか、概要ビデオを見ることで、詳細を確認できます。

SeedProdに慣れてきたら、新しいテーマテンプレートを追加ボタンを使用して、最初からカスタムテーマの構築を試すことができます。

この記事では、SeedProdがWordPressサイトで可能にすることの表面をなぞったにすぎません。新しいランディングページ、製品ページ、およびWP Simple Payフォームを使用して1回限りおよび定期的な支払いを受け付けるページを構築するのに役立ったことを願っています。