Welcart対応テーマ「Twentyfour Seven」を使い既存サイトにオンラインショップを連結させる方法のトップイメージ

Welcart対応テーマ「Twentyfour Seven」を使い既存サイトにオンラインショップを連結させる方法

公開日 / 更新日

既にお持ちのコーポレートサイトやメディアサイト・ブログに、新規で立ち上げたオンラインショップを連結させる方法をご紹介します。
既存サイトを大きく作り直す必要がない方法です。

オンラインショップ連結の流れ

流れとしては、

  1. 既存サイトに「サブドメイン」もしくは「サブディレクトリ」を作り、新たに WordPress をインストール。
  2. 新たにインストールした WordPress に Welcart対応テーマ「Twentyfour Seven」をインストール・有効化。
  3. テーマカスタマイザーから「トップページのURLを指定」と「製品一覧ページをトップページにする」を設定。
  4. 既存サイトのヘッダー等から、作成したオンラインショップへリンク。

といった感じです。
可能であれば、オンラインショップのヘッダーやフッターも既存サイトと同じデザインにカスタマイズしたら良いかなと思います。

オンラインショップ連結の方法

新たに WordPress をインストール

まずは新しい WordPress の器を用意します。
ご契約のサーバーによって手順は変わるので、ご契約サーバーのマニュアルに沿って「サブドメイン」もしくは「サブディレクトリ」に WordPress をインストールしましょう。

サブドメインサブディレクトリ
〇〇〇〇.xxxxxxxx.comxxxxxxxx.com/〇〇〇〇
サブドメインとサブディレクトリの違い

「サブドメイン」にインストールする場合は、先にサブドメインを作成しておく必要があります。
shop.xxxxxxxx.comxxxxxxxx.com/shopといった感じで任意のURLを決めてください。

「Twentyfour Seven」と「Welcart」のインストール

WordPress をインストールしたら、テーマ「Twentyfour Seven」とカートプラグイン「Welcart」をインストールして有効化しましょう。

手順は

で詳しく説明しています。

オンラインショップ側の設定

「Twentyfour Seven」のテーマカスタマイザー機能を使って「トップページのURLを指定」と「製品一覧ページをトップページにする」を行います。

  1. 管理画面の左側メニューから「外観 > カスタマイズ」と移動します。
  2. 「オンラインショップ設定 > オリジナル機能 > トップページのURLを指定」の入力欄に既存サイトのURLを入力。
  3. 続いて下の項目「製品一覧ページをトップページにする」をチェックで完了です。

「トップページのURLを指定」でURLを指定すると、サイト上の全てのトップページへのリンク(例えばヘッダーのロゴ等)が指定のURLに変更されます。
「製品一覧ページをトップページにする」は既存サイトから移動してきた際に「商品一覧」表示でなくてもいい場合はしなくてもOKです。

これで、オンラインショップ側の設定は完了です。
続いて、既存サイトからオンラインショップへ閲覧者が移動できるようにリンクを貼る必要があります。

既存サイト側の設定

こちらはお持ちのサイトによって方法が変わりますが
ヘッダーのメニューに「オンラインショップ」や「商品一覧」というテキストリンク設置が一般的かと思います。

以上です。
既存サイトとオンラインショップをより統一感を出したい場合やカスタマイズのご要望等ありましたらお問い合わせフォームからご連絡ください。

ウェルカート対応テーマのトゥエンティフォーセブン

Welcart対応テーマ「Twentyfour Seven」

販売価格 29,700(税込)

WordPressでオンラインショップを構築できるプラグイン「Welcart」向けに開発されたテーマです。

共有ボタン
Facebook Twitter LINE
関連キーワード
|
関連アーカイブへの矢印Twentyfour Seven/WordPressの関連アーカイブ
Shopifyの商品をWordPressに一括連携できるプラグイン「Connect Products with Shopify 」の使用方法

Shopifyの商品をWordPressに一括連携できるプラグイン「Connect Products with Shopify ...

Shopifyの全商品を取得して、WordPressにカスタム投稿として自動登録するプラグインを作成しましたので連携方法をご紹介します。こちらのプラグインはWo...

WordPress子テーマテンプレートの配布とインストール方法

WordPress子テーマテンプレートの配布とインストール方法

WordPressにおいて、テーマのテンプレートファイルの直接編集は、テーマ更新のタイミングで編集内容が上書きされてしまうので、有効化中のテーマを「親テーマ」と...

WordPressテーマをオリジナルプラグインでカスタマイズする方法

WordPressテーマをオリジナルプラグインでカスタマイズする方法

WordPressにおいて、親テーマの直接編集はテーマが更新された際に上書きされてしまうので、テーマのカスタマイズは「子テーマ」を使うか「プラグイン」がおすすめ...

Welcart対応テーマ「Twentyfour Seven」でヘッダーメニュー項目を変更する方法

Welcart対応テーマ「Twentyfour Seven」でヘッダーメニュー項目を変更する方法

当サイトで販売しているWelcart対応テーマ「TwentyfourSeven」のヘッダーメニュー項目のカスタマイズ方法について紹介します。部分的に他のテーマで...

購入したWordPressテーマのインストール方法

購入したWordPressテーマのインストール方法

「TwentyfourSeven」の場合、テーマをインストールする前にカートプラグイン「Welcart」をインストールします。他のテーマの場合は、テーマのインス...