新着情報の NEW アイコンが「短い一覧」と「記事内容の一覧」に表示できない (No. 1490)

質問

○ニュース更新ツール大容量版
○Ｖ4.0
○http://www.example.com/cgi-bin/sugu/admin/admin.cgi

お世話になります。サーバに試用版を設置し、新着情報が登録、編集できるのを確認できました。
「短い一覧」にアイコンを表示させたいとおもい、マニュアルを見て各ファイルのコメントアウトをはずしたうえでアップロードしましたが、管理画面の記事にはアイコンがつきますが、「短い一覧」および「記事内容の一覧」にはアイコンが表示できません。どこを直せばよいのでしょうか？

回答

「すぐ使えるCGI」のご利用ありがとうございます。

■アイコンが表示されない原因

早速お問合せの件ですが、原因は書き出しのディレクトリを初期設定から移動した時に、アイコンへの相対パスがずれてしまった事によるものです。

〇現在の状態
現在の状態は以下の通りです（URLはサンプルのものに変えていますので、ご自身のサイトURLに読み替えて下さい）。

管理画面はここにありますね。
http://www.example.com/cgi-bin/sugu/admin/admin.cgi

管理画面から見えるアイコンはここにあります。
http://www.example.com/cgi-bin/sugu/images/new.png <---実際にファイルがあります。

書き出したページ（「短い一覧」と「記事内容の一覧」）は以下の場所にあり、これは、初期設定の場所から変更していますね。
http://www.example.com/news/index_short.html
http://www.example.com/news/index.html

書き出したページに表示しようとしているアイコンは、元の設定の相対パスのまま以下を表示しようとしていますが、ここにはファイルがありません。
http://www.example.com/images/new.png <-- 実際には現在画像がありません。


〇作業上の原因
初期設定では以下の場所に書き出しますので、管理画面からのアイコンと相対パスが同じで、アイコンが見えていた状態です。
http://www.example.com/cgi-bin/sugu/webdir/index.html

ですから、書き出し場所を変える時に、アイコンの設定も変更する必要がありました。


■対応方法

以下の2点の調整を行って下さい。

１．アイコンのアップロード

アイコンの含まれている images/ ディレクトリを、以下の場所にもアップロードして下さい。
http://www.example.com/images/

これで書き出したページからもアイコンが見えるようになります。


２．管理画面側の調整

１でアップロードした画像は、管理画面用に既にアップロードしたアイコン（ cgi-bin/sugu/images/ ）と重複してサーバにあっても基本的には問題ありませんが、アイコン画像を変更したような時には両方にアップロードしないと管理画面と公開側でずれが出てしまいますので、管理画面側から読み込む画像を、後からアップロードした http://www.example.com/images/ の方に変更して下さい。

管理画面の方は templates/1.html と 3.html にアイコン表示の設定がありますので、ここのパスを調整して下さい。

例）

現在
------------------------------------------------------------
.new {
    background-image: url(../images/new.png);
}
------------------------------------------------------------

変更後（images/ へのパスを変更します）
------------------------------------------------------------
.new {
    background-image: url(/images/new.png);
}
------------------------------------------------------------


表示を変更したら、古いアイコンディレクトリ（ cgi-bin/sugu/images/ ）はサーバから削除してしまって構いません。


◆元のご入力からの変更点
- URLをサンプルのものに変更しました。
- タイトルに詳細情報を加えました。