- 追加された行はこの色です。
- 削除された行はこの色です。
---------------------------------------------------------
注）このページは未だ書きかけです。追々充実させて行きます。
---------------------------------------------------------
#contents
*イナズマWebの基本的な使い方 [#s858329e]
**管理画面の主な名称 [#je691c4f]
&attachref(layout.jpg,zoom,400x400);~
~
***�．瓮ぅ鵐淵咼押璽轡腑� [#dc194d2c]
~
メインナビゲーションには次のセクションが含まれています：~
~
メイン - ダッシュボード（管理画面トップページ）へのリンク、Webページのプレレビュー、リソースの作成、ウェブリンクの作成。~
エレメント - チャンクとアップロードしたファイルなど、システムのコンテンツ。~
モジュール - システム内部の設定用メニューです。~
ユーザー - 機能を限定して複数人でご利用いただくためのユーザー管理メニューです。~
ツール とインポート/エクスポートのHTMLファイルのバックアップ-コントロール。~
レポート -提供統計とログ。~
~
***�▲汽屮淵咼押璽轡腑� [#obc2599c]
メインが選択されて表示されるさまざまなオプションです。~
~
***��サイトツリー [#k904bfba]
ウェブページのコンテンツを階層型ツリー構造で表示しています。コンテクスト・メニュー(右クリックで表示)により、カテゴリを指定したページの作成や、編集画面への移動が素早く行えます。~
~
***�ぅ灰鵐謄鵐張Ε�ンドウ [#v8b8e2a5]
ウェブページやサイトの設定に使われます。~
~
***�ゥ罅璽挟浜�バー [#r5d60725]
ログアウトすることができます。現在のパスワードを変更、ユーザまたは、確認のメッセージは、ヘルプファイルへのアクセス、。また、MODxのバージョンをを表示します。~
~
**管理画面ログイン方法 [#la9ae545]
弊社の提供するURLにアクセスします。~
~
&attachref(login.png,zoom,400x400);~
~
ログイン画面にアクセスし、弊社の提供するユーザー名、パスワードを入力し、ログインボタンをクリック。~
**編集の方法 [#qe1a34b9]
編集画面にアクセスする方法は2通りあります。
***その１：管理画面から [#z75923d6]
&attachref(admin_edit.jpg,zoom,400x400);~
~
管理画面左側のリンクから編集したいページを探します。~
編集したいページタイトルをクリックすると、画面右側が選択したページの編集画面に切り替わります。~
タイトルの並びはツリー構造になっています。下層ページを編集したい場合は、タイトル左側の「+」をクリックすると展開し、展開している状態を元に戻したい場合は「-」をクリックすると戻ります。~
***その２：プレビュー画面から [#w523a6cb]
&attachref(admin_preview.jpg,zoom,400x400);~
~
画面左上の「プレビュー」リンクから表示用のページへ移動~
~
&attachref(prevew_edit.jpg,zoom,400x400);~
~
マウスカーソルをプレビュー画面上部に移動させると、「編集」ボタンが現れます。~
クリックするとプレビュー画面上に編集画面が現れます。~
~
&attachref(preview_edit02.jpg,zoom,400x400);~
**基本的なページの増やし方 [#ye364466]
&attachref(page_insert01.jpg,zoom,400x400);~
~
&attachref(page_insert02.jpg,zoom,400x400);~
~
&attachref(page_insert03.jpg,zoom,400x400);~
~
&attachref(page_insert01a.jpg,zoom,400x400);~
~
リソース名を右クリックして追加する事もできます。~
クリックしたりソースのサブリソースとしてページが追加されます。~
**メニューへの表示・非表示 [#m697d567]
&attachref(menu.jpg,zoom,400x400);~
~
&attachref(menu2.jpg,zoom,400x400);~
~
&attachref(,zoom,400x400);~
**ウェブリンクについて [#ua487a7d]
&attachref(linnk_insert01.jpg,zoom,400x400);~
~
&attachref(linnk_insert02.jpg,zoom,400x400);~~
リソース名を右クリックして追加する事もできます。~
クリックしたりソースのサブリソースとしてリンクが追加されます。~
~
&attachref(link_insert02.jpg,zoom,400x400);~
~
&attachref(link_insert03.jpg,zoom,400x400);~
~
*イナズマWebの使い方（その1：ページ生成） [#s858329e]
**階層型のページの保持 [#z63c306d]
&attachref(,zoom,400x400);~
&attachref(0006.jpg,zoom,400x400);~
~
&attachref(,zoom,400x400);~
&attachref(0008.jpg,zoom,400x400);~
~
&attachref(,zoom,400x400);~
�＿質悒據璽弧召鯑�力。~
�▲據璽呼睛討鯑�力。~
��メニューに表示するかどうかでチェックを入れる。~
�な歛献椒織鵑鬟�リック。~
~
&attachref(0009.jpg,zoom,400x400);~
~
「メニューに表示する」にチェックを入れると、メニューボタンにマウスポインターが触れると下層ページへのメニューが現れます。~
~
**一覧ページの生成 [#z279b1c8]
&attachref(,zoom,400x400);~
***親ページの作成 [#a147cad3]
&attachref(0002.jpg,zoom,400x400);~
~
&attachref(,zoom,400x400);~
&attachref(0003.png,zoom,400x400);~
~
&attachref(,zoom,400x400);~
使用テンプレートを変更すると上のような警告が出ますが「OK」をクリック。~
~
***下層ページの作成 [#w6c12b58]
&attachref(0006.jpg,zoom,400x400);~
~
下層ページを新規作成します。~
~
&attachref(0010.jpg,zoom,400x400);~
~
�＿質悒據璽弧召鯑�力します。~
�▲據璽呼睛討鯑�力します。~
��使用テンプレートを「詳細ページ」に。~
~
&attachref(0003.png,zoom,400x400);~
~
使用テンプレートを変更すると上のような警告が出ますが「OK」をクリック。~
~
�ぅ瓮縫紂爾防充┐垢襪�どうかでチェックを入れる。~
�ァ岼賤�用項目」タブをクリック。~
~
***一覧用項目の設定 [#l01f3f23]
&attachref(0007.jpg,zoom,400x400);~
~
�Α岼賤�用写真」を選択。~
�А岼賤�用コメント」を入力。~
��保存ボタンをクリック。~
~
&attachref(0011.jpg,zoom,400x400);~
親ページに下層ページ一覧が追加されます。~
~
*イナズマWebの使い方（その2：画像） [#s858329e]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
**画像の入れ方 [#se8ecdf2]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~~
**画像と文字の位置関係 [#ee00b51c]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
*イナズマWebの使い方（その3：表） [#df632828]
**表の入れ方 [#j14bad03]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
**ちょっと凝った表の作り方 [#w40039b4]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
*イナズマWebの使い方（その4：新着情報） [#b4342a88]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
**新着情報の管理方法について [#h4973483]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
*イナズマWebの使い方（その5：レイアウト方法） [#hca61e16]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
**テンプレートの使用方法 [#e91b7401]
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
&attachref(,zoom,400x400);~
~
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
