BoxShopテーマの効率的な装飾・組版方法:総合ガイド (04)

このチュートリアルへようこそ!今日は、パワフルでフレキシブルなWordPressテーマであるBoxShopテーマの飾り方とレイアウトの仕方について掘り下げていきます。これまでのテーマとは異なり、今回はWPBakery Page Builderを使ってバックエンドでテーマを編集・設定する方法に焦点を当てます。このガイドでは、あなたのウェブサイトをより魅力的で機能的にするために、BoxShopテーマを効率的に管理し、カスタマイズする方法をすばやく把握できるように、各ステップを詳しく説明します。

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

图片[1]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

まずページを探し、次にHOMEを探す。

图片[2]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

異なるテンプレートによると、ホームページの名前が異なりますが、フロントページ(ホーム)を識別してください、これはホームページが設定されている、一般的に設定されていない場合は、それを調整するために他の場所に移動します!

图片[3]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

上記のように「編集」をクリックして入力する

图片[4]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

その後、我々はこのようなインターフェイスを取得し、実際には、それはまた、編集するWPBakeryページビルダーエディタであり、バーゼルのテーマの前にもWPBakeryページビルダーエディタですが、それはフロントエンドのビジュアルエディタであり、これは唯一のバックエンドの編集をサポートしています、あなたはバックエンドで設定を保持する必要があり、その後、結果を表示するには、フロントエンドに移動するので、あるでしょう。利点と欠点は、利点は、フロントエンドとバックエンドが分離されていることであり、誤用による結果が発生することはありません、欠点は、あなたがより多くの直接の影響を見ることができないということです。Basel Theme WPBakeryページビルダーエディタリンクからご覧いただけます。

さっそく始めよう。

图片[5]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

これがバックエンドだ。

图片[6]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

対応するフロントエンド効果

图片[7]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

対応する映像をセットアップしなさい、映像は非常に簡単である、それはここに詳しく説明される、見ることを行くことができるBasel Theme WPBakeryページビルダーエディタ内容は明確で、あるいは理解できるように翻訳することもできる。

图片[8]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

オプションを追加する必要がある場合は、タブを追加する必要があります、追加するには、+記号、または追加するオプションの後に+記号を選択します。

图片[9]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

製品モジュールを追加する新しいオプションを選択する

图片[10]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

セクション(部分)ここで新しいオプションの名前を設定するには、次のidは、各度が同じではないことを確認してください、そうでなければ、それはジャンプすることができないにつながることはできません!

そして、その効果は次のように発揮される。

图片[11]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

ステップ:ウェブサイトのバックエンド → ページ → ホーム → TSバナー2

图片[12]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

バナーも画像であり、バナーとして理解することができ、これは言うことはありませんが、ちょうど1つのポイントに注意を払う、一貫性のある画像のサイズは、それ以外の場合は曲がって見えるには、均一な仕様にトリミングするためにいくつかの画像ツールを使用することができます!

图片[13]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

上の写真のように、この方がよく見えるが、もちろん画面によって表示は異なる。

图片[14]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

下はノートパソコンのスクリーンで、適応性があるのでトレードオフをする必要がある

图片[15]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

設定、主に画像のジャンプリンクは問題なく設定されている

图片[16]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

ここでは、マウスタッチ効果があり、画像に触れることで、実際の状況に応じて調整することです。

图片[17]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

製品モジュールに関しては、上記の通り

图片[18]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

良い製品名を選択すると、製品モジュール内の名前を書き込むことができます、あなたはまた、製品の分類の選択で、名前を書くためにタイトルやテキストを追加する度、選択しない場合は、すべての製品のデフォルトの表示、自動ソートし、その後、製品表示のスタイルだけでなく、ディスプレイの内容と詳細の一部である、我々は翻訳に基づいてすることができます!

图片[19]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[20]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

ブログやビデオも簡単だ。上の写真のように

ステップ:バックエンド → ページ → ホーム → TSブログ

图片[21]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

あなたがブログの記事の特定の分類を表示したくない場合はブログは、彼のデフォルトは、削除されたデフォルトの記事の出現で、そう、チェックされていますが、あなたの新しいブログが表示されない、つまり、ここで問題を設定している、チェックされていません!

ステップ:バックエンド → ページ → ホーム → ビデオプレーヤー

图片[22]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

ここに挿入されている動画は、埋め込みショートコードではなく、リンクの形になっているので、探してみてほしい!

图片[23]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

これは、テーマがサブスクリプションモジュールが付属しており、以下のグラフは、彼はから選択するいくつかのスタイルを持っていますが、一般的にデフォルトを選択し、よりこのテンプレートに沿ったものです!

图片[24]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复
图片[25]-如何高效装修与排版BoxShop主题:全面指南(04)-光子波动网 | WordPress教程、Elementor教程与故障修复

コンテンツとスタイルを選択するだけです。必要であれば背景画像を追加することもできますが、デフォルトの画像にすることをお勧めします。


概要

今回のチュートリアルはここまでとなりますが、この詳細な説明を通して、BoxShopテーマの装飾やレイアウト、操作性について、より明確にご理解いただけたかと思います。次回は、より良いあなたのニーズを満たすユニークなウェブサイトを作成するために、設定をカスタマイズする機能が付属してBoxShopテーマを使用する方法を探求し続けます。ご清聴ありがとうございました!


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

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

    コメントなし