[1] 概略の流れ概略の流れは下図の通りです 1 本ソフトの環境設定 2 ホームページに編集開始文 1 行を書き込む ( 例 )  3 管理者用パスワードでログイン 4 管理画面で必須データ3 項目を入力 (1) 編集名 (2) ホームページへの相対パス (

Size: px

Start display at page:

Download "[1] 概略の流れ概略の流れは下図の通りです 1 本ソフトの環境設定 2 ホームページに編集開始文 1 行を書き込む ( 例 )  3 管理者用パスワードでログイン 4 管理画面で必須データ3 項目を入力 (1) 編集名 (2) ホームページへの相対パス ("

ようじろうたかひ
5 years ago
Views:

操作説明書 ( タイプ C) 目次 [1] 概略の流れと環境設定 -------------------------- 1 [2] 設置方法と起動 ----------------------------------- 3 [3] ログインと設定 ----------------------------------- 5 [4] 必須の3 項目の入力

1 操作説明書 ( タイプ C) 目次 [1] 概略の流れと環境設定 [2] 設置方法と起動 [3] ログインと設定 [4] 必須の3 項目の入力 [5] 管理画面から新着情報登録更新へ [6] 新着情報の入力 [7] 登録確認 [8] エラー確認 [9] 管理画面の基本情報 [10] 新着情報の削除 [11] 編集名の削除 [12] 編集名の復活 ( 参考 ) 相対パスについて

2 [1] 概略の流れ概略の流れは下図の通りです 1 本ソフトの環境設定 2 ホームページに編集開始文 1 行を書き込む ( 例 )  3 管理者用パスワードでログイン 4 管理画面で必須データ3 項目を入力 (1) 編集名 (2) ホームページへの相対パス (3) 編集開始文 5 基本項目の詳細設定 ( 初期値設定済 ) 6 新着情報登録更新画面で新データを入力設定変更担当者用パスワード 7 編集プレビューで更新内容を確認 8 書換え登録ボタンを押して完了! 管理者の作業担当者の作業 - 1 -

[1] ダウンロードしたファイルを解凍ソフト (Lhaz など ) で解凍します Lhaz のダウンロード (free) は http://www.chitora.jp/ からできます解凍解凍されたフォルダーファイルには 3 つのフォルダー Info_Creator_easy.

3 [1] ダウンロードしたファイルを解凍ソフト (Lhaz など ) で解凍します Lhaz のダウンロード (free) はからできます解凍解凍されたフォルダーファイルには 3 つのフォルダー Info_Creator_easy.lzh Info_Creator_easy [2] 任意のエディター ( メモ帳秀丸など ) を起動しが含まれている CCC IClogs sample フォルダー [CCC] 内の cgi プログラム [ecreate.cgi] を開きます [3] 操作説明書を参考に Perl へのパスとパスワードを変更し保存します (1)1 行目 :#! /usr/local/bin/perl プロバイダーで定められた Perl へのパスに変更します (2)12 13 行目 : パスワードを変更します $admin = "e1";# 管理者用パスワード $user = "e2" ;# 担当者用パスワード [4] 次にフォルダー名 [CCC] を任意の名前に変更します [5] プログラム類をアップロードするために ftp ソフト [FFFTP など ] を起動します FFFTP はからダウンロード (free) できます ftp ソフトなどでホームページが置かれているサーバに接続します上記の3つのフォルダーをアップロードします FFFTP の使い方はを参考にできますアップロードしたファイルのパーミッションを操作説明書を参考に設定して下さい ( ファイル上でマウスの右ボタンをクリックし属性変更できます ) CGI プログラムの設定はここまでです次に貴ホームページの更新対象位置に任意の開始文を設定すれば準備完了です - 2 -

4 [2] 設置方法と起動 (1) ディレクトリ構成要注意! フォルダー名を変更しないと外部の第 3 者からアクセスされる危険性がありますホームページが置かれているサーバ内のディレクトリに本プログラムを設置する場合の構成例を示します ( 構成例 ) HOME( index-0.html( トップページ等 ) CCC[755] ( 必ずフォルダー名を変更 ) ecreate.cgi[755]( 本プログラム : 必ずパスワードを変更 cgi-lib.pl[644] プログラム名の変更も可 ) jacode.pl[644] index.html[644] ダミーファイル IClogs[755] ic_css[755] --- 配下のファイルは [644] ic_dat[755] --- 配下のファイルは [644] ic_img[755] --- 配下のファイルは [644] ic_log[755] --- 配下のファイルは [644] ic_pho[755] --- 配下のファイルは [644] index.html[644] ダミーファイル sample[755] 破線内の構成は変えないこと [ ] 内はパーミッションを示します基本的にフォルダー [755] とプログラムは [755] としファイルは [644] とする (2) ファイル編集プログラム ecreate.cgi をエディタで開き次の箇所を編集します 1 行目 :#! /usr/local/bin/perl プロバイダーで定められた Perl へのパスに変更します ( 参考 ) プロバイダ Perl BIGLOBE #! /usr/local/bin/perl OCN ホスティングサービスぷらら Yahoo! ジオプラス #! /usr/bin/perl 使えるネット - 3 -

5 12 13 行目 : パスワードを変更します $admin = "e1";# 管理者用パスワード $user = "e2" ;# 担当者用パスワードさらにセキュリティを強化する場合はプログラム名を変更することができますその場合は 17 行目 :$maincgi="./ecreate.cgi"; に書かれている ecreate.cgi の名前も同様に書き換える必要があります (3) 編集開始文の挿入ホームページの編集開始位置に編集開始文を1 行挿入します例えば次のようなコメント文 ( 半角文字 ) です  同じページ内に複数設定する場合は違いが分かるコメント文とすること (4) 起動方法上記のディレクトリ構成の場合となります変更したフォルダー名とする - 4 -

6 [3] ログインと設定管理者用パスワードでログインしますログインに成功すると [1] 編集対象選択の画面が表示されますまだ管理情報が登録されていない場合は下図の注意事項が表示されますので画面右上に表示に表示されている管理画面へのボタンをクリックし管理画面へ移ってください ( 注意 ) 担当者用パスワードでログインした場合管理画面へ移るボタンは表示されません管理画面へ移るボタン管理情報もまだ登録されていない場合は新規登録ボタンを押して入力画面に移ります新規登録ボタン - 5 -

7 [4] 必須の 3 項目の入力 (1) 編集名編集範囲を管理する任意の名前です ( 注意 ) トピックスなどわかりやすい名前をつけます後で変更もできます (2) 対象ページホームページへのパスとファイル名です ( 注意 )../index-0.html のように本プログラムからの相対パスを半角文字で入力します (3) 編集開始文挿入開始位置を示す半角文字のコメント文です ( 注意 ) ホームページの編集挿入位置に同じコメント文を 1 行挿入する必要があります基本項目は初期値設定されていますので上記 3 項目の確認後に詳細設定が可能です登録ボタン - 6 -

8 [5] 管理画面から新着情報登録更新へ次に画面右上の戻るボタンを押して登録情報一覧の画面に戻ります戻るボタン下図の登録情報一覧画面では上で設定した更新対象編集名が選定されていますので追加登録ボタンを押して新規データ入力画面に移ります追加登録ボタン - 7 -

9 [6] 新着情報の入力タイトルの並び順は年月日時分の最新順ですその日の順番を入れ替えたい場合は時分を調整することで可能ですリンク書類を表示させる場合は表示有とするのように絶対アドレスで記入します登録ボタンを押す - 8 -

10 [7] 登録確認登録ボタンを押すと登録確認画面が表示されるので確認ボタンを押します新しい新着情報データが作成されています編集プレビューボタン編集プレビューボタンで更新内容を表示することができます ( 注意 ) この段階ではまだホームページは変更されていません書換え登録ボタン更新内容の確認ができたら書換登録 (upload) ボタンを押してホームページに書込みますこの処理でホームページが書き変わります - 9 -

11 [8] エラー確認次のエラーが出た場合は登録内容を確認してください (1) エラー!: 更新対象ページ (../~/~.html) が開けませんこの場合はホームページへのパスの指定が間違っていると思われます再度管理画面で入力し直してください (2) エラー!: 編集開始文が見つかりませんこの場合はホームページに編集開始文を書き込んでいない場合あるいは書き加えた文のスペルが同一でないことが考えられます編集開始文を 1 行書き込んでおくと編集開始文の後ろにタグが自動作成されます <div id= index > <div id= topics > <img src= topics.gif alt= トピックス />  </div> </div> ( 下図はスタイルシートを仮置きした場合です )  <STYLE TYPE='text/css'>  </STYLE> <ul class='f '> <li style="background-image:url('.././ie_img/list-01.png');background-repeat:no-repeat"><span onclick="window.open('.././ie_log/f _[0].html','','width=650,height=400,scrollbars =1');return false"> 新製品販売のお知らせ </a></span></li> </ul>

12 [9] 管理画面の基本情報基本情報は初期値が設定されていますが自由にアレンジが可能です (1) 表示件数と表示幅ホームページ上に表示する表示幅と表示件数を指定できます表示幅表示件数 (2) 日付種類次の3 種類から選択できます 1 ( 例 )2012 年 1 月 15 日 2 ( 例 ) ( 例 )

13 (3) カラーサンプル文字色はカラーサンプルを参考にすることができます (4) 微調整タイトル位置の微調整ができます

14 [10] 新着情報の削除新着情報登録更新画面において削除欄にレ点をチェックし画面右下の削除確認ボタンを押すと削除確認画面が表示されます削除はレ点を付けてまとめて削除できます確認の上削除ボタンを押してください新着情報は一度削除されると復活できません削除確認でレ点を付けた項目が表示されます削除ボタンを押すとまとめて削除されます

[11] 編集名の削除編集名を 1 件選択し削除確認してから削除します ( まとめて削除はできません ) 削除ボタンを押す削除ボタンを押すと削除確認画面が表示されます編集名の削除は 2 種類あります (A) 編集名とリンク削除 : この編集名を削除するとこの編集ファイルで管理している新着情報とのリンクが切れます (

15 [11] 編集名の削除編集名を 1 件選択し削除確認してから削除します ( まとめて削除はできません ) 削除ボタンを押す削除ボタンを押すと削除確認画面が表示されます編集名の削除は 2 種類あります (A) 編集名とリンク削除 : この編集名を削除するとこの編集ファイルで管理している新着情報とのリンクが切れます ( 新着情報データは残るので後で復活することができます ) (B) 編集名とファイル削除 : この編集名を削除するとこの編集ファイルで管理している新着情報ファイルも完全に削除されます ( 新着情報データも削除されるので復活できません ) (A)(B) どちらを選ぶか迷った場合は (A) を選定すると後で復活させてから (B) の完全削除を行うこともできます

復活ボタンを押すと復活できます復活ボタンを押す時間を経過してから復活させたデータは

16 [12] 編集名の復活復活確認ボタンを押してください復活確認ボタンを押す復活できるファイルが無い場合は下図の画面となります復活できるファイルがあるときは編集名が表示されます復活ボタンを押すと復活できます復活ボタンを押す時間を経過してから復活させたデータは最新設定ではないと考えられ正常動作は保証できませんので古いデータはバックアップしてからできるだけ完全削除した方がスマートです - 以上

17 ( 参考 ) 相対パスについて本プログラムでは編集対象のホームページを相対パスで記入する必要があります参考に本プログラムからの相対パス例を下図の ( ) 内に示しますまた外部 CSS を登録する場合のアドレスを内に示します home_20 index-10.html home_10 (../../index-10.html) home_10/iclogs/ic_css/ f20xxxxxxxxxxx.css index-0.html home_0 (../index-0.html) IClogs/ic_ css / f20xxxxxxxxxxx.css index-01.html home_01 (../home_0/index-01.html)../iclogs/ic_ css / f20xxxxxxxxxxx.css index-02.html home_02 (../home_0/home_01/index-02.html)../../iclogs/ic_ css / f20xxxxxxxxxxx.css CCC ecreate.cgi ( 本プログラム ) IClogs ic_ css home_11 f20xxxxxxxxxxx.css ( 外部 CSS ファイル ) index-12.html home_12 (../../home_11/index-12.html)../home_10/iclogs/ic_ css / f20xxxxxxxxxxx.css

[1] 概略の流れ概略の流れは下図の通りです 1 本ソフトの環境設定 2 ホームページに編集開始文 1 行を書き込む ( 例 )  3 管理者用パスワードでログイン 4 管理画面で必須デー

[1] 概略の流れ概略の流れは下図の通りです 1 本ソフトの環境設定 2 ホームページに編集開始文 1 行を書き込む ( 例 )  3 管理者用パスワードでログイン 4 管理画面で必須デー操作説明書目次 [1] 概略の流れと環境設定 -------------------------- 1 [2] 設置方法と起動 ----------------------------------- 3 [3] ログインと設定 ----------------------------------- 5 [4] 必須の3 項目の入力 -----------------------------