ドキュメントホーム › 4 つのページエディターでの編集
動画チュートリアルを見る
EP 2 · 105 Laundry Website Demos, 3 Home Layouts & 4 Page Editors · 5:02 · YouTube
エディターをひとつ選ぶ
すべてのニッチのホームページには、4 つのエディター版があります。エディターをひとつ選び、そのページ版を使い続けてください。各版は別々のページであり、互いに変換されたものではありません。ページが利用できないブロック、生のショートコード、空の領域として開く場合は、エディターまたは Washlora Native Layouts プラグインが有効になっていません。
エディター 1
Gutenberg で編集
ネイティブの Washlora Section ブロックは、PHP テンプレートを編集しなくても、構造化されたコンテンツを扱えます。
- Pages → All Pages を開き、ページの Gutenberg 版を選択します。
- Washlora Section ブロックを選択します。見出し、アイブロウ、本文、画像、ボタン、リンク、繰り返し項目を、ブロックのコントロールで編集します。
- リストビューを使って、セクション全体を選択して並べ替えます。ヒーローには、メインの H1 を 1 つだけ残してください。
- レイアウトコントロールでセクションの見せ方を変更し、プレビューで確認します。レイアウトによって、画像や項目の扱いが異なります。
- 下書きを保存するかページを更新し、フロントエンドをモバイルとデスクトップで確認します。
Washlora Native Layouts は有効にしておいてください。利用できないブロックのメッセージは、通常、ブロックのプラグインがないことを意味します。
エディター 2
Elementor で編集
ページは、Elementor のコンテナー内で、ネイティブの Laundry セクションのウィジェットを使用しています。
- Pages → All Pages → Edit with Elementor を開きます。
- キャンバスまたはナビゲーターで、Laundry セクションのウィジェットを選択します。
- テキスト、画像、ボタンまたはリンク、繰り返し項目のフィールドを編集します。レイアウトとトーンは、ウィジェットのコントロールで選択します。
- ナビゲーターでウィジェットを並べ替えます。予約などの機能的なセクションは、意図した位置に残してください。
- ページを更新し、フロントエンドを確認します。スタイルが古いままの場合は、Elementor のキャッシュと再生成のツールを使用してから、サイトのキャッシュをクリアします。
デモの Elementor 版を使用してください。Gutenberg のページを Elementor で開いても、ブロックは変換されません。
エディター 3
WPBakery で編集
Laundry セクションは、WPBakery の行と列の中にある編集可能なコンポーネントです。
- ページの WPBakery 版を開き、バックエンドエディターまたはフロントエンドエディターを起動します。
- Washlora Section コンポーネントを編集して、コピー、画像、項目の行、レイアウト、トーン、リンクを変更します。
- コンポーネント全体、またはその親の行を移動して、ページを並べ替えます。
- 周囲の見せ方を変更するときも、機能的なコンポーネントは残してください。
- 保存してプレビューします。生のショートコードが表示される場合は、WPBakery と Washlora Native Layouts が有効になっていることを確認してください。
テキストビューで、エンコードされた繰り返し項目の属性を手作業で編集しないでください。
エディター 4
Classic Editor で編集
Classic 版は、ページとともに保存される構造化されたセクションコントロールを使用します。
- Pages → All Pages から Classic 版を開きます。
- メインのコンテンツエディターの下にある、Laundry セクションのコントロールを見つけます。
- セクションのフィールドと繰り返し項目を変更し、必要に応じてセクションを並べ替えます。
- メインコンテンツ内に、出力用のショートコード
[laundry_classic_sections]を残しておきます。 - 更新し、フロントエンドを再読み込みして、保存されたレイアウトを確認します。
メインのショートコードを、コピーしたプレビューの HTML に置き換えないでください。編集の元になるのは、セクションコントロールです。