いろはにほへと

ユニットのレイアウト

ページの編集をするには、ブロックの中にユニットを設定します。

ユニットはそれぞれレイアウト要素を持っていますので、ページの内容に合うユニットを選択・追加してください。

ユニットのレイアウト

テーマの基本構造

・全体の横幅: 864px
・グリッド数: 16
・グリッド幅: 34px
・グリッド間: 20px

※数値はテーマジェネレータで変更が可能です。

テーマの基本構造

・header 全段(844px) 高さ固定 30px
・titleA 全段(844px) 高さ固定 110px ※アレンジでBとの排他
(3. titleB 全段(844px) 高さ固定 110px ※アレンジでAとの排他)
・topinfo 全段(844px) 高さ固定 60px
・mainA~C 12カラム(628px)
・sideA~C 4カラム(196px)
・bottominfo 全段(844px)
・footer 全段(844px)


※ピクセルは内寸(コンテンツで利用可能な最大値)
※main と side のどちらが左になるかは、テーマによって異なります。
※titleA、titleBはテーマアレンジのarrangeA、arrangeBに対応します。テーマアレンジarrangeAを選択した場合は、 titleBが非表示になり、テーマアレンジarrangeBを選択した場合はtitleAが非表示になります。
※高さの指定がないものは、中に入るコンテンツによってサイズが変更されます。

※数値はテーマジェネレータで変更可能です。

ユニット

ユニットには、以下のようなものがあります。

区別

分類

ユニット名

仮想想定箇所

備考

クイックユニット見出しヘッダ

header
見出し画像
本文本文(全段)
本文(2段)mainA~C
本文(3段)mainA~C
引用
コラムコラムA
コラムB
コラムC(サイズ固定スクロール)
ニュースニュースティッカー
イメージ画像(フリー)
画像(全段)mainA~C幅628px
画像(2段)mainA~C
画像(3段)mainA~C
画像(4段)mainA~C
画像(6段)mainA~C
バナーエディタ
イメージマップ
スプライトボタン
フラッシュFlashメニュー
Flash貼りつけ
Flashスライドショー
(Academic用)Flashメニュー(844x40固定、文字白)topinfo初期値が最適化されている
(Academic用)Flashメニュー(844x40固定、文字黒)
テーブル(全段)mainA~C
テーブル(2段)mainA~C幅304px
テーブル(3段)mainA~C幅196px
レイアウト画像+本文(6:6)mainA~C幅304:304px
画像+本文(4:8)mainA~C幅196:412px
画像+本文(3:9)mainA~C幅142:466px
本文+画像(6:6)mainA~C幅304:304px
本文+画像(8:4)mainA~C幅412:196px
本文+画像(9:3)mainA~C幅466:142px
表+本文(6:6)mainA~C幅304:304px
表+本文(4:8)mainA~C幅196:412px
表+本文(3:9)mainA~C幅142:466px
本文+表(6:6)mainA~C幅304:304px
本文+表(8:4)mainA~C幅412:196px
本文+表(9:3)mainA~C幅466:142px
画像+表(6:6)mainA~C幅304:304px
画像+表(4:8)mainA~C幅196:412px
画像+表(3:9)mainA~C幅142:466px
表+画像(6:6)mainA~C幅304:304px
表+画像(8:4)mainA~C幅412:196px
表+画像(9:3)mainA~C幅466:142px
メニュー/リンクメニュー(縦)sideA~Cテーマで画像使用
メニュー(横)画像不使用、ページ下部に利用される想定
+アイコンリンク先頭につくアイコンを選択可能(矢印3種、ファイル、PDF)
+アイコンページトップ右配置、編集なし
パンくずリスト
サイトマップ
RSSアイコン編集なし
区切り線/空白区切り線エディタ空白と共通、スタイルと上下の空白を選択
空白
フォームフォームmainA~C
トピックトピック
トピック2トピック2

トピックリスト

外部利用GoogleMap
動画
タグ貼りつけ
その他文字サイズ変更編集なし
アクセスカウンタ編集でカウンターを初期化することができる
サウンドプレーヤ
サンプルユニット(Academic用)学校用サンプル学校用H1見出しヘッダheader
学校用H2見出し部活動mainA~C
学校用H2見出し教育目標mainA~C
学校用H3見出し更新履歴mainA~C
学校用メイン画像テキストmainA~C
学校用部活動テキストmainA~C
学校用フッタテキストfooter
学校用メイン画像mainA~C
学校用バナー校長mainA~C
学校用バナー献立mainA~C
学校用バナーインフルmainA~C
学校用バナー経営方針mainA~C
学校用タイトル画像titleA、B
学校用更新履歴mainA~C
学校用教育目標画像と本文mainA~C

ユニットの配置の手順

ユニットのレイアウト

1.

EDITモード(編集状態)に切り替えて、画面右上に表示されるタブ(パズルピースアイコン)をクリックすると、ユニット一覧が表示されます。

2.

ユニットの選択のプルダウンでカテゴリーを選択すると、表示される内容が絞り込まれます。

3.

ユニット一覧からドラック&ドロップで、ブロックにユニットを追加することができます。

コンテンツの移動

配置されたユニットは、ドラッグすることで自由に位置を変更することができます。

挿入できる位置が四角い枠で表示されますのでそれを目安に位置を変更してください。

ユニットのレイアウト

コンテンツの操作(複製・削除・その他)

ブロック内に配置されたユニットをコンテンツと呼びます。

レイアウトモードでは、配置されたコンテンツをドラッグ&ドロップで移動や順番の入れ替えを行うことができます。

また、レイアウトモードでメインエリアに配置されたコンテンツをクリックすると、ツールボックスが表示されます。

ユニットのレイアウト

①コンテンツの編集ツールエディタのウィンドウを表示します。
②ツールを閉じます。
③コンテンツのプロパティウィンドウを表示します。
④コンテンツを削除します。
⑤コンテンツを複製します。
⑥コンテンツをユニット化します。
⑦ドラッグすることでツールボックスを移動させることができます

コンテンツのユニット化

配置して編集したコンテンツをユニット化することで、以降は配置するだけで簡単にコンテンツを複製することができます。

ユニット化したコンテンツはユニットの種類「user」に追加されます。

ユニットのレイアウト

①ユニット名ユニットの名前を入力します。
②メモメモを入力できます。
③アイコンユニットのアイコンの種類を選択します。
④カラーユニットのアイコンの色を選択します。

ファイルの管理


COPYRIGHT © 2010-2011 MAGREX, ALL RIGHTS RESEVED.