レイアウトマネージャ
このページが何をしているか
レイアウトマネージャは、サイトページがどのように配置されているかを制御することを可能にします。 コンテンツブロック(「ウィジェット」と呼ばれる)が各ページに表示され、ヘッダ、サイドバー、またはフッターなどに配置される場所を決めることができます。 家具を部屋に並べ替えるのが好きだと考えてください: 欲しいものを選び、それらを配置にドラッグします。
[スクリーンショット: レイアウト・マネージャー・オーバービュー]
ここを取得する方法
ナビゲートへ アドミンパネル > テンプレート > レイアウト
このページは、クリックするだけで、任意のテンプレート管理ページの上部にあるナビゲーションバーからアクセスできます レイアウトお問い合わせ
ページについて
レイアウトマネージャを開くと、サイドの3つのメインエリアがあります。
統計バー
ページの上部にある4枚のカードは、素早くスナップショットを生成します。
レイアウトパネル(左)
このパネルは、ページタイプ(ホームページ、動画、ギャラリーなど)によって整理されたすべてのレイアウトをリストします。 ページタイプをクリックすると、そのページで作成したレイアウトが表示されます。 レイアウト名をクリックし、編集用に選択します。
いくつかのレイアウトの横に色付きのバッジが表示されます。
- アクティブ (緑) -- このレイアウトは現在、そのページタイプのためにあなたのサイトに住んでいる
- デフォルト (青) -- これはシステムデフォルトレイアウトです
編集パネル(センター)
ウィジェットをレイアウトに配置する場所です。 左パネルからレイアウトを選択すると、画面の異なる領域を表すビジュアルグリッドが表示されます。 各エリアは「ゾーン」と呼ばれます。 ウィジェットをこれらのゾーンにドラッグして、ページ上に表示される内容を制御することができます。
ウィジェットパネル(右側)
このパネルは、レイアウトに追加できるすべての利用可能なウィジェットを表示します。 ウィジェットはカテゴリ(コンテンツ、ナビゲーション、広告など)によってグループ化されます。 ウィジェットを追加するには、このパネルから中央エディタのゾーンの1つにドラッグします。
ページゾーンの説明
すべてのレイアウトには、ウィジェットを配置できる複数のゾーンがあります。 それぞれのゾーンがサイト上で表現するものは次のとおりです。
カスタマイズできるページタイプ
サイトのどのページでもレイアウトを作成できます。
利用可能なウィジェット
これらは、ページに配置できる既製のウィジェットです。
共通タスク
新しいレイアウトを作成する方法
- クリック 新しいレイアウト ページの右上にあるボタン。
- レイアウトの名前を入力します。 レイアウト名 フィールド(例:「ホームページ - ホリデーテーマ」)
- 選択する ページタイプ ドロップダウンから、このレイアウトがどのページであるかを選択します。
- オプションで、このレイアウトが何であるかを覚えるのに役立つ説明を入力します。
- このレイアウトをすぐにライブにしたいなら、 アクティブにセット ボックス。
- クリック レイアウトを保存お問い合わせ
選択したページタイプの下に、新しいレイアウトが左パネルに表示されます。
ウィジェットをレイアウトに追加する方法
- 左パネルのレイアウトをクリックして選択します。
- 右側のパネルで欲しいウィジェットを見つけます。
- ウィジェットを右側のパネルから中央エディタのゾーンの1つにドラッグします。
- ウィジェットをゾーンにドロップするマウスを解放します。
- ウィジェットは自動的にレイアウトに保存されます。
ウィジェットを並べ替える方法
- センターエディタで、移動したいウィジェットを見つけます。
- 注文を変更するには、同じゾーン内の新しい位置にドラッグします。
- 別のゾーンにドラッグして、別のエリアに移動します。
- マウスを解放してドロップします。 保存を自動的に変更します。
レイアウトからウィジェットを削除する方法
- センターエディタでウィジェットをマウスオーバーします。
- クリック ツイート ウィジェットに表示されるボタン。
- 要求される場合の取り外しを確かめて下さい。
アクティブとしてレイアウトを設定する方法
各ページタイプは、一度に1つのアクティブなレイアウトを持つことができます。 アクティブなレイアウトは、訪問者が見るものです。
- 左パネルからアクティブにしたいレイアウトを選択します。
- クリック インフォメーション エディタ上のツールバーのボタン。
- プロンプトが表示された場合のアクティベーションを確認します。
- レイアウトは今も生きています。 そのページタイプが自動的に非アクティブ化されます。
レイアウトを複製する方法
Duplicatingは、あなたのライブサイトに影響を与えることなく変更を行う最も安全な方法です。
- 左パネルからコピーしたいレイアウトを選択します。
- クリック コピー エディタ上のツールバーのボタン。
- コピーの名前を入力します(例えば、「ホームページ - テスト版」)。
- クリック お問い合わせお問い合わせ
- コピーは非アクティブなレイアウトとして作成されます。 コピーの変更を行います。
- 満足したら、コピーを有効化してライブにします。
レイアウトを削除する方法
- 左パネルから削除したいレイアウトを選択します。
- クリック トラッシュ エディタ上のツールバーのボタン。
- プロンプトが表示された場合、削除を確認します。
レイアウトをエクスポートする方法
エクスポートは、保存または共有できるバックアップファイルを作成します。
単一のレイアウトをエクスポートするには:
- 左パネルのレイアウトを選択します。
- クリック ダウンロード エディタ上のツールバーのボタン。
- バックアップファイルがコンピュータにダウンロードされます。
すべてのレイアウトを一度にエクスポートするには:
- クリック すべての輸出 ページの上部にあるボタン。
- すべてのレイアウトを含む単一のバックアップファイルがコンピュータにダウンロードされます。
レイアウトのインポート方法
- クリック インポート ページの上部にあるボタン。
- コンピュータからレイアウトバックアップファイルを選択します(以前にエクスポートしたもの)。
- プレビューでは、インポートされたものが表示されます。
- クリック インポートレイアウトお問い合わせ
- インポートされたレイアウトは非アクティブとして作成され、ライブサイトには影響しません。
カスタムウィジェットの作成
ビルトインウィジェットが必要なものをカバーしていない場合は、自分で作成できます。
- クリック + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ウィジェットパネル(右側)の上部にあるボタン。
- ウィジェットの詳細を入力してください:
- ウィジェット名 -- ウィジェットの名前(例えば「ホリデーバナー」)
- ウィジェットの種類 --カテゴリを選択してください: コンテンツ, ナビゲーション, 広告, ソーシャル, またはユーティリティ
- コンテンツ -- ウィジェットが何をしているかについての簡単なメモ
- アイコン -- ライブラリ内のウィジェットを表すアイコンを選択します(ライブプレビューショーをタイプとして)
- フォームの右側にある先頭テンプレートを選択します。
- 基本的なウィジェット -- 簡単な出発点
- ビデオグリッドウィジェット -- ビデオサムネイルのグリッドを表示
- 静的HTMLウィジェット -- 動く部品無しの明白なテキストか注文の内容のため
- クリック ウィジェットの作成お問い合わせ
ウィジェットパネルに新しいウィジェットが表示され、任意のレイアウトにドラッグすることができます。
デモモード
レイアウトマネージャーが「デモモード」と言って一番上にオレンジ色のバナーが表示された場合、ページは読み取り専用モードになります。 レイアウトやウィジェットを閲覧したり、バックアップをエクスポートしたりできますが、作成、編集、削除はできません。
新しいユーザーのためのヒント
- 変更を加える前に、既存のレイアウトを複製し始める - これにより、実験に安全なコピーを提供します。
- レイアウトを最初からシンプルに保ちます。 後でウィジェットを追加することができます。
- 複数のウィジェットを単一のゾーンに配置しないでください。 ゾーンごとの3〜5個のウィジェットは、ページを高速かつ清潔に保つための良い制限です。
- 変更をした後、レイアウトが電話やタブレットにどのように見えるかをテストします。 一部のウィジェットは、小さな画面に隠す必要がある場合があります。
- 記述的なレイアウト名を使用して、後で必要なものをすばやく見つけることができます。
- 大規模な変更を行う前に、レイアウトをバックアップとしてエクスポートします。
トラブルシューティング
レイアウトマネージャーの代わりに「近日公開」ページを見る
あなたが見るもの: フルエディタの代わりに、コンパスアイコンと計画された機能のリストを持つプレースホルダーページが表示されます。
それを修正する方法: インストール時にレイアウトマネージャーが完全に有効になっていません。 サイト管理者またはホスティングプロバイダに連絡して、レイアウトマネージャ機能を有効にします。
ウィジェットをゾーンにドラッグすることはできません
あなたが見るもの: それらをドラッグしようとすると、右側のパネルのウィジェットは応答しません、または彼らはゾーンに上陸しません。
それを修正する方法:
- ページをリフレッシュし、もう一度お試しください。
- 最新のブラウザ(Chrome、Firefox、Safari、Edge)を使用していることを確認してください。
- ブラウザウィンドウが狭くなれば、ウィジェットパネルが隠されることがあります。 ブラウザウィンドウをワイドにしたり、より大きな画面で使用したりしてください。
私のレイアウトの変更は、サイトに表示されない
あなたが見るもの: レイアウトを変更しましたが、サイトは同じです。
それを修正する方法:
- レイアウトが設定されていることを確認してください。 アクティブ (左パネルの緑色の「アクティブ」バッジを探します)
- ブラウザのキャッシュをクリアするか、サイトをプライベート/シークレットウィンドウで開きます。
- レイアウトが有効で、古いバージョンが見つからない場合は、分を待って、もう一度リフレッシュしてください。いくつかの変更は、表示されます。
何も作成、編集、削除することはできません。
あなたが見るもの: ボタンが動作しないか、変更をしようとするとエラーメッセージが表示されます。
それを修正する方法:
- ページの上部にオレンジ色の「デモモード」バナーが表示されているかどうかを確認してください。 もしそうなら、ページは読み取り専用モードになります。
- ページをリフレッシュしてください。 セッションの有効期限が切れる場合があります。
- 問題が続く場合は、サイトの管理者に連絡してください。
ウィジェットキーは既に存在しています。ウィジェットを作成するときにエラーが発生します。
あなたが見るもの: 新しいウィジェットを作成しようとしますが、既に存在しているキーを言ってエラーを取得します。
それを修正する方法: 各ウィジェットは一意の識別子を必要とします。 ウィジェット名を少し変更してみてください。名前から自動的に識別子が生成されます。 以前にウィジェットを同様の名前で作成した場合は、より明確に何かを選択します。
インポート失敗
What you see: You tried to import a layout backup file but received an error.
How to fix it:
- Make sure the file you selected is a layout backup file that was previously exported from the Layout Manager.
- Try exporting a fresh backup from the source site and importing that instead.
- If the file was edited by hand, it may have become corrupted. Use the original exported file.
Related Pages
Last Updated: 2026-02-04