BoxShopテーマの詳細分析:カスタムモジュールと高度なDIYのヒント(05)

前回は、次のような使い方を紹介した。WPBakeryページビルダー編集するBoxShopテーマ今日は、BoxShopテーマによって提供されるさまざまなモジュールと、高度なカスタマイズがあなたのウェブサイトの機能と視覚的な魅力を高めるために、これらの強力な機能を最大限に活用するのに役立つ方法について説明します。

ステップ: ウェブサイトのバックエンド → WPBakeryページビルダー → +(プラス

画像[1]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

以下に示すように、他のすべてのページはバーゼルのテーマ今日は、テーマベルトのモジュールに焦点を当てよう。

画像[2]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|プロフェッショナル・ワードプレス修理サービス・グローバル・リーチ・迅速対応

なぜすべてのモジュールが以下のようにTSの頭文字をとっているのか不思議に思うだろう。

画像[3]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|プロフェッショナルなWordPress修理サービス、グローバル展開、迅速な対応

下に示すように、このテーマは空(スカイ)と呼ばれ、ここにテーマのモジュールは、このテーマの創始者は非常に空に憧れている必要があります!

画像[4]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

一般的なモジュールの話ではなく、一般的でないモジュールの話をする。
ステップ:ウェブサイトバックエンド→WPBakeryページビルダー→TS機能

画像[5]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|専門家のWordPress修理サービス、ワールドワイド、迅速対応

上の写真のように、例えば最初のTSフィーチャー、これで何ができるのか不思議に思うに違いない。

画像[6]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

上記のように、我々は、クラスとタイトルと説明のためのアイコンがあることがわかります、私はあなたに写真を表示します、あなたは見ることができますが、すべてのテンプレートが適しているわけではありません、私はちょうど彼が何ができるかを示しています!

画像[7] - BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|プロフェッショナル・ワードプレス修理サービス・ワールドワイド・迅速対応

上図のように、このコンテナは3つに分かれており、それぞれアイコンとタイトルと説明が追加されている。もちろん、設定方法がわからない場合は、次のように表示されます。

画像[8]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|専門家のWordPress修理サービス、ワールドワイド、迅速対応

ステップ:ウェブサイトのバックエンド→WPBakeryページビルダー→TS価格表
TS価格表

画像[9]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応
画像[10]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

このモジュールは一般的には使用されないが、彼ができることを想像することができ、探求することを歓迎する!

画像[11]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|専門家のWordPress修理サービス、グローバルリーチ、迅速な対応

TSテスティモニアル:以下のようにテスティモニアル表示として使用できる。

画像[12]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYスキル(05) - Photon Flux|プロのWordPress修理サービス、グローバルリーチ、迅速な対応
画像[13]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - フォトンゆらぎネットワーク|WordPress修理の専門サービス、グローバル展開、迅速対応

モジュールでは、ディスプレイの数およびその他の設定を設定することができますが、コンテンツはここでは設定されていない、あなたは、アバターやコンテンツを置き換えるには、エディタ内のテスティモニアルのサイトの顔のバックエンドに移動する必要があり、次のグラフは、それぞれの3つの重複が表示されますか、これはインポートテンプレートのため、少なくとも3回インポートされたので、我々はそれを置き換えるか、削除する必要があります!

画像[14]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応


ステップ:ウェブサイトのバックエンド → WPBakeryページビルダー → TS商品情報スライダーまたはTS商品ウィジェット
TS商品ウィジェットとTS商品お買い得スライダー

画像[15]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

なお、商品ウィジェットは、値引きや写真付きのエリアなど、商品のユニークな特徴を以下のように表示することができます。

画像[16]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

商品割引スライダーは、割引価格と割引時間が表示される商品棚の商品を設定するために必要です!

画像[17]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

ステップ: ウェブサイトのバックエンド → WPBakeryページビルダー → カテゴリータブのTS商品またはカテゴリータブのTS商品2

カテゴリータブのTS商品

カテゴリータブのTS製品 2

ここでは、前述のタブと同様に、複数のカテゴリーを1つのモジュールに表示することができる。

画像[18]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応
画像[19]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応
画像[20]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

2つの異なるスタイルと、オプションでトップとサイドに付けることができるので、誰もが自分に合うように調整できる!

画像[21]-BoxShopテーマを徹底分析:カスタムモジュールと高度なDIYテクニック(05) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

上図のように、水平または垂直のオプションを設定する。

概要

これで今回のチュートリアルは終了です。今日の詳細な説明で、BoxShopテーマのモジュールとカスタマイズオプションについてより深く理解し、マスターしていただけたと思います。次回は、BoxShopテーマのその他の高度な機能やより詳細な操作方法について、引き続きご紹介していきますので、どうぞご期待ください!


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし