![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
--------------------------------------------------------- 注）このページは未だ書きかけです。追々充実させて行きます。 --------------------------------------------------------- *目次 [#i28cf468] #contents *イナズマWebの基本的な使い方 [#s858329e] **管理画面の主な名称 [#je691c4f] &attachref(layout.jpg,zoom,400x400);~ ~ ***�．瓮ぅ鵐淵咼押璽轡腑� [#dc194d2c] ~ メインナビゲーションには次のセクションが含まれています：~ ~ メイン - ダッシュボード（管理画面トップページ）へのリンク、Webページのプレレビュー、リソースの作成、ウェブリンクの作成。~ エレメント - チャンクとアップロードしたファイルなど、システムのコンテンツ。~ モジュール - システム内部の設定用メニューです。~ ユーザー - 機能を限定して複数人でご利用いただくためのユーザー管理メニューです。~ ツール とインポート/エクスポートのHTMLファイルのバックアップ-コントロール。~ レポート -提供統計とログ。~ ~ ***�▲汽屮淵咼押璽轡腑� [#obc2599c] メインが選択されて表示されるさまざまなオプションです。~ ~ ***��サイトツリー [#k904bfba] ウェブページのコンテンツを階層型ツリー構造で表示しています。コンテクスト・メニュー(右クリックで表示)により、カテゴリを指定したページの作成や、編集画面への移動が素早く行えます。~ ~ サイトツリーのアイコンの種類~ ~ | &attachref(tenkai.jpg); サイトツリーを展開 | &attachref(shukusho.jpg); サイトツリーを縮小 | | サイトツリーを全て展開します。 | サイトツリーを最小に折りたたみます。 | | &attachref(sakusei.jpg); リソースの作成 | &attachref(weblink.jpg); ウェブリンクの作成 | | 一番上の階層にリソースを新規作成します。 | 一番上の階層にウェブリンクを作成します。 | | &attachref(reload.jpg); サイトツリーの再描画 | &attachref(sort.jpg); サイトツリーのソート | | サイトツリーを再読み込みします。 | サイトツリーをタイトル、ID、作成日時、編集日時、ディレクトリ、メニューオーダ順に並び替えることが出来ます。 | | &attachref(trash1.jpg); 削除済みリソースを消去 | &attachref(close.jpg); サイトツリーを非表示 | | リソースを削除するとリソースタイトルに傍線が引かれ、アイコンが&attachref(trash2.jpg);に替わります。クリックするとリソースを完全に削除します。&br;&attachref(delete.jpg); | サイトツリーを閉じます。表示アイコンをクリックすると閉じたサイトツリーが再び開きます。&br;&attachref(open.jpg); | | &attachref(context.jpg); リソースアイコン | | | クリックでコンテクスト・メニューを表示し、リソースの新規作成、ウェブリンクの新規作成、リソースの削除、編集ができます。&br;&attachref(context_menu_0.jpg); | | ~ ~ ***�ぅ灰鵐謄鵐張Ε�ンドウ [#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(0006.jpg,zoom,400x400);~ ~ &attachref(0008.jpg,zoom,400x400);~ ~ �＿質悒據璽弧召鯑�力。~ �▲據璽呼睛討鯑�力。~ ��メニューに表示するかどうかでチェックを入れる。~ �な歛献椒織鵑鬟�リック。~ ~ &attachref(0009.jpg,zoom,400x400);~ ~ 「メニューに表示する」にチェックを入れると、メニューボタンにマウスポインターが触れると下層ページへのメニューが現れます。~ ~ **一覧ページの生成 [#z279b1c8] ***親ページの作成 [#a147cad3] &attachref(0002.jpg,zoom,400x400);~ ~ &attachref(0003.png,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] **新着情報の新規作成 [#r9d9db11] 新着情報のリソースアイコンをクリック~ ~ &attachref(whatsnew_icon.jpg);~ ~ 「ここに新規作成」を選択~ ~ &attachref(whatsnew_here.jpg,zoom);~ ~ タイトルと内容を入力し、保存します。~ ~ &attachref(whatsnew_nyuryoku.jpg,zoom,400x400);~ ~ **新着情報の管理方法について [#h4973483] ***編集日（表示日時）の変更 [#ld7a8b38] &attachref(date001.jpg);~ ~ �ヾ浜�画面から日付を変更したい新着情報のリソースの編集画面へ移動します。~ ~ �◆嵎埆呼�設定」タブ内の編集日設定のプルダウン項目から「Manual」を選択します。~ ~ &attachref(date002.jpg,zoom,400x400);~ ~ �Ｊ埆呼�付の入力欄の中をクリックするとカレンダーが表示されるので、~ 上段のプルダウン項目から月と年を選択し、~ 中断から変更したい日付の数字をクリックすると、~ 入力欄に変更された日付が表示されます。~ ~ &attachref(date003.jpg,zoom,400x400);~ ~ �ぁ嵎歛検廛椒織鵑鬟�リックし、変更完了。~ ~ *イナズマWebの使い方（その5：レイアウト方法） [#hca61e16] &attachref(,zoom,400x400);~ ~ &attachref(,zoom,400x400);~ ~ &attachref(,zoom,400x400);~ ~ **テンプレートの使用方法 [#e91b7401] &attachref(,zoom,400x400);~ ~ &attachref(,zoom,400x400);~ ~ &attachref(,zoom,400x400);~ ~ **サイドメニューの文字インデント [#v328092e] �．據璽犬魍稜�~ &attachref(001.jpg,zoom,200x200);~ ~ ��管理画面にログイン~ ~ ��リソース「サイト設定」をクリック~ ~ &attachref(002.jpg,zoom,200x200);~ ~ �ぁ屮汽ぅ廟瀋蝓廛織屬鬟�リック~ ~ &attachref(003.jpg,zoom,200x200);~ ~ �ァ屮汽ぅ疋瓮縫紂爾離ぅ鵐妊鵐函廚旅猝椶凌�値を変更する~ ~ &attachref(004.jpg,zoom,400x400);~ ~ �Δ匹譴世臼Δ砲困蕕靴燭い�をピクセル単位で設定します。~ ~ &attachref(005.jpg,zoom,200x200);~ ~ ��保存ボタンをクリック。~ ~ &attachref(006.jpg);~ ~ �┘廛譽咼紂爾燃稜А�~ ~ &attachref(007.jpg,zoom,200x200);~ ~ ��〜�┐魴�り返し調整します。~ *ページエディタの使用方法 [#mf24af64] コンテンツウィンドウ内のページ内容編集エリアについての説明です。 **各機能と名称 [#kaec6390]
