イナズマWeb マニュアル

注）このページは未だ書きかけです。追々充実させて行きます。

目次 †

目次
イナズマWebの基本的な使い方
イナズマWebの使い方（その1：ページ生成）
- 階層型のページの保持
- 一覧ページの生成
イナズマWebの使い方（その2：画像・ファイル）
イナズマWebの使い方（その3：表）
- 表の入れ方
- ちょっと凝った表の作り方
イナズマWebの使い方（その4：新着情報）
- 新着情報の新規作成
- 新着情報の管理方法について
  - 編集日（表示日時）の変更
イナズマWebの使い方（その5：レイアウト方法）
- テンプレートの使用方法
- サイドメニューの文字インデント
ページの一括非公開設定
- 手順
- 指定方法
ページエディタの使用方法
- 各機能と名称

↑

イナズマWebの基本的な使い方 †

↑

管理画面の主な名称 †

↑

①メインナビゲーション †

メインナビゲーションには次のセクションが含まれています：

メイン - ダッシュボード（管理画面トップページ）へのリンク、Webページのプレレビュー、リソースの作成、ウェブリンクの作成。

エレメント - チャンクとアップロードしたファイルなど、システムのコンテンツ。

モジュール - システム内部の設定用メニューです。

ユーザー - 機能を限定して複数人でご利用いただくためのユーザー管理メニューです。

ツールとインポート/エクスポートのHTMLファイルのバックアップ-コントロール。

レポート -提供統計とログ。

↑

②サブナビゲーション †

メインが選択されて表示されるさまざまなオプションです。

↑

③サイトツリー †

ウェブページのコンテンツを階層型ツリー構造で表示しています。コンテクスト・メニュー(右クリックで表示)により、カテゴリを指定したページの作成や、編集画面への移動が素早く行えます。

サイトツリーのアイコンの種類

	サイトツリーを全て展開します。		サイトツリーを最小に折りたたみます。
	一番上の階層にリソースを新規作成します。		一番上の階層にウェブリンクを作成します。
	サイトツリーを再読み込みします。		サイトツリーをタイトル、ID、作成日時、編集日時、ディレクトリ、メニューオーダ順に並び替えることが出来ます。
	リソースを削除するとリソースタイトルに傍線が引かれ、アイコンがに替わります。クリックするとリソースを完全に削除します。		サイトツリーを閉じます。表示アイコンをクリックすると閉じたサイトツリーが再び開きます。
	クリックでコンテクスト・メニューを表示し、リソースの新規作成、ウェブリンクの新規作成、リソースの削除、編集ができます。

↑

④コンテンツウィンドウ †

ウェブページやサイトの設定に使われます。

↑

⑤ユーザ管理バー †

ログアウトすることができます。現在のパスワードを変更、ユーザまたは、確認のメッセージは、ヘルプファイルへのアクセス、。また、MODxのバージョンをを表示します。

↑

管理画面ログイン方法 †

弊社の提供するURLにアクセスします。

ログイン画面にアクセスし、弊社の提供するユーザー名、パスワードを入力し、ログインボタンをクリック。

↑

編集の方法 †

編集画面にアクセスする方法は2通りあります。

↑

その１：管理画面から †

管理画面左側のリンクから編集したいページを探します。
編集したいページタイトルをクリックすると、画面右側が選択したページの編集画面に切り替わります。
タイトルの並びはツリー構造になっています。下層ページを編集したい場合は、タイトル左側の「+」をクリックすると展開し、展開している状態を元に戻したい場合は「-」をクリックすると戻ります。

↑

その２：プレビュー画面から †

画面左上の「プレビュー」リンクから表示用のページへ移動

マウスカーソルをプレビュー画面上部に移動させると、「編集」ボタンが現れます。
クリックするとプレビュー画面上に編集画面が現れます。

↑

基本的なページの増やし方 †

リソース名を右クリックして追加する事もできます。
クリックしたりソースのサブリソースとしてページが追加されます。

↑

メニューへの表示・非表示 †

「メニューに表示する」にチェックを入れると、メニューボタンにマウスポインターが触れると下層ページへのメニューが現れます。

↑

ウェブリンクについて †

リソース名を右クリックして追加する事もできます。
クリックしたりソースのサブリソースとしてリンクが追加されます。

↑

イナズマWebの使い方（その1：ページ生成） †

↑

階層型のページの保持 †

①下層ページ名を入力。
②ページ内容を入力。
③メニューに表示するかどうかでチェックを入れる。
④保存ボタンをクリック。

「メニューに表示する」にチェックを入れると、メニューボタンにマウスポインターが触れると下層ページへのメニューが現れます。

↑

一覧ページの生成 †

↑

親ページの作成 †

使用テンプレートを変更すると上のような警告が出ますが「OK」をクリック。

↑

下層ページの作成 †

下層ページを新規作成します。

①下層ページ名を入力します。
②ページ内容を入力します。
③使用テンプレートを「詳細ページ」に。

使用テンプレートを変更すると上のような警告が出ますが「OK」をクリック。

④メニューに表示するかどうかでチェックを入れる。
⑤「一覧用項目」タブをクリック。

↑

一覧用項目の設定 †

⑥「一覧用写真」を選択。
⑦「一覧用コメント」を入力。
⑧保存ボタンをクリック。

親ページに下層ページ一覧が追加されます。

↑

イナズマWebの使い方（その2：画像・ファイル） †

↑

画像の入れ方 †

A・・・使用したい画像URLをそのまま指定できます。

B・・・PC上の任意の画像をアップロードして使用できます。

Bを押すとFile Browserが立ち上がります。

①画像を選択
②サーバーにアップロード

フォルダを新規作成する場合は、①ボタン横の”Create New Folder”を押してください。

⇒
表示された画像をクリックすると記事に挿入されます。

・・・画像の削除
・・・名前の変更
・・・オンライン画像編集（切り抜きやサイズ変更など簡単な編集のみ。PC上で予め編集してからのアップロードをおすすめします。）

↑

画像と文字の位置関係 †

記事内で画像を回りこんで文字をレイアウトできます。

⇒

よく使う配置設定

Left・・・画像は左に配置され、画像より後ろにあるテキストは画像の右に回り込みます。

Right・・・画像は右に配置され、画像より後ろにあるテキストは画像の左に回り込みます。

左の小窓に変更サンプルが表示されます
配置・・・	未設定 Baseline Top Middle Bottom Text Top Text Bottom Left Right
サイズ・・・	ピクセルで指定
上下余白・・・	ピクセルで指定
左右余白・・・	ピクセルで指定
枠線・・・	ピクセルで指定
クラス属性・・・	ピクセルで指定
style属性・・・	CSSを直接書き込めます

↑

PDFファイルの入れ方 †

この機能を使うとPDFファイルだけではなく、色んなファイルをアップすることが出来ます。

リンクさせたいテキスト、および画像などをハイライトさせて、リンクを挿入ボタンを押します。

リンクURLに直接ファイルへのリンクを貼るか、参照ボタンを押してFile Browserよりファイルをアップロードしてください。
（File Browserについては、画像の入れ方をごらんください。）

↑

イナズマWebの使い方（その3：表） †

↑

表の入れ方 †

テーブルは一般に表形式のデータを表示するのに使われます。テーブルは縦横に複数のマスで構成されています。1マスを「セル」といい、横のセルの集合を「行」、縦のセルの集合を「列」といいます。

セルには、データを記入するデータセルと、見出しを記入するヘッダセルの2種類があります。

「列」と「行」の数を設定する。
「Cellpadding」「Cellspaceing」の値を0にする。
表に外枠が必要な場合は「枠線」に1以上の数値を入力。数値が大きいほど線の幅が太くなる。枠線が必要ない場合は0にする。
「幅」と「高さ」を設定する（整数を入力）。空欄にすると自動的にデータの文字数に合わせる。

表の上にタイトルを付けたい場合は「表に見出しを付ける」にチェックを入れる。

列・・・	列数
行・・・	行数
Cellpadding・・・	セル内の余白
Cellspacing・・・	セルの間隔
配置・・・	中央揃え左揃え右揃え
枠線・・・	ピクセルで指定
幅・・・	ピクセルで指定
高さ・・・	ピクセルで指定
表に見出しを付ける・・・	タイトル表示

↑

ちょっと凝った表の作り方 †

上級者タブで、より高度な表を作成できます。

「スタイル」に数値が入力されている場合はそのままにしておく。
表に外枠を設定したい場合は「枠線の色」のカラーをクリックして色を選択する。
設定が完了したら「挿入」ボタンをクリックする。

↑

イナズマWebの使い方（その4：新着情報） †

イナズマWebには、ページごとに公開(またはページを非公開にする)日時を設定することができます。新着情報についても同様に、一定の日時に成った時点で、表示される機能を実現するために、新着情報を個別のリソースとして登録する仕様となっています。

↑

イナズマWebの使い方（その5：レイアウト方法） †

↑

テンプレートの使用方法 †

テンプレートを使用することで、予め用意された定型文を挿入できます。挿入後は、テキストをサイトに合ったものに変更してください。

プルダウンよりテンプレートを選んでください。表示例が出ます。

Layout Left・・・	画像左回りこみ
Layout Right・・・	画像右回りこみ
Color Table・・・	会社概要などに使える表
CSS Button・・・	各種色のお問い合わせボタン

↑

サイドメニューの文字インデント †

①ページを確認

②管理画面にログイン

③リソース「サイト設定」をクリック

④「サイド設定」タブをクリック

⑤「サイドメニューのインデント」の項目の数値を変更する

⑥どれだけ右にずらしたいかをピクセル単位で設定します。

⑦保存ボタンをクリック。

⑧プレビューで確認。

③～⑧を繰り返し調整します。

↑

ページの一括非公開設定 †

↑

手順 †

①モジュールメニュー→Doc Manager画面→「その他」タブへ移動

②リソースの各種設定
変更対象の設定プルダウンを「公開/非公開」に
ラジオボタンを「非公開」に

③操作対象(操作元)のリソースIDを指定項目
下記指定方法を参考にトップページ、ヘッダーメニュー、サイドメニュー（下層ページを含む）を非公開にする場合は「1**,14**,15**」
と入力し、適用ボタンで完了

↑

指定方法 †

n*　 - その親リソース(コンテナ)と直下のサブリソースを意味する指定
n** - その親リソース(コンテナ)と配下の子、孫など全てのリソースを意味する指定
n-m - n から m までのIDの範囲を意味る指定。n、m を含みます
n　　 - IDがnの1つのリソースを意味する指定
例：1*,4**,2-20,25　- この指定では、1、1のサブリソース、4、4の全配下リソース、 2から20までの19個のリソース及び25 の各IDのリソースが指定されています。

↑

ページエディタの使用方法 †

コンテンツウィンドウ内のページ内容編集エリアについての説明です。

↑

各機能と名称 †

	htmlをソースコートで編集する	選択部分のスタイルの編集
	選択テキストを太字にする	選択テキストをイタリックにする
	選択テキストを下線にする	選択テキストを打消にする
	文字色の選択する	背景色の選択する
[添付]	classを選択する	書式を選択する
	フォントサイズを選択する	コードの整理をする
	書式を削除する	下付文字を挿入する
	上付文字を挿入する	元に戻す
	一段階進む	選択テキストを左揃え
	選択テキストを中央揃え	選択テキストを右揃え
	選択テキストを両端揃え	選択テキストを引用文にする
	黒点リストを作る	数字のリストを作る
	選択したテキストエリアを１タブ分左にずらす	選択したテキストエリアを１タブ分右にずらす
	選択テキストのリンクを追加または編集する	選択テキストのリンクを削除する
	アンカーを追加または編集する	書式なしで貼り付け
	ワードからの貼り付け	テキストを検索する
	テキストを検索/置換する	表の挿入・編集
	行の編集	セルの編集
	上に行を挿入	下に行を挿入
	行を削除	前に列を挿入
	後に列を挿入	列を削除
	セルの分割	セルの合体
	罫線の挿入	特殊文字の挿入
	画像を挿入または編集する	メディアを挿入または編集する
	テンプレートの挿入	全てを選択する
	フルスクリーンモードに切り替える	ヘルプを表示する

イナズマWeb マニュアル

仲介UP

素材

素材 (センチュリー21)

ご利用方法

ご利用方法 (センチュリー21)

ご利用方法 (ONE TOP HOUSE)

オプションサービス