ページ 更 新 管 理 L-TOOL PgUpdater (ver 1.2) 取 扱 説 明 書 Little Net http//l-tool.net/ - 2015 年 07 月 24 日 版 -
目 次 1. 概 要 2.サーバーへの 設 置 3. 設 定 4.ページ 更 新 の 設 置 例 5. 変 換 指 定 6. 制 限 解 除 キー 7. 利 用 規 定 8. 更 新 履 歴
1. 概 要 この WEB ツールは 既 存 の HTML ファイル 等 に 変 換 指 定 を 埋 め 込 む 事 で ホームページに 簡 単 に 簡 易 CMS 機 能 を 付 加 する php スクリプトです php5 以 上 HTML ファイルの 文 字 コードが UTF-8 用 のスクリプトです php が 使 用 できる WEB サーバーに 設 置 することで 簡 単 に TOP ページ 等 にお 知 らせ 欄 などを 設 置 できます 尚 サーバーで 使 用 できる php のタイプ(モジュール 版 /CGI 版 )により 幾 つかアップロード 不 要 なファイルがあります モジュール 版 php の 場 合 使 用 できる php がモジュール 版 ( 拡 張 子.php)の 場 合 は 下 記 の CGI 版 用 の php はアップロード 不 要 です (さくらインターネットのスタンダード 等 ) /pgupdater.php /pgupdater.cgi -------------- アップロード 不 要 (CGI 版 用 の php) /admin.php /admin.cgi -------------- アップロード 不 要 (CGI 版 用 の php) ( 上 記 赤 字 以 外 は 全 てアップロード) CGI 版 php の 場 合 使 用 できる php が CGI 版 ( 拡 張 子.cgi)の 場 合 は 下 記 のモジュール 版 用 の php はアップロード 不 要 です /pgupdater.php --------------- アップロード 不 要 (モジュール 版 用 の php) /pgupdater.cgi /admin.php --------------- アップロード 不 要 (モジュール 版 用 の php) /admin.cgi ( 上 記 赤 字 以 外 は 全 てアップロード) CGI 版 の 場 合 サーバーによっては 上 記 pgupdater.cgi と 各 admin.cgi の 先 頭 行 の php パス(#!/usr/local/bin/php)が 違 う 場 合 があります この 場 合 はこの パスをサーバーの 環 境 に 合 わせて 変 更 して 下 さい
2.サーバーへの 設 置 この WEB ツールは WEB サーバーが Apache で php を 利 用 できるサーバー 向 けに 制 作 されています サーバーへの 設 置 は 以 下 を 参 照 してください 1 解 凍 後 フォルダー 内 の 内 容 をそのままサーバーの 適 当 なフォルダー( 又 はトップ)にアップロードします 例 ) lt-pgupdaterxxxx/ ----> http//example.com/ (XXXX はバージョン 番 号 ) CGI 版 phpを 使 用 する 場 合 サーバーによっては pgupdater.cgi と 各 admin.cgi (admin.cgi, wbsys/base/admin.cgi, wbsys/pgupdater/admin.cgi) の 先 頭 行 の PHP パス #!/usr/local/bin/php が 違 う 場 合 があります この 場 合 はこのパスをサーバーに 合 わせて 変 更 して 下 さい 2 サーバー 設 置 時 の 各 フォルダー ファイルの 属 性 (=パーミッション)は 以 下 ( ) 内 の 通 りです.../ ----------------------- (0755) 設 置 フォルダー( 設 置 は php 設 置 可 能 な 場 所 なら 自 由 に 可 能 ) l-tool.html ------------ (0644) L-TOOL フリーソフト 設 置 確 認 用 の HTML pgupdater.php(.cgi) ---- (0755) PgUpdater メイン 起 動 PHP admin.php(.cgi) -------- (0755) 管 理 機 能 ジャンプ 用 起 動 PHP wbsys/ ----------------- (07xx) システムフォルダー 1 pgupdater/ --------- (07xx) ページ 更 新 管 理 機 能 用 フォルダー 1 admin.php(.cgi)-- (0755) 管 理 機 能 起 動 PHP xxx.php.cgi ----- (0644) 各 種 プログラム PHP tmp-xxxx.html --- (0644) テンプレート 用 HTML data/ ----------- ( 自 動 生 成 フォルダー ) base/ -------------- (07xx) 管 理 機 能 用 フォルダー 1 admin.php(.cgi)-- (0755) 管 理 機 能 起 動 PHP xxx.php.cgi ----- (0644) 各 種 プログラム PHP tmp-xxxx.html --- (0644) テンプレート 用 HTML data/ ----------- ( 自 動 生 成 フォルダー ) lib/ --------------- (0755) 各 種 PHP プログラムフォルダー css/ --------------- (0755) システムが 使 用 している CSS js/ ---------------- (0755) システムが 使 用 している Javascript extool/ ------------ (0755) 使 用 している 他 のフリーソフト 補 足 pgupdater.php(cgi), 各 admin.php(cgi) 等 の 起 動 PHP は サーバー 推 奨 のファイル 属 性 が (0755) ではなく (0700) 等 の 場 合 は サーバー 推 奨 に 合 わせて 設 置 して 下 さい 1 (07xx) は (0755) でエラーが 出 る 場 合 は (0777) に 設 定 して 下 さい ( php の 実 行 時 ユーザーが apache で 実 行 されるサーバーの 場 合 0755 ですと 自 動 生 成 フォルダー 等 の 生 成 でエラーが 発 生 します) 上 記 の 設 置 で ブラウザから 以 下 のphpスクリプトが 起 動 できます 管 理 機 能 http//.../admin.php ( 又 は admin.cgi)
3. 設 定 システムをサーバーに 設 置 後 は 管 理 機 能 を 起 動 し 以 下 の 設 定 を 行 って 下 さい 1 管 理 機 能 の 起 動 ブラウザから 管 理 機 能 を 開 いて 下 さい 例 )http// /admin.php (admin.cgi) 最 初 のみ 初 期 セットアップ 画 面 が 表 示 されます 設 置 URL1 設 置 URL2 管 理 者 名 管 理 者 メールアドレス ログインID パスワード 等 を 設 定 して 下 さい 設 定 後 はログイン 画 面 が 表 示 されます 上 記 で 設 定 した ログインID パスワード でログインして 下 さい ログイン 後 は 管 理 TOP メニュー 画 面 が 表 示 されます
4.ページ 更 新 の 設 置 例 この WEB ツールは 既 存 の(および 新 規 に 制 作 した)HTML ファイルに 変 換 指 定 を 挿 入 するだけで その 部 分 を 更 新 可 能 なホームページにする 事 ができます 実 際 の 設 置 例 は 以 下 を 参 照 して 下 さい また 以 下 の 例 を 参 考 に 色 々な 更 新 ページを 作 成 する 事 ができると 思 います 1 TOP ページ 等 にお 知 らせ 欄 の 設 置 TOP ページ 等 に お 知 らせ 欄 を 設 置 する 場 合 の 例 を 説 明 します (HTML は index.html とします) (1) 既 に 準 備 している index.html を pgu-index.html というファイル 名 でコピーします (2) pgu-index.html をエディタやメモ 帳 等 で 開 き HTML のヘッダー 部 分 に お 知 らせ 欄 用 にスタイルシートを 記 入 します 例 えば 以 下 のような 感 じです スタイルシートは 別 途 css ファイルを 作 成 しても 構 いません 自 由 です <html> <head> <style type="text/css"> <!--.information_area { padding10px; border1px solid #ccc; width400px; }.information_area dt { width80px; floatleft; padding5px; }.information_area dd { border-bottom 1px #ccc dotted; padding5px 5px 5px 80px; } --> </style> </head> <body> スタイルシート 例 ( 上 記 はスタイルシートの 一 例 です 内 容 は 自 由 に 記 述 して 下 さい) (3) pgu-index.html 内 の お 知 らせ 欄 を 表 示 したい 位 置 に <div>タグと PgUpdater の 変 換 指 定 を 挿 入 します 例 えば 以 下 の 様 な 感 じです <body> <div class="information_area"> ##PGU_TAREA01## </div> </body> </html> ( 上 記 はタグおよび 変 換 指 定 の 一 例 です 内 容 は 自 由 に 記 述 して 下 さい) 変 換 指 定 例 上 記 で 修 正 した pgu-index.html を PgUpdater を 設 置 したフォルダーにアップロードしてください 例 ) http//example.com/ の 直 下 に PgUpdater を 設 置 したなら pgu-index.html も http//example.com/ の 直 下 に 設 置 して 下 さい
(4) PgUpdater の 管 理 機 能 から アップロードした HTML を 登 録 します PgUpdater の admin.php をブラウザから 開 いて ログインして 下 さい 管 理 TOP > ページ 情 報 の 管 理 をクリックし ページ 情 報 一 覧 画 面 で[ 新 規 登 録 ]をクリックして 下 さい 以 下 の 画 面 が 開 きます ページタイトルに TOP ページ 等 と 任 意 の 名 前 を 指 定 します 入 力 ファイルに 先 ほどアップロードした pgu-index.html と 指 定 します 出 力 ファイルに 書 き 出 したいファイル 名 index.html と 指 定 します 次 に 実 際 の お 知 らせ 欄 ですが テキストエリア1に 以 下 の 様 に 入 力 します <dl> <dt>20xx/02/01</dt> <dd> これはお 知 らせ 欄 の 例 です </dd> <dt>20xx/01/01</dt> <dd> これはお 知 らせ 欄 の 例 です </dd> </dl> ( 上 記 は HTML タグの 一 例 です 内 容 は 自 由 に 記 述 して 下 さい) 上 記 <dt>~</dt> が 日 付 項 目 で <dd>~</dd>が 内 容 の 項 目 です この <dt>と<dd> の 組 み 合 わせを 追 加 すれば お 知 らせは 自 由 に 増 やせます これで[ 登 録 ]をクリックすると 情 報 が 登 録 され pgu-index.html ファイルの ##PGU_TAREA01## 部 分 が テキストエリア1で 指 定 された 内 容 に 置 き 換 わり index.html が 書 き 出 されます ブラウザから http//example.com/index.html 等 と 入 力 して index.html を 確 認 して 下 さい お 知 らせ 欄 が 追 加 されているはずです 尚 ページ 情 報 一 覧 画 面 の[ 設 定 ]からは 使 用 しない 項 目 を 非 表 示 にできます
2 任 意 のページに 文 章 や 画 像 ダウンロードファイルの 設 置 任 意 のページに 文 章 や 画 像 ダウンロードファイルといったコンテンツを 設 置 する 場 合 の 例 を 説 明 します (HTML は page1.html とします) (1) 別 途 pgu-page1.html という HTML ファイルを 作 成 して 準 備 します (2) pgu-page1.html をエディタやメモ 帳 等 で 開 き HTML のヘッダー 部 分 に コンテンツ 用 にスタイルシートを 記 入 します 例 えば 以 下 のような 感 じです スタイルシートは 別 途 css ファイルを 作 成 しても 構 いません 自 由 です <html> <head> <style type="text/css"> <!--.contents_area { margin10px auto 50px 0px; }.contents_area img { margin10px; } --> </style> </head> <body> スタイルシート 例 ( 上 記 はスタイルシートの 一 例 です 内 容 は 自 由 に 記 述 して 下 さい) (3) pgu-page1.html 内 のコンテンツを 表 示 したい 位 置 に <div>タグと PgUpdater の 変 換 指 定 を 挿 入 します 例 えば 以 下 の 様 な 感 じです <body> <div class="contents_area"> ##PGU_TAREA01## </div> </body> </html> 変 換 指 定 例 ( 上 記 はタグおよび 変 換 指 定 の 一 例 です 内 容 は 自 由 に 記 述 して 下 さい) 上 記 で 修 正 した pgu-page1.html を PgUpdater を 設 置 したフォルダーにアップロードしてください 例 ) http//example.com/ の 直 下 に PgUpdater を 設 置 したなら pgu-page1.html も http//example.com/ の 直 下 に 設 置 して 下 さい
(4) PgUpdater の 管 理 機 能 から アップロードした HTML を 登 録 します PgUpdater の admin.php をブラウザから 開 いて ログインして 下 さい pgu-index.html の 場 合 と 同 じように 管 理 TOP > ページ 情 報 の 管 理 をクリックし ページ 情 報 一 覧 画 面 で [ 新 規 登 録 ]をクリックして 登 録 画 面 を 開 きます ページタイトルに ページ1 等 と 任 意 の 名 前 を 指 定 します 入 力 ファイルに 先 ほどアップロードした pgu-page1.html と 指 定 します 出 力 ファイルに 書 き 出 したいファイル 名 page1.html と 指 定 します 次 に 実 際 の 情 報 の 登 録 ですが テキストエリア1に 適 当 な 文 章 を 入 力 します 適 当 な 文 章 を 入 力 して 下 さい $IMG01_LEFT$ 画 像 は 上 記 のように 指 定 して 下 さい ダウンロード 用 に pdf や zip ファイルを 登 録 する 事 もできます $FILE01$ <br clear="left"> ( 上 記 は HTML タグの 一 例 です 内 容 は 自 由 に 記 述 して 下 さい) ($IMG01_LEFT$ 等 の 変 換 指 定 は 画 面 の 説 明 を 参 照 して 下 さい) 次 に 画 像 1に 適 当 な 画 像 を 指 定 します 自 動 縮 小 したい 場 合 は 横 幅 高 さを 例 えば 200, 200 等 に 指 定 して 下 さい 次 に ファイル1に 適 当 なファイルを 指 定 します ダウンロード 名 も 指 定 して 下 さい これで[ 登 録 ]をクリックすると 情 報 が 登 録 され pgu-page1.html ファイルの ##PGU_TAREA01## 部 分 が テキストエリア1で 指 定 された 内 容 に 置 き 換 わり page1.html が 書 き 出 されます ブラウザから http//example.com/page1.html 等 と 入 力 して page1.html を 確 認 して 下 さい コンテンツが 追 加 されているはずです 尚 ページ 情 報 一 覧 画 面 の[ 設 定 ]からは 使 用 しない 項 目 を 非 表 示 にできます
5. 変 換 指 定 PgUpdater の 入 力 ファイル 内 (pgu-index.html 等 )で 使 用 できる 各 種 の 変 換 指 定 を 説 明 します 1 変 換 指 定 の 概 要 大 きく 分 けて 変 換 指 定 には 以 下 の 種 類 があります (1) 置 換 変 換 指 定 ##PGU_xxxx## ##PGU_xxxx## を 特 定 の 項 目 の 内 容 に 置 換 します 例 ) ##PGU_TAREA01## --- PgUpdater の 登 録 項 目 テキストエリア1 の 内 容 に 置 換 します 例 ) ##PGU_IMG01## ----- PgUpdater の 登 録 項 目 画 像 1 の 画 像 タグに 置 換 します (2) IF 変 換 指 定 <!--##IF_PGU_xxxx##--> ~ <!--##/IF_PGU_xxxx##--> 特 定 の 条 件 が 真 の 場 合 のみ <!--##IF_xxxx##--> ~ <!--##/IF_xxxx##--> の 間 が 有 効 になります <!--##IF_NOT_PGU_xxxx##--> ~ <!--##/IF_NOT_PGU_xxxx##--> は 条 件 が 偽 の 場 合 に 有 効 になる 指 定 です 例 ) <!--##IF_PGU_IMG01##--> --- PgUpdater の 登 録 項 目 画 像 1 に 画 像 が 登 録 されてたら 真 例 ) <!--##IF_PGU_FILE01##--> --- PgUpdater の 登 録 項 目 ファイル1 にファイルが 登 録 されてたら 真 (3) 外 部 ファイル 挿 入 指 定 <!--##PGU_INCLUDE##-->file<!--##PGU_INCLUDE##--> <!--##PGU_INCLUDE##-->file<!--##PGU_INCLUDE##--> で 指 定 された 位 置 に 外 部 ファイル file を 読 込 み 挿 入 します 例 ) <!--##PGU_INCLUDE##-->header.html<!--##PGU_INCLUDE##--> --- この 位 置 に header.html を 挿 入
2 入 力 ファイルで 使 用 可 能 な 変 換 指 定 入 力 ファイル 内 では 以 下 の 変 換 指 定 が 使 用 できます xx は 項 目 の 番 号 で テキスト 項 目 画 像 項 目 の 場 合 は 01~10 ファイル 項 目 の 場 合 は 01~05 ##PGU_TITLE## --- タイトル 項 目 の 内 容 ##PGU_TAREAxx## --- テキストエリア 項 目 の 内 容 ##PGU_IMGxx## --- 画 像 項 目 の 画 像 タグ (<img src=...>) ##PGU_IMGxx_TOP## --- 画 像 項 目 の 画 像 タグ (<img src=... align="top">) ##PGU_IMGxx_MIDDLE## --- 画 像 項 目 の 画 像 タグ (<img src=... align="middle">) ##PGU_IMGxx_BOTTOM## --- 画 像 項 目 の 画 像 タグ (<img src=... align="bottom">) ##PGU_IMGxx_LEFT## --- 画 像 項 目 の 画 像 タグ (<img src=... align="left">) ##PGU_IMGxx_RIGHT## --- 画 像 項 目 の 画 像 タグ (<img src=... align="right">) ##PGU_IMGxx_PATH## --- 画 像 項 目 の 画 像 ファイルパス ##PGU_IMGxx_WIDTH## --- 画 像 項 目 の 画 像 ファイルの 幅 ##PGU_IMGxx_HEIGHT## --- 画 像 項 目 の 画 像 ファイルの 高 さ ##PGU_IMGxx_EXT## --- 画 像 項 目 の 画 像 ファイル 拡 張 子 ##PGU_IMGxx_TITLE## --- 画 像 項 目 のタイトル ##PGU_FILExx## --- ファイル 項 目 のダウンロード 用 タグ (<a href=...>タイトル</a>) ##PGU_FILExx_EXT## --- ファイル 項 目 のファイル 拡 張 子 ##PGU_FILExx_DOWNLOAD_URL## --- ファイル 項 目 のダウンロードリンク 用 URL ##PGU_FILExx_DOWNLOAD_TITLE## --- ファイル 項 目 のダウンロードリンク 用 タイトル <!--##IF_PGU_TAREAxx##--> --- このテキストエリア 項 目 が 設 定 されている 場 合 に 真 <!--##IF_PGU_IMGxx##--> --- この 画 像 項 目 が 設 定 されている 場 合 に 真 <!--##IF_PGU_FILExx##--> --- このファイル 項 目 が 設 定 されている 場 合 に 真 <!--##IF_PGU_FILExx_PDF##--> --- このファイル 項 目 のファイル 拡 張 子 が PDF の 場 合 に 真 <!--##IF_PGU_IMG_EXIST##--> --- 画 像 項 目 が 一 つでも 設 定 されている 場 合 に 真 <!--##IF_PGU_FILE_EXIST##--> --- ファイル 項 目 が 一 つでも 設 定 されている 場 合 に 真 <!--##PGU_INCLUDE##--> --- この 位 置 に 指 定 ファイルを 挿 入
5.クレジットカード 6. 制 限 解 除 キー 決 済 このソフトウエアは 制 限 解 除 キー を 購 入 して 管 理 機 能 から 設 定 する 事 で 以 下 の 制 限 が 解 除 されます 1 解 除 される 制 限 画 面 下 部 に 表 示 される L-TOOL へのリンク 広 告 の 削 除 キーの 設 定 により 自 動 で 削 除 されます 最 大 情 報 登 録 数 5 件 の 制 限 が 解 除 されます 2 キーの 入 手 方 法 L-TOOL のホームページ (http//l-tool.net/) の 制 限 解 除 キー より 申 し 込 みください 3 キーの 設 定 方 法 管 理 機 能 > システムの 各 種 設 定 内 の 制 限 解 除 キー 項 目 に 入 手 したキーを 設 定 して 下 さい
6. 利 用 既 定 このソフトウエアを 利 用 する 前 に 利 用 規 定 を 確 認 し 内 容 に 同 意 したうえでこのソフトウェアを 利 用 し てください 1 利 用 規 定 (1)このソフトウェアは 商 用 ウェブサイト 非 商 用 ウェブサイトを 問 わず 自 由 に 設 置 して 利 用 できます (2)このソフトウェアを 利 用 する 事 で 利 益 が 得 られる 場 合 は 必 ず 制 限 解 除 キーを 取 得 して 下 さい 制 限 解 除 キーを 取 得 する 必 要 のある 場 合 このソフトウェアを 有 償 でウェブサイトへ 設 置 する 場 合 或 いは このソフトウェアを 設 置 する 事 自 体 で 利 益 が 得 られる 場 合 有 償 で 制 作 設 置 するウェブサイトへ このソフトウェアを 設 置 する 場 合 過 去 に 有 償 で 制 作 設 置 したウェブサイトや 利 益 関 係 のある 相 手 のウェブサイトに このソフトウェア を 設 置 する 場 合 このソフトウェアを 設 置 したウェブサイトを 貸 し 出 して 利 益 を 得 る 場 合 ( 有 償 レンタル 無 償 レンタル だが 広 告 収 入 が 有 る 場 合 ) その 他 このソフトウェアを 利 用 する 事 により 直 接 利 益 が 生 じる 場 合 (3) 画 面 内 に L-TOOL (l-tool.net) へのリンク 広 告 が 表 示 されますが これを 削 除 したり 見 えなくしたりしないで 下 さい L-TOOL へのリンク 広 告 を 非 表 示 にしたい 場 合 は 制 限 解 除 キーを 購 入 するか 有 料 設 置 をご 依 頼 下 さい (4)このソフトウェアの 不 具 合 等 により 利 用 者 等 に 損 害 が 発 生 した 場 合 であっても 損 害 に 対 する 賠 償 責 任 は 当 方 ( 制 作 者 )には 無 いものとします この 点 に 同 意 したうえでこのソフトウェアを 利 用 して 下 さい 制 限 解 除 キーを 取 得 した 場 合 や 有 料 設 置 した 場 合 でも 同 様 です (5)ソフトウエアに 不 具 合 等 があった 場 合 でも 当 方 は 個 別 の 対 応 はできません ご 了 承 ください 制 限 解 除 キーを 取 得 した 場 合 や 有 料 設 置 した 場 合 でも 同 様 です (6)このソフトウエアの 著 作 権 は 当 方 ( 制 作 者 )にありますが パッケージ 内 に 当 方 制 作 以 外 のフリーソフト 等 が 含 まれている 場 合 そのフリーソフトの 著 作 権 利 用 規 約 のみは 各 フリーソフトの 規 定 となります 2 不 具 合 に 関 して このソフトウェアに 不 具 合 があった 場 合 個 別 の 対 応 はできませんが 修 正 やバージョンアップの 為 ホームページのお 問 い 合 わせフォームより 不 具 合 のご 連 絡 を 頂 ければ 幸 いです
7. 更 新 履 歴 2015 年 07 月 24 日 [Ver1.2] ファイル 書 出 し 高 速 化 の 為 の 修 正 2015 年 07 月 10 日 [Ver1.1] PgUpdater をフリーソフトとして 提 供 開 始