Eコマースサイト構築において、適切なページエディタを選択することは、ウェブサイトの柔軟性とカスタマイズ性を高めるために重要です。ページエディタウッドマートテーマユーザーの場合グーテンベルクブロックは、ページ編集の自由度を高める効果的な方法です。以下は、WoodMartテーマでGutenbergエディタをスムーズに有効にするための詳細な手順です。
![画像[1] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250325100220417-image.png)
テーマライセンスを有効にする
まず、作動させる必要がある。ウッドマートテーマで始めましょう。テーマのライセンスセクションで有効化するだけです。将来的にテーマをカスタマイズする予定がある場合は、テーマをインストールすることをお勧めします。サブテーマ.
![画像[2] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250324183845642-image.png)
子テーマを使えば、メインテーマに影響を与えることなく変更を加えることができ、テーマの更新時にカスタム設定が失われるのを防ぐことができます。
Gutenbergエディタのインストール
次にグーテンベルクエディタこれはウッドマートテーマがサポートするメインページビルダー。手順は以下の通りです:
- 入り込むページビルダーセクションでグーテンベルクをデフォルトのエディタとして使用します。
![画像[3] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250324184014560-image.png)
- オプションで、特定のプラグインをインストールすることもできます。すべてのボタンの設置と作動をクリックして、プラグインのインストールを素早く完了させてください。
![画像[4] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250324184157408-image.png)
このステップを完了すると、Gutenbergエディタが有効になり、ページのデザインやカスタマイズにツールを使用できるようになります。
構築済みウェブサイトの選択とインポート
ウェブサイトを素早く構築するためにはウッドマートこのテーマには豊富なテンプレートが用意されています。適切なテンプレートを選択してインポートすることで、デザイン時間を大幅に短縮し、基本的なページレイアウトとスタイルを提供することができます。
- あなたのニーズに合った構築済みのウェブサイト・テンプレートを選びましょう。
- インポートボタンをクリックして、テンプレートコンテンツをサイトにインポートします。
![画像[5] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250324202456311-image.png)
- インポートが完了したら、新しいサイトの結果を表示して確認し、テンプレートとレイアウトが希望通りであることを確認できます。
![画像[6] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250324202618755-image.png)
Gutenbergブロックの有効化
更新内容グーテンベルクエディターのテーマバージョンの後にテーマ設定でGutenbergブロック機能を有効にします。これにより、ページ構築にGutenbergエディタを使用できるようになります。その手順は以下の通りです:
- 出向くウッドマートのテーマ設定 -> その他イネーブルグーテンベルグ・ブロックオプション
- 現在のビルダーオプションこのオプションは、構築済みサイトからインポートしたコンテンツにどのビルダーを使用するかを決定します。選択グーテンベルグ・ブロックその後、Gutenbergエディタを使ってページコンテンツを作成し、カスタマイズすることができます。
![画像[7] - WoodMartテーマでGutenbergブロックを有効にし、ページ編集の自由度を高める方法](https://www.361sale.com/wp-content/uploads/2025/03/20250324202655954-image.png)
これらのオプションを有効にすると、Gutenbergエディタを使用して、ニーズに合ったページレイアウトを簡単に作成できます。
GutenbergエディタでKadenceブロックを使う
Gutenbergエディターで、プラス記号(+)をクリックして ケイデンス ブロックを作成し、必要なレイアウトやコンテンツモジュールを追加してください。例えば 列のレイアウト ブロックを使って複数カラムのレイアウトを作成するか、あるいは アドバンスボタン ブロックを使ってパーソナライズされたボタンをデザインできます。
![画像[7] - Kadence Blocks with Gutenberg Editor: Enhancing WordPress Page Building Experience.](https://www.361sale.com/wp-content/uploads/2025/02/20250225175356155-image.png)
- デザインのカスタマイズ
Kadence Blocks が提供するカスタマイズオプションで、各ブロックにカスタムスタイルを設定することができます。例えば、ボタンの色、サイズ、配置を選択したり、カラムの幅を調整したり、画像にトランジションアニメーションなどのエフェクトを追加することができます。
- 出版と最適化
デザインが完成したら、ページをさまざまなデバイスでプレビューして、ページの応答性を確認してください。公開する前に、Kadenceの サイトレイアウト 機能を使ってページのグローバル設定を調整し、ページが各デバイスで期待通りの動作をするようにします。
概要
上記の手順は、以下の方法を示している。ウッドマートテーマで有効にするグーテンベルクブロックを使って、ページ編集の柔軟性と自由度を高めています。あらかじめ用意されたウェブサイトテンプレートやGutenbergエディタと組み合わせることで、美しさと機能性を兼ね備えたオンラインショップを効率的に構築することができます。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/47295
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし