ComusThumbz ドキュメント
管理者ログイン

レイアウトマネージャ

このページが何をしているか

レイアウトマネージャは、サイトページがどのように配置されているかを制御することを可能にします。 コンテンツブロック(「ウィジェット」と呼ばれる)が各ページに表示され、ヘッダ、サイドバー、またはフッターなどに配置される場所を決めることができます。 家具を部屋に並べ替えるのが好きだと考えてください: 欲しいものを選び、それらを配置にドラッグします。

[スクリーンショット: レイアウト・マネージャー・オーバービュー]


ここを取得する方法

ナビゲートへ アドミンパネル > テンプレート > レイアウト

このページは、クリックするだけで、任意のテンプレート管理ページの上部にあるナビゲーションバーからアクセスできます レイアウトお問い合わせ


ページについて

レイアウトマネージャを開くと、サイドの3つのメインエリアがあります。

統計バー

ページの上部にある4枚のカードは、素早くスナップショットを生成します。

カードあなたを伝えるもの
総レイアウトすべてのページタイプで作成したレイアウトの数
アクティブレイアウト現在、サイトのレイアウトがいくつあるか
利用可能なウィジェットコンテンツブロックがいくつあるか
ウィジェットの配置現在、すべてのレイアウトにウィジェットがいくつあるか

レイアウトパネル(左)

このパネルは、ページタイプ(ホームページ、動画、ギャラリーなど)によって整理されたすべてのレイアウトをリストします。 ページタイプをクリックすると、そのページで作成したレイアウトが表示されます。 レイアウト名をクリックし、編集用に選択します。

いくつかのレイアウトの横に色付きのバッジが表示されます。

  • アクティブ (緑) -- このレイアウトは現在、そのページタイプのためにあなたのサイトに住んでいる
  • デフォルト (青) -- これはシステムデフォルトレイアウトです

編集パネル(センター)

ウィジェットをレイアウトに配置する場所です。 左パネルからレイアウトを選択すると、画面の異なる領域を表すビジュアルグリッドが表示されます。 各エリアは「ゾーン」と呼ばれます。 ウィジェットをこれらのゾーンにドラッグして、ページ上に表示される内容を制御することができます。

ウィジェットパネル(右側)

このパネルは、レイアウトに追加できるすべての利用可能なウィジェットを表示します。 ウィジェットはカテゴリ(コンテンツ、ナビゲーション、広告など)によってグループ化されます。 ウィジェットを追加するには、このパネルから中央エディタのゾーンの1つにドラッグします。

ヒント: 画面が小さい場合は、ウィジェットパネルを隠すことができます。 最高の編集経験のために、広いモニターを使用して、またはブラウザウィンドウを最大化します。

ページゾーンの説明

すべてのレイアウトには、ウィジェットを配置できる複数のゾーンがあります。 それぞれのゾーンがサイト上で表現するものは次のとおりです。

ゾーンあなたのサイトに現れる場所
ヘッダーページの非常に上、他のすべての上に
ヒーローセクションヘッダーの下の大きい特色のある区域、内容を示すために大きい
上記コンテンツヒーローセクションとメインページコンテンツ間のストリップ
左サイドバーページの左側にある列
主な内容動画、ギャラリー、その他のページのコンテンツが表示されるページの中央
右サイドバーページの右側の列
コンテンツの下メインページのコンテンツの下のストリップ
フッターページの非常に底
注意: ザ・オブ・ザ・ 主な内容 ゾーンは、ページのプライマリコンテンツ(動画一覧など)に予約されます。 ウィジェットを配置できません。ページ自体が自動的に入力されます。

カスタマイズできるページタイプ

サイトのどのページでもレイアウトを作成できます。

ページタイプそれが制御するもの
サイトマップサイトマップ
動画一覧すべての動画を表示するページ
ビデオプレーヤー訪問者がビデオを見るページ
フォトギャラリーすべてのフォトギャラリーを表示するページ
ギャラリービューア訪問者がギャラリーを見るページ
モデルリストすべてのモデル/パーフォーマーをリストするページ
モデルプロフィール個々のモデルのプロフィールページ
カテゴリーすべてのカテゴリを表示するページ
カムパフォーマーライブウェブカムパフォーマーページ
クリエイターリスト閲覧クリエイター向けページ
クリエイタープロフィール個々のクリエイターのプロフィールページ

利用可能なウィジェット

これらは、ページに配置できる既製のウィジェットです。

ウィジェットそれが示すもの
最近の動画サイトに追加された最新の動画
人気の動画最も注目の動画
最近のギャラリー最新のフォトギャラリー
人気モデル最も人気のあるモデル/パーフォーマー
今すぐライブ現在ライブをストリーミングしているパフォーマー
カテゴリーコンテンツカテゴリのリスト
タグクラウド人気のタグのビジュアル表示
広告バナー広告の配置
カスタム HTML表示したいカスタムコンテンツ
社会リンクソーシャルメディアアカウントへのリンク
ニュースレター登録訪問者のための電子メールのサインアップフォーム
おすすめクリエイター注目のクリエイターのショーケース

共通タスク

新しいレイアウトを作成する方法

  1. クリック 新しいレイアウト ページの右上にあるボタン。
  2. レイアウトの名前を入力します。 レイアウト名 フィールド(例:「ホームページ - ホリデーテーマ」)
  3. 選択する ページタイプ ドロップダウンから、このレイアウトがどのページであるかを選択します。
  4. オプションで、このレイアウトが何であるかを覚えるのに役立つ説明を入力します。
  5. このレイアウトをすぐにライブにしたいなら、 アクティブにセット ボックス。
  6. クリック レイアウトを保存お問い合わせ

選択したページタイプの下に、新しいレイアウトが左パネルに表示されます。

ヒント: ページタイプと目的を含むレイアウト記述名を指定します。 例えば、「Videos - Minimal Sidebar」や「ホームページ - Summer Promotion」など。 これは、後で正しいレイアウトを簡単に見つけることができます。

ウィジェットをレイアウトに追加する方法

  1. 左パネルのレイアウトをクリックして選択します。
  2. 右側のパネルで欲しいウィジェットを見つけます。
  3. ウィジェットを右側のパネルから中央エディタのゾーンの1つにドラッグします。
  4. ウィジェットをゾーンにドロップするマウスを解放します。
  5. ウィジェットは自動的にレイアウトに保存されます。
注意: 複数のゾーンに同じウィジェットを置くことができます。 各配置は独立したので、ページ上の異なるスポットに同じウィジェットが表示されます。

ウィジェットを並べ替える方法

  1. センターエディタで、移動したいウィジェットを見つけます。
  2. 注文を変更するには、同じゾーン内の新しい位置にドラッグします。
  3. 別のゾーンにドラッグして、別のエリアに移動します。
  4. マウスを解放してドロップします。 保存を自動的に変更します。

レイアウトからウィジェットを削除する方法

  1. センターエディタでウィジェットをマウスオーバーします。
  2. クリック ツイート ウィジェットに表示されるボタン。
  3. 要求される場合の取り外しを確かめて下さい。
注意: レイアウトからウィジェットを削除すると、ウィジェット自体は削除されません。 Widgets パネルに残り、いつでもレイアウトに追加できます。

アクティブとしてレイアウトを設定する方法

各ページタイプは、一度に1つのアクティブなレイアウトを持つことができます。 アクティブなレイアウトは、訪問者が見るものです。

  1. 左パネルからアクティブにしたいレイアウトを選択します。
  2. クリック インフォメーション エディタ上のツールバーのボタン。
  3. プロンプトが表示された場合のアクティベーションを確認します。
  4. レイアウトは今も生きています。 そのページタイプが自動的に非アクティブ化されます。
警告: 訪問者が対応するページで表示されるレイアウトを即座に変更します。 アクティブにする前にレイアウトで満足していることを確認してください。

レイアウトを複製する方法

Duplicatingは、あなたのライブサイトに影響を与えることなく変更を行う最も安全な方法です。

  1. 左パネルからコピーしたいレイアウトを選択します。
  2. クリック コピー エディタ上のツールバーのボタン。
  3. コピーの名前を入力します(例えば、「ホームページ - テスト版」)。
  4. クリック お問い合わせお問い合わせ
  5. コピーは非アクティブなレイアウトとして作成されます。 コピーの変更を行います。
  6. 満足したら、コピーを有効化してライブにします。
ヒント: 重要な変更を行う前に、常にアクティブなレイアウトを複製します。 このようにして、何かが正しく見えないと簡単に切り替えることができます。

レイアウトを削除する方法

  1. 左パネルから削除したいレイアウトを選択します。
  2. クリック トラッシュ エディタ上のツールバーのボタン。
  3. プロンプトが表示された場合、削除を確認します。
警告: レイアウトの削除は恒久的であり、元に戻すことはできません。 そのレイアウトのウィジェット配置も削除されます。 デフォルトレイアウトは削除できません。デフォルトでは異なるレイアウトを設定する必要があります。

レイアウトをエクスポートする方法

エクスポートは、保存または共有できるバックアップファイルを作成します。

単一のレイアウトをエクスポートするには:

  1. 左パネルのレイアウトを選択します。
  2. クリック ダウンロード エディタ上のツールバーのボタン。
  3. バックアップファイルがコンピュータにダウンロードされます。

すべてのレイアウトを一度にエクスポートするには:

  1. クリック すべての輸出 ページの上部にあるボタン。
  2. すべてのレイアウトを含む単一のバックアップファイルがコンピュータにダウンロードされます。
ヒント: 定期的にレイアウトをバックアップとしてエクスポートします。 誤ってレイアウトを解除すると、バックアップをインポートして復元できます。

レイアウトのインポート方法

  1. クリック インポート ページの上部にあるボタン。
  2. コンピュータからレイアウトバックアップファイルを選択します(以前にエクスポートしたもの)。
  3. プレビューでは、インポートされたものが表示されます。
  4. クリック インポートレイアウトお問い合わせ
  5. インポートされたレイアウトは非アクティブとして作成され、ライブサイトには影響しません。
注意: インポートされたレイアウトが既存のものと同じ名前を持っている場合は、その名前に「(インポート)」という言葉が追加され、それらを区別することができます。

カスタムウィジェットの作成

ビルトインウィジェットが必要なものをカバーしていない場合は、自分で作成できます。

  1. クリック + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ウィジェットパネル(右側)の上部にあるボタン。
  2. ウィジェットの詳細を入力してください:
  • ウィジェット名 -- ウィジェットの名前(例えば「ホリデーバナー」)
  • ウィジェットの種類 --カテゴリを選択してください: コンテンツ, ナビゲーション, 広告, ソーシャル, またはユーティリティ
  • コンテンツ -- ウィジェットが何をしているかについての簡単なメモ
  • アイコン -- ライブラリ内のウィジェットを表すアイコンを選択します(ライブプレビューショーをタイプとして)
  1. フォームの右側にある先頭テンプレートを選択します。
  • 基本的なウィジェット -- 簡単な出発点
  • ビデオグリッドウィジェット -- ビデオサムネイルのグリッドを表示
  • 静的HTMLウィジェット -- 動く部品無しの明白なテキストか注文の内容のため
  1. クリック ウィジェットの作成お問い合わせ

ウィジェットパネルに新しいウィジェットが表示され、任意のレイアウトにドラッグすることができます。

警告: コードでカスタムウィジェットを作成するには、技術的な知識が必要です。 編集コードが快適でないなら、 静的HTMLウィジェット 任意のコーディングなしで動作するテンプレート。

デモモード

レイアウトマネージャーが「デモモード」と言って一番上にオレンジ色のバナーが表示された場合、ページは読み取り専用モードになります。 レイアウトやウィジェットを閲覧したり、バックアップをエクスポートしたりできますが、作成、編集、削除はできません。

注意: デモモードは、デモンストレーションまたはプレビューインストール時に有効です。 変更を行い、このバナーを確認する必要がある場合は、サイトの管理者に連絡してデモモードを無効にします。

新しいユーザーのためのヒント

ヒント:
  • 変更を加える前に、既存のレイアウトを複製し始める - これにより、実験に安全なコピーを提供します。
  • レイアウトを最初からシンプルに保ちます。 後でウィジェットを追加することができます。
  • 複数のウィジェットを単一のゾーンに配置しないでください。 ゾーンごとの3〜5個のウィジェットは、ページを高速かつ清潔に保つための良い制限です。
  • 変更をした後、レイアウトが電話やタブレットにどのように見えるかをテストします。 一部のウィジェットは、小さな画面に隠す必要がある場合があります。
  • 記述的なレイアウト名を使用して、後で必要なものをすばやく見つけることができます。
  • 大規模な変更を行う前に、レイアウトをバックアップとしてエクスポートします。

トラブルシューティング

レイアウトマネージャーの代わりに「近日公開」ページを見る

あなたが見るもの: フルエディタの代わりに、コンパスアイコンと計画された機能のリストを持つプレースホルダーページが表示されます。

それを修正する方法: インストール時にレイアウトマネージャーが完全に有効になっていません。 サイト管理者またはホスティングプロバイダに連絡して、レイアウトマネージャ機能を有効にします。

ウィジェットをゾーンにドラッグすることはできません

あなたが見るもの: それらをドラッグしようとすると、右側のパネルのウィジェットは応答しません、または彼らはゾーンに上陸しません。

それを修正する方法:

  1. ページをリフレッシュし、もう一度お試しください。
  2. 最新のブラウザ(Chrome、Firefox、Safari、Edge)を使用していることを確認してください。
  3. ブラウザウィンドウが狭くなれば、ウィジェットパネルが隠されることがあります。 ブラウザウィンドウをワイドにしたり、より大きな画面で使用したりしてください。

私のレイアウトの変更は、サイトに表示されない

あなたが見るもの: レイアウトを変更しましたが、サイトは同じです。

それを修正する方法:

  1. レイアウトが設定されていることを確認してください。 アクティブ (左パネルの緑色の「アクティブ」バッジを探します)
  2. ブラウザのキャッシュをクリアするか、サイトをプライベート/シークレットウィンドウで開きます。
  3. レイアウトが有効で、古いバージョンが見つからない場合は、分を待って、もう一度リフレッシュしてください。いくつかの変更は、表示されます。

何も作成、編集、削除することはできません。

あなたが見るもの: ボタンが動作しないか、変更をしようとするとエラーメッセージが表示されます。

それを修正する方法:

  1. ページの上部にオレンジ色の「デモモード」バナーが表示されているかどうかを確認してください。 もしそうなら、ページは読み取り専用モードになります。
  2. ページをリフレッシュしてください。 セッションの有効期限が切れる場合があります。
  3. 問題が続く場合は、サイトの管理者に連絡してください。

ウィジェットキーは既に存在しています。ウィジェットを作成するときにエラーが発生します。

あなたが見るもの: 新しいウィジェットを作成しようとしますが、既に存在しているキーを言ってエラーを取得します。

それを修正する方法: 各ウィジェットは一意の識別子を必要とします。 ウィジェット名を少し変更してみてください。名前から自動的に識別子が生成されます。 以前にウィジェットを同様の名前で作成した場合は、より明確に何かを選択します。

インポート失敗

What you see: You tried to import a layout backup file but received an error.

How to fix it:

  1. Make sure the file you selected is a layout backup file that was previously exported from the Layout Manager.
  2. Try exporting a fresh backup from the source site and importing that instead.
  3. If the file was edited by hand, it may have become corrupted. Use the original exported file.

 


Page When to Use It
Template Dashboard See an overview of all template settings and quick links to each tool
Theme Manager Change your site's color scheme and theme settings
Feature Toggles Turn site features on or off without changing layouts
Style Manager Adjust fonts, colors, and spacing for your site's appearance
File Editor Edit individual template files (for advanced users)

Last Updated: 2026-02-04