本システムでは、本サイトから独立したWEBサイトを簡易的に構築することが出来ます。（ベータ版）

※サンプルサイトと下記のTutorialでの画像と内容と異なります。

用途について

これはメニューを新規に作成（グローバルメニューの追加）して本サイトの１メニューとして公開するのではなく、例えば、発信したい情報が本サイトと関連性が低い場合や、情報量が多いため本サイトとは切り離し独立したサイトとして運営したい場合などに利用することができます。

• 発信する情報の内容により、本サイトとは切り離したWEBサイトとして運営がしたい
• 情報量が多いので利用者のナビゲーションや利便性を考え独立したWEBサイトとして運営がしたい
• 取り敢えず、今日今すぐにWEBサイトを公開したい、期間限定で公開したい

機能・構造について​

ページの構成 ヘッダー（赤枠） サイドバー（黄色枠） メイン（オレンジ枠） フッター（緑枠）   ページの構造 TOPページ（親ページ）とサイドバー（黄色枠）、フッター（緑枠）に表示されているメニューが子ページになります。

現状では、３サイトまで単独サイトの作成が出来ます。サイトの構造は、TOPページ（親）があり、メニューのページ（子）がある２階層の構造になります。

メイン、サイドバーは、セクションテンプレートを使用して自由度の高いページを作成することが出来ます。

単独サイト1を使用してサンプルサイト（動画で詳細されているサイト）を作成してあります。

サンプルサイト：背骨の歪みをＡＩ選別、画像で脊柱位置推定

ページの作成

親の設定

「Basic Single Site Info」の親・子を「親」に設定して下さい。

TOPページのURLを設定する

	編集ページの「Permalink：URL」の http:// からをコピーします。
	オプションの設定の「Home URL」にコピーしたURLを入力します。 この設定は、ヘッダーのロゴやパンくずのホームのリンクURLに反映されます。

専用の編集ページ（以下、オプション）からヘッダーのロゴやサイドバーの子ページのメニュー、フッターの色などの設定が出来ます。

Single Site01から03は、それぞれ単独サイトの別々のデザインの設定をします。

オプション設定
ダッシュボード メニュー > Edit Single Site > Single Site01

ヘッダーのコンポーネントは、ロゴ画像（青）、ロゴ下のテキスト（オレンジ）、緑枠のエリアの3つになります。

	ロゴの画像とロゴ下のテキストを設定します。
	エディターで自由度が高く編集ができます。

その他設定

• Text Color below the logo：ロゴ下のテキスト文字色
• Text Size/Height below the logo For PC/Mobile：テキストのサイズ/高さ
• Header Bgcolor：ヘッダーの背景色
• Header Border Bottom Color：ヘッダー下線の枠線色

子ページを作成して、表示場所をサイドバーのメニューに設定すると自動的にメニューに追加されます。また、「Flexible Sidebar」でセクションテンプレートを使って編集が出来ます。

設定

• SideBar Bgcolor：サイドバー全体の背景色
• SideBar Menu Bgcolor：サイドバーメニューの背景色
• SideBar Menu Hover Color：サイドバーメニューのマウスオーバー色
• SideBar Menu Border Color：サイドバーメニューの枠線色
• SideBar Menu Icon Color：アイコン色
• SideBar Menu Icon Size For PC/Mobile：アイコンサイズ
• SideBar Menu Text Size/Height For PC/Mobile：メニューのテキストサイズ/高さ
• SideBar Menu Text Link/Hover Color：メニューのテキストリンク/マウスオーバー色 ※マウスオーバー色は反映されません。2024年

フッターは、フッターメニューとコピーライトのエレメントがあります。

フッターメニュー

コピーライト

オプションの設定の「Copyright」にテキストを入力します。

設定

• Footer Menu Column：フッターメニューのカラム数を設定します。（カラム数を3に設定して実際のメニュー数が4ある場合は、3つ目で改行されます。）
• Footer Text Size/Height For PC/Mobile：テキストのサイズ/高さ
• Footer Text/Link/Hover Color：メニューのリンク/マウスオーバー、コピーライトのテキスト色
• Footer Bgcolor：フッター全体の背景色

ページのヘッダーエリアの下にあるナビゲーション（「ホーム > 医師主導による医療機器開発の開発・事業化支援業務）を「Breadcrumbs（パンくず）」と呼びます。

• Breadcrumbs Text Size/Height For PC/Mobile：テキストのサイズ/高さ
• Breadcrumbs Bgcolor：エリア前回の背景色
• Breadcrumbs Text/link/Hover Color：テキストのリンク/マウスオーバー色

フッターの右にあるアイコンをクリックすると上に移動できる機能になります。

設定

• チェックボックス：To TopのOn/Off
• To Top Icon Size For PC/Mobile：アイコンのサイズ
• To Top Primary/Secondary Color：アイコン色

Menu Icon	Block Menu

モバイル用のメニューは、アイコン/ブロック型を選択できます。

設定

• Menu Type：メニューのタイプ選択
• Menu Icon Size For Mobile：アイコンのサイズ
• Menu Icon Primary/Secondary Color：アイコンの色
• Block Menu Column：ブロックメニューでのカラム数

ブロックメニューのメニューのレイアウト設定は、サイドバーのメニュー設定と同じになります。