アパレル向けWelcartテーマ “Mode” 誕生

Mode

ビジュアルマーケティングを実現するアパレル EC 向けテーマ 「Welcart Mode」
初搭載の「コーディネート」機能によって、WEAR や CoordiSnap といったコーディネートサイト・アプリのようにモデルやスタッフのコーディネート画像と商品ページの紐づけが可能。その他、ブランド一覧や商品リストショートコードなど、ファッションサイトに欲しい機能を詰め込んだ 「Mode」 が、”魅せるサイト”構築を強力にサポートします。

Coordinateコーディネート

初搭載の新機能「コーディネート」
専用のコーディネート記事で、モデルが着用している衣装・アクセサリーを一覧で表示。商品ページに紐づけて誘導することができます。

ファッション誌やリアルショップのマネキンのように、コーディネートされたイメージは強力なビジュアルマーケティングとなります。憧れのイメージやアイテムの使いまわし、着用時のイメージや着こなしといった部分をユーザーに伝えることで、商品ページでは伝えられない魅力を届けます。また、コンバージョンを落とさないよう、コーディネート画像で使用しているアイテムを記事に紐づけて商品ページに移動可能です。

モデルModel

コーディネートで登録した記事にモデル(店舗スタッフ)情報を登録することができます。性別・身長の登録がおこなえ、商品のサイズに関する情報提供がおこなえます。また、モデルごとにコーディネートの一覧を表示することもできるので、「モデルを主役」とした従来とは少し違う魅せ方で商品に誘導させる方法も可能です。

ブランドBrand

取り扱っている商品のブランド一覧を表示することができ、登録したブランドを各商品に紐付けすることができます。ファッションサイトでは重要なブランドを軸にした表示が簡単に設定でき、ユーザビリティも向上しました。

ファッション以外でも使い道自由

コーディネート機能は、使い方次第でファッション以外でも様々な応用が可能です。

Food Recipe/料理レシピ

料理レシピ

食材・食品の販売サイトなら、”レシピ”
料理レシピを紹介しつつ、使用する食材・食品(商品)を紐付けて商品ページに誘導できます。

Interior/インテリア

インテリア

インテリアショップなら”お部屋のコーディネート”
お部屋のコーディネートイメージを掲載し、使われているソファやテーブルなどを紹介できます。

Feature特徴

フロントエンドのパフォーマンス改善

モバイルページの読み込み速度が極端に遅い場合、検索のランキング要因や順位結果に影響します。このテーマでは、CSS・JSファイルの読み込みをサイト全体で読み込ませるのではなく、各ページで使用するファイルのみ読み込みをおこなうことで、ファイルの軽量化を計りページの読み込み速度を改善しています。

商品詳細本文の表示位置変更が可能!

テーマカスタマイザー機能で、商品詳細本文の表示位置を変更することができます。商品の魅力をしっかり伝えて商品を購入していただきたい場合には、LPのようなデザインでカートボタン上部に設置して表示させることができます。

商品リストショートコード

特集やコーディネート・投稿記事で利用可能な、商品リスト用のショートコードが利用可能。表示するカテゴリーや表示件数・カラム数を設定して表示することができますので、簡単に商品リストの表示が可能です。

特集コンテンツの掲載

ファッション誌の特集のように、季節に合わせたアイテムの提案や限定商品の案内など特集記事を作成できます。またショッピング以外の記事を作成しコンテンツを充実させることで、集客率・購買率の向上にもつながります。記事内に商品リスト用のショートコードを記入することで商品ページに誘導させる事も可能です。

ショップに合わせたサイトのカラー設定が可能

プレビュー画面を見ながら、ショップのイメージカラーに合わせてサイトの配色を自由に変更することができます。ヘッダーやフッターといった個々のパーツに対しても配色が可能なため、プレビューしながら直感的にオリジナルのECサイトを作成することが可能です。

Customizerテーマカスタマイザー

WordPress のテーマカスタマイザ―機能を利用することができます。ロゴ画像や各ページの表示項目・サイトカラーなどといったWelcart Mode に搭載されている独自のオプションを、ライブプレビューを確認しながらリアルタイムに設定や変更することが可能です。

  • サイト基本情報
    ロゴ画像の登録 サイトのタイトル設定 キャッチフレーズの設定 キャッチフレーズの表示・非表示
    ヘッダーの固定 ファビコン画像の設定 ヘッダーにウィジェットカートを表示するかの設定 ※
  • カスタムカラー機能(サイト・ヘッダー・フッターなど、部分的に色を変更することが可能です)
  • ヘッダー画像
    ヘッダー画像の登録 フェード・スライド設定 カラム数設定(スライド選択時) スライダーの自動再生機能
    アニメーション速度設定
  • メニュー
    グローバル・ナビゲーションメニューの表示タイプ設定
  • フロント設定
    特集一覧設定 コーディネート一覧設定 ブランド一覧設定 投稿一覧設定
    商品ウィジェット設定
  • サイドバー
    表示位置設定 設置するページの選択
  • 商品一覧
    カテゴリーページでの子カテゴリー一覧表示 カラム数設定 表示項目設定
    商品画像ホバー時のサブ画像表示設定 商品タグの表示
  • 商品詳細ページ
    商品説明の表示位置設定 ページタイトルの表示設定 カートボタンの文言変更 売り切れ時の文言変更
    お問い合わせボタンの設定 表示項目設定
  • カートページ
    「買い物を続ける」ボタンのリンク先設定
  • 投稿一覧ページ
    カラム数設定 表示項目設定
  • 投稿詳細ページ
    アイキャッチ画像の表示・非表示
  • 特集一覧ページ
    特集一覧トップ – 表示タイプ・表示件数設定 表示項目設定
  • コーディネート一覧ページ
    タイトル設定 タイトル(英表記)設定 表示項目設定 モデル情報表示設定
  • コーディネート詳細ページ
    タイトル設定 モデル情報表示設定 コーディネート一覧表示設定 コーディネートタグの表示設定

Welcart Mode 用子テーマ・ダウンロード

「スタイルを変更したい」「テンプレートにコードを加えたい」など、親テーマ Welcart Mode をカスタマイズする場合は、子テーマが必要になります。そこで、Welcart Mode 専用の子テーマを作りました。無料でダウンロードしてお使いいただけます。

子テーマを使う理由

親テーマには不具合や脆弱性などを修正するためのバージョンアップがあります。親テーマを直接カスタマイズしてしまうとバージョンアップの際に、手を加えた内容が上書きされ消えてします。また上書きを避けるため、親テーマをバージョンアップさせずにサイトを運用することは多くのリスクを背負うことにもなります。これらが子テーマを導入しないデメリットになります。 テーマをカスタマイズしたい、バージョンアップも必要、という二つの恩恵を受けるためには子テーマでの運用が必要となり、子テーマを使うメリットは、親テーマをバージョンアップさせなおかつ、カスタマイズ内容も継承できるという点にあります。

子テーマをダウンロードする

ダウンロードすると、mode_child.zip というファイルができます。ZIP圧縮してますので管理画面から、外観→テーマ→新規追加→テーマのアップロードからインストールができます。もしくは、解凍後フォルダをFTPで親テーマと同じ階層にアップロードしていただいても構いません。

子テーマの内容

ダウンロードしたテーマのファイルにはすでに必要な情報が書かれていますので、親テーマの Welcart Mode があれば、そのままお使いになれます。また、子テーマのフォルダ名は任意で変更しても構いません。 最も重要なファイルは2つ、「style.css」と「functions.php」になります。また、管理画面のテーマに表示されるサムネイル画像の「screenshot.png」、カート周りのスタイルが編集できるように、「usces_cart.css」を追加。更に、Welcartの専用ウィジェットタイトルに表示するアイコン画像などを追加しています。

mode_child
style.css CSSファイルには子テーマのデザインスタイルを追加していきますが、併せて子テーマのタイトル、どの親テーマを参照するかを記述する必要があります。
functions.css WordPressやテーマに機能を追加する役割を持ち、子テーマにおいては親テーマの機能を継承したり、子テーマ専用の機能を実装したりすることができます。
usces_cart.css 主にカート周りのスタイルを上書きや追加をする際にご利用いただけます。
images Welcartをインストールした際に追加される、専用ウィジェットにはタイトルアイコンを表示することが可能です。Welcartは、テーマ内の images フォルダにアイコン画像があれば、それを読み込む仕様になっていますので、オリジナルのアイコンに変更することが容易にできます。
screenshot.png 管理画面のテーマに表示される子テーマのサムネイル画像です。

編集したいテンプレートを追加する

上記のファイルのみで、親テーマとほぼ同じように機能しますが、CSSやテンプレートに手を加えたい場合は、子テーマの functions.php にコードを追加したり、親テーマからテンプレートをコピーし、編集を加えてカスタマイズしていきます。 「カート周りのデザインを変更したい」「商品詳細ページのレイアウトを変えたい」など、Welcart が使用する商品詳細ページやカートページをカスタマイズする場合は、「wc_templates」ディレクトリ内のテンプレートを親テーマ同様のディレクトリ構造でコピーし編集を行ってください。

Welcartの拡張プラグインがすべて使用可能

Welcartには、WordPressのオンラインショップをサポートする様々な拡張プラグインが用意されています。
例えば、コスメ・美容品ではよく使用される定期販売が可能な定期購入プラグインや、
販促に効果的なクーポン発行ツール、ギフトに最適な複数配送先設定など、その数は10種類以上。
それぞれのショップに合わせて、自由に機能を組み合わせることが可能です。

Welcart Mode は、Welcart公式テーマとして、これらの拡張プラグイン全てに完全対応!
せっかく拡張プラグインを購入したのに、テンプレートの問題で使用できないという心配はありません。

Welcart Mode(theme0009)

スクロールできます
トップ
商品一覧
商品詳細
コーディネート詳細
特集記事詳細
ご利用予定のサイト(ドメイン)

※まだ確定していない場合は、予定のドメイン(サブドメイン)をご記入下さい。
例)www.example.com

Welcartクラウドならプラグイン・テーマがすべて無料
Update Right? ¥41,800 (税込)
ご購入には、会員登録が必須となります。
新規ご入会はこちら
※カートページに進んだ後で、お客様情報入力画面から会員登録していただくことも可能です。
再ダウンロード有効期間(日数) 無期限
ファイル名 welcart_mode.1.5.4.zip
公開日 2024/02/22
バージョン 1.5.4
制作 Welcart Inc.

対応バージョン

Welcart Mode PHP WordPress Welcart
1.4 ~ 7.4 - 8.0 5.9 ~ 2.7 ~
1.3 7.0 - 7.4
1.1.3 ~ 1.2 2.3.4 ~
1.0.2 ~ 1.1.2 5.6 ~ 2.1.4 ~
1.0 ~ 1.0.1 5.5 5.2 ~ 1.9.14 ~

更新履歴

Welcart Mode 1.5.4 をリリース

Welcart Mode 1.5.4 をリリースしました。修正点は以下のとおりです。 Google reCAPTCHA を有効化している場合に配送・支払方法ページから内容確認ページに遷移できない不具合を修正 Google […]

Welcart Mode 1.5.3 をリリース

Welcart Mode 1.5.3 をリリースしました。修正点は以下のとおりです。 【DL Seller】自動継続課金履歴のスタイル調整 【DL Seller】購入履歴「契約状態」の表示位置調整 配送・支払方法ページの […]

Welcart Mode 1.5.2 をリリース

Welcart Mode 1.5.2 をリリースしました。修正点は以下のとおりです。 PHPエラー修正(トップページ、管理画面>受注データ編集画面) マイページ>定期購入情報ページのタイトルの表示を修正 マイページ>購入 […]

Welcart Mode 1.5.1 をリリース

Welcart Assertive 1.5.1 をリリースしました。修正点は以下のとおりです。 カスタマイザーで商品タグのテキストを変更できるように機能を追加 コーディネートの商品が無いとエラーが出る不具合を修正 スマホ […]

Welcart Mode 1.5 をリリース

Welcart Mode 1.5 をリリースしました。修正点は以下のとおりです。 【WCEX Coupon 1.3】新機能追加に伴うレイアウト調整とフックの追加 【WCEX Auto Delivery 1.7】新オプショ […]

Welcart Mode 1.4.11 をリリース

Welcart Mode 1.4.11 をリリースしました。修正点は以下のとおりです。 PC・スマホの商品詳細本文の表示切り替えをCSSではなく「wp_is_mobile()」関数を使って切り替えるように変更 スマホ表示 […]

Welcart Mode 1.4.10 をリリース

Welcart Mode 1.4.10 をリリースしました。修正点は以下のとおりです。 クレジットカード更新・登録ページの削除ボタンがない時にその他のボタンの余白がなくなる不具合を修正

Welcart Mode 1.4.9 をリリース

Welcart Mode 1.4.9 をリリースしました。修正点は以下のとおりです。 【PayPal】内容確認ページの購入ボタンの文字が表示されない不具合を修正

Welcart Mode 1.4.7 をリリース

Welcart Mode 1.4.7 をリリースしました。修正点は以下のとおりです。 「特集」のカテゴリーページのページタイトルが正しく表示されない不具合を修正

Welcart Mode 1.4.6 をリリース

Welcart Mode 1.4.6 をリリースしました。修正点は以下のとおりです。 商品一覧・詳細ページの在庫僅少タグを基本設定/在庫状態の表示内容に変更修正 固定ページでの投稿日・投稿者名の表示削除 ヘッダー画像のリ […]

Welcart Mode 1.4.5 をリリース

Welcart Mode 1.4.5 をリリースしました。修正点は以下のとおりです。 ショートコードのセキュリティ強化 reCAPTCHA v3 を有効化した際ページトップボタンがバッヂと被る不具合を修正

Welcart Mode 1.4.4 をリリース

Welcart Mode 1.4.4 をリリースしました。修正点は以下のとおりです。 スマホ時に「商品説明」「レビュー」のアコーディオンの動作不具合を修正 Multiple Shipping機能拡張のために配送先登録・編 […]

Welcart Mode 1.4.3 をリリース

Welcart Mode 1.4.3 をリリースしました。 修正点は以下のとおりです。 コーディネート記事から商品を紐づけ追加する時に画像パスが HTMLタグで出力されてしまっている不具合を修正

Welcart Mode 1.4.2 をリリース

Welcart Mode 1.4.2 をリリースしました。 修正点は以下のとおりです。 コーディネイト詳細ページの税表示がHTMLタグそのまま出力されている不具合を修正

Welcart Mode 1.4.1 をリリース

Welcart Mode 1.4.1 をリリースしました。 主な修正点は以下のとおりです。 カスタマイザーのヘッダーを固定するが機能しない不具合を修正 カスタマイザーのフロント設定内の特集でスライド機能を実装が機能しない […]

Welcart Mode 1.4 をリリース

Welcart Mode 1.4 をリリースしました。 主な修正点は以下のとおりです。 PHP8.0の対応 在庫状態が「廃盤」「入荷待ち」でも一覧ページに「売り切れ」と表示される不具合を修正 お客様情報入力フォームの「お […]

Welcart Mode 1.3 をリリース

Welcart Mode 1.3 をリリースしました。主な修正点は以下のとおりです。 Welcart 2.7 の対応 商品一覧ページで、商品タグが子カテゴリー一覧セレクトボックスの上に出てきてしまう不具合修正 ZEUS […]

Welcart Mode 1.2 をリリース

Welcart Mode 1.2 をリリースしました。主な修正点は以下のとおりです。 Widget Cart のフック変更 改正特定商取引法対応 改正特定商取引法対応 2022年6月1日に一部改正となった特定商取引法が施 […]

Welcart Mode 1.1.4 をリリース

Welcart Mode 1.1.4 をリリースしました。主な修正点は以下の通りです。 商品詳細ページ 「このアイテムを使ったコーディネート」の表示不具合修正 DL Seller 利用規約部分のレイアウト調整 ヘッダー画 […]

Welcart Mode 1.1.1 をリリース

Welcart Mode 1.1.1 をリリースしました。主な修正点は以下の通りです。 「買い物を続ける」の任意設定のリンク先が効かない不具合を修正 WCEX Favorites 導入時のマイページのボタン調整

Welcart Mode 1.1 をリリース

Welcart Mode 1.1 をリリースしました。 [更新内容] WCEX Favorites 対応 クレジット決済ダイアログのレイアウト崩れ修正 Welcart 商品一覧ウィジェットの表示崩れ修正 Welcart […]

Welcart Mode 1.0.7 をリリース

Welcart Mode 1.0.7 をリリースしました。 [更新内容] WordPress 5.8 WebP対応によるライトボックスライブラリの修正 WordPress 5.8 ウィジェット画面のエラー修正 WordP […]

Welcart Mode 1.0.6 をリリース

Welcart Mode 1.0.6 をリリースしました。 [更新内容] 商品詳細ページでコーディネート一覧が表示されない不具合を修正 消費税区分「税別」時のコーディネートの合計金額の不具合を修正

Welcart Mode 1.0.4 をリリース

Welcart Mode 1.0.4 をリリースしました。 [更新内容] パスワードポリシーのタグを設置 style.cssに推奨環境を追記 ログイン画面の「パスワード」フィールドにオートコンプリート属性を追加

Welcart Mode 1.0.3 をリリース

Welcart Mode 1.0.3 をリリースしました。 [更新内容] ベストセラー・おすすめ商品ウィジェットの表示不具合修正 スマホメニューのレイアウト調整 Widget Cart をサイドバーに設置した際の表示不具 […]

Welcart Mode 1.0.2 をリリース

Welcart Mode 1.0.2 をリリースしました。 [更新内容] 税別価格での「総額表示」修正 Welcart Mode 1.0.2では、2021年4月1日より義務化される商品の「総額表示」の修正をおこなっており […]

Welcart Mode 1.0.1 をリリース

Welcart Mode 1.0.1 をリリースしました。 [更新内容] ダイアログのクローズボタンの表示崩れ修正 お客様情報ページ カスタムオーダーフィールドの表示崩れ修正

Welcartテーマ最新作!「MODE」発売開始!

アパレル EC 向けテーマ「Welcart Mode」の発売を開始しました。 初搭載の「コーディネート」機能によって、WEAR や CoordiSnap といったコーディネートサイト・アプリのようにモデルやスタッフのコー […]