別のブログでも書きましたが、WooCommerceプラグインは海外製プラグインであるという点のみを除けば、誰もが簡単にECサイトの構築が可能なプラグインであるという点に間違いはありません。

ただし、ワードプレステーマとの相性があります。

相性の良いテーマを選定すれば、誰もが簡単にECサイトの立ち上げが可能なプラグインです。

そして、最も相性の良いプラグインは、ワードプレス公式テーマ(twenty twenty-oneやtwenty seventeen等)です。

これは、WooCommerceプラグイン側で、ワードプレス公式テーマに対してサポートしているからです。

相性の悪いテーマを選ぶと適切に表示されなかったり、動作しない等もあり得ます。

しかし、ワードプレス公式テーマがWooCommerceでECサイトを構築するにおいて最適なテーマかと言うと、そうでもありません。

何故なら、ワードプレス公式テーマは、ブロックやウィジェット等、ワードプレスであらかじめ用意された機能の範囲内でしかデザイン構築ができないからです。

つまり、機能が弱いと言う事です。

そこでおすすめなのが、Vektor社の「Lightning｣テーマです。

まず、Vektor社の「Lightning｣テーマは、WooCommerceプラグインとの相性が良く、「Lightning｣テーマ側でWooCommerceプラグインが出力するデータの最適化が為されています。

そして、おすすめな理由として、Vektor社ホームページでも唄われておりますが、拡張性が抜群なんです。

テーマ自体はシンプルな構成ですが、機能は同時開発の多機能プラグイン(VK All in one Expansion Unit)で強力に拡張が可能なんです。

かつ、「Lightning｣テーマは有料版の「Lightning Pro｣もありますが、無料版の「Lightning｣テーマのままでも、前記拡張プラグインを使えます。勿論、拡張プラグイン自体、無料です。

ExUnitプラグインでは、「PR Block」「画像つき新着記事リスト」「プロフィール」「ボタン」「固定ページ本文」「CTA」「連絡先情報」等、ネットショップを立ち上げるのに便利なウィジェットが多数用意されており、「Lightning｣テーマと併せて利用する事によって、コーポレートサイトやお店のホームページ、ブログなど簡単に構築する事ができます。

現在、WooCommerceプラグインでECサイト(ネットショップ)の立ち上げを検討されているのであれば、是非、使ってみてはいかがでしょうか。

Lightning

Lightning Proの紹介サイト

WooCommerceは海外製プラグインであるという点のみを除けば、誰もが簡単にECサイトの構築が可能なプラグインであるという点に間違いはありません。

これは、実際に使ってみて、間違いなく言えることです。

ただ、ワードプレステーマとの相性がありますので、WooCommerceプラグインの導入を検討しておられる方は注意が必要です。有料テーマの中にはWooCommerceとの互換性が悪く、正常に動作しないテーマもあるからです。

そこで、固定ページに「カテゴリー別商品一覧」ブロックで商品の一覧を表示するページを作成したうえで、いくつかの無料テーマおよび有料テーマの固定フロントページおよび商品個別ページの表示において問題がないかを検証してみました。

〇ワードプレス公式無料テーマ「TWENTY SEVENTEEN」

まずは、歴代のワードプレス公式テーマの中でもおしゃれなデザインでありました「TWENTY SEVENTEEN」から。

上画像は固定フロントページに「カテゴリー別商品一覧」で商品の一覧を出力した状況のスクリーンショット画面です。

各商品のサムネイルやタイトル、キャプション等も正常に表示されております。

次に商品個別ページを検証します。結果は下画像。

商品個別ページにおいても問題なく正常に表示されます。また、商品ギャラリー画像は、WooCommerceプラグイン側にjQueryの「FlexSlider」が組み込まれているのですが、「TWENTY SEVENTEEN」におきましては、この「FlexSlider」も正常に動作しております。

結果、「TWENTY SEVENTEEN」はWooCommerceプラグインとの相性、互換性があります。

〇ワードプレス公式無料テーマ「TWENTY TWENTY-ONE」

ワードプレス公式テーマの中で最新のバージョンです。

上画像は固定フロントページに「カテゴリー別商品一覧」で商品の一覧を出力した状況のスクリーンショット画面です。

各商品のサムネイルやタイトル、キャプション等も正常に表示されております。

次に商品個別ページを検証します。結果は下画像。

こちらも商品個別ページにおいて問題なく正常に表示されます（少し商品タイトルのフォントが大きいけど．．）。また、商品ギャラリーの「FlexSlider」も正常に動作しております。

結果、「TWENTY TWENTY-ONE」はWooCommerceプラグインとの相性、互換性があります。

〇リキッドデザイン有料テーマ「LIQUID MAGAZINE」

リキッドデザイン社のメディア構築向け有料テーマ「LIQUID MAGAZINE」での検証結果です。

固定フロントページは問題ありません。次に商品個別ページです。

表示上は問題はありません。しかし、商品ギャラリーの「FlexSlider」が動作しません。ギャラリー自体は閲覧は可能ですが、各サムネイル画像をクリックしてもスライドしません。

結論から言うと、リキッドデザイン社のテーマは「LIQUID MAGAZINE」に限らずWooCommerceプラグイン対応テーマではあります。

それはWooCommerce用テンプレートであるwoocommerce.phpが用意されているからです。

しかし、商品個別ページにおける商品ギャラリーのスライダー機能には対応できていないようです。

〇Vektor無料テーマ「Lightning」

Vektor社の無料テーマ「Lightning」での検証結果です。

固定フロントページは問題ありません。次に商品個別ページです。

「Lightning」の場合、表示および商品ギャラリーの「FlexSlider」も正常に動作しております。WooCommerceプラグインとの相性、互換性が良いことがわかります。

〇OPENCAGE（オープンケージ）有料テーマ「ALBATROSS」

OPENCAGE社の有料テーマ「ALBATROSS」での検証結果です。

上画像のとおり、各商品リストに「・」が表示されてしまっております。特段問題はないのですが、WooCommerceプラグインへの最適化はされておりません。

商品個別ページにおいても表示上の問題が発生します。商品ギャラリーの「FlexSlider」は動作しているので勿体ないです。

結果、「ALBATROSS」テーマはWooCommerceプラグインとの相性にスタイル表示の点において問題が認められました。

〇フィット社有料テーマ「THE THOR」

フィット社の有料テーマ「THE THOR」での検証結果です。

「THE THOR」においても、「ALBATROSS」と同様に各商品リストに「・」が表示されてしまっております。特段問題はないのですが、WooCommerceプラグインへの最適化はされておりません。

さらに「THE THOR」テーマにおきましては、商品個別ページがエラーで表示されません！

WooCommerceプラグインとの互換性がありません。

〇最もWooCommerceプラグインとの相性、互換性が良いのは．．

結論から言うと、ワードプレス公式テーマが最も相性が良いテーマと考えます。

何故なら、前記検証結果もさることながら、そもそもが、WooCommerceソースコード内において、ワードプレス公式テーマの場合だけ特別なタグが出力されていたりと、公式テーマに対して特別なサポートがされていると思われるからです。

その他、公式テーマ以外で使えると思われるのがVektor社の無料テーマ「Lightning」です。検証結果において申し分ありません。

以下、Vektor有料版「Lightning Pro｣の紹介ページです。

リキッドデザイン社の「LIQUIDシリーズ」も一応はWooCommerce対応テーマではありますが、「FlexSlider」が動作しないあたり、改良の余地があると思います。

以下、LIQUID PRESSテーマの紹介ページです。

○その他、本格的なECサイトを構築するなら．．

お客様を惹きつけ、楽しませるような本格的ECサイトを構築するのなら、WooCommerce専用の有料テーマもあります。

TCDの「EGO｣等いかがでしょうか？

以下、TCDの「EGO｣紹介ページです。

以上、WooCommerceプラグインと相性の良いワードプレステーマの検証結果でした。

１．ウェブと電子商取引

単にホームページを持つのとは異なり、ネットショッピングサイトを作るにあたっては、カートや決済といった機能がネックとなります。

このような機能は本来のウェブの役割とは異なるため、ウェブの基本仕様にはECという機能は存在しないわけです。

しかし、現在のウェブ業界においては技術の進歩に伴い、ユーザーイベントに応じた動的変化や、動的にコンテンツ内容を変更可能なコンピューター言語が登場し、決済サービスやPOS等の外部データベースや外部サービスアプリケーションとの連携を可能としております。

そして、このような技術の進歩に伴い、本来のウェブの機能にはなかったEC(electronic commerce、電子商取引)というネックを補う様々なサービスが存在します。

２．ECサイト構築のためのサービス分類

①EC専用CMS（コンテンツ・マネジメント・サービス）

【ワードプレス】

ワードプレスはホームページ構築において全世界で最もよく使われている無料・オープンソースのブログシステムソフトウェアです。

今の時代、ウェブページにおいては、動的にページを変更したり、データベースと連携したりといった大規模、高機能なサイト構築にはPHP言語というプログラム言語が欠かせません。

ワードプレスのようなCMSソフトウェアを用いれば、PHP言語を知らなくとも、CMS画面（管理画面）で動的なページの構築が可能です。

また、ワードプレスはオープンソースであるため、大規模かつ難易度の高いウェブ開発も可能となります。よって、ECサイトの開発も可能となるわけです。

しかし、ワードプレスの本来の機能はブログシステムであったことから、EC機能は内在しておりません。

このような場合における、ワードプレスの強みとしてプラグインという機能があります。先のとおり、ワードプレスはオープンソースであるため不足している機能を補いやすく、様々なプラグインが存在します。

そして、ワードプレスにおいて有名なのが「Woocommerce」や「Welcart」というプラグインです。このプラグインをインストールすれば、ワードプレスで構築したウェブサイトのECサイト化が可能となります。

【EC-CUBE】

ウェブサイト構築のためのCMSソフトウェアはワードプレスだけではありません。EC-CUBEもワードプレスのようなウェブサイト構築のためのCMSであり、ECサイト構築に特化した本格的CMSとなります。

②EC専門のASP(Application Service Provider)

アプリケーションサービスプロバイダとは、アプリケーションソフト等のサービスをネットワーク経由で提供するプロバイダのことです。

世の中でよく知られているのは無料ブログサイトではないでしょうか？無料ブログサイトも簡易的なCMSソフトウェアです。会員登録してログインすれば、本格的ウェブサイトとまではいかないまでも簡単なブログサイトならば簡単に構築が可能です。

このようなサービスを提供している事業者をASPと言います。

ECサイト構築においても、無料ブログサイトと同じような簡易CMSを提供している事業者が存在し、また、これらサービスはカートや決済機能をも提供している点で無料ブログサイトとは異なります。

ECサイト専用ASPには「BASE」や「カラーミーショップ」などがあります。

【BASE】

ウェブサイト構築のための管理機能としては簡易的な機能しか有しませんが、カート機能、商品管理、出品、配送、決済といった一連のサービスを管理画面のみでユーザーに提供が可能となり、また、基本的にサイト構築からEC機能までを管理画面で行えるので、ECサイト構築が簡単にできるのが特徴です。

３．各サービスのメリット、デメリット

【ワードプレス】

ワードプレスは世界中で有名企業サイト等にも用いられており、開発も容易であることから、高機能で規模の大きい、見栄えの良い、本格的サイトの構築に有利です。

元々がブログ構築のためのシステムであり、CMS画面でブロック配置することにより、簡単にウェブサイト構築が容易であることから、規模の小さいウェブサイト制作にも勿論使えます。

また、ワードプレスは公式サイトで情報が公開されており、市販の参考書も多数出版されております。

しかし、ECサイト構築ともなると、ウェブの知識からかけ離れた知識、技術が必要となり、プラグインで機能を補えるとはいっても、簡単に構築するのは難しいと思われます。また、EC専用プラグインの情報も少ないのが実情です。

本格的なサイト構築向けのプラグインであるため、比較的規模の小さなサイトには敷居が少し高いように思います。また、「Woocommerce」プラグインは外国語仕様であるため、インストールや設定には英語の説明が表示されますので使いにくい感じです。

国産ワードプレステーマのTCDシリーズは、このデメリットを補うべく、「Woocommerce」や「Welcart」向けのテーマをリリースしていますので、こちらを使うのが無難かもしれません。

【EC-CUBE】

EC-CUBEもワードプレスと同じく本格的なウェブ構築CMSであり、かつ、ECサイトに特化したCMSとなります。

しかし、ワードプレスと違うのは、エンドユーザー向けの情報が少ないという点です。EC-CUBEの公式サイトを見るとわかりますが、どちらかというと、開発者向けに特化したサービスのように感じます。

単にウェブを構築するのではなく、EC機能をも持つわけですから、ワードプレスよりも難易度が高いのは当然とも思います。

【BASE】

BASEは先で紹介したとおり、簡易的なCMS機能を持つ、ECサイト構築専用のASPです。ウェブ構築の機能としては物足りませんが、EC化機能としては、商品管理から出品、販売、売上管理、決済、発送までをワンストップで可能であります。

決済機能もBASEに登録申請するだけで、その日から、クレジットカードや振り込み、コンビニ決済等各種決済が使えるので簡単です。

基本的にCMS管理画面で各種管理やサイト構築を行うのでコーディングは必要なく、操作性もわかりやすいと思います。その反面、ウェブサイトとしては少々物足りなさを感じます。

BASEをはじめASPサービスは、オープンソースではありませんが、BASEの場合、一応コード編集エディタ機能はありますので、基本のテンプレートに改修を加えるのは可能です。

このコードエディタを開くとわかるのですが、BASEのテンプレートはHTML言語、CSS言語を主としたテンプレート構成となっております。PHP言語の埋め込みはできませんので、本格的な動的ページの構築は難しいですが、CMS画面で設定した各種パラメーターを取得する専用タグがいくつか用意されていますので、これらを使えば動的なページの構築も可能です。

なお、コードエディタではJavaScriptの埋め込みは可能です。