新着情報をホームページに組込んだら画像が表示されません

ホームページの新着情報に画像が表示されない問題

「すぐ使えるCMS」を使って新着情報(短い一覧)をホームページ(トップページ)に表示しています。

ホームページへの組み込みは SSI(Server Side Include)/ php で行ったのですが、画像が表示されません。文字は表示されます。また、管理画面からチェックした時は画像が表示されています。

画像が表示されない直接の原因

SSI(Server Side Include)または php で短い一覧(新着情報)を他のページに組み込むと、画像へのパスの起点となるディレクトリ階層がずれてしまうのが原因です。

解決方法

テンプレートの画像タグの src 属性をサーバルートからのパスに変更して下さい。

1. templates/article/short_list.txt の編集

テンプレートファイル templates/article/short_list.txt を開いて、画像タグの src 属性にサーバルートから書き出しディレクトリまでのパスを追加して下さい(下記例赤字部分)。

変更前 画像タグ

<img src="%_d_%/%_imagename_escaped_1_%"
    alt="%_imagetext_1_%">

※青字部分は元の製品によって異なります。同様の設定の <img> タグについて書換えを行って下さい。

変更例

コピー
<img src="/webdir/%_d_%/%_imagename_escaped_1_%"
    alt="%_imagetext_1_%">

2. アップロード

変更したテンプレートをサーバの同じ位置に上書きアップロードして下さい。

3. 再構築

管理画面の一覧の下にある「再構築(テンプレート変更反映)」ボタンを押して下さい。最新のテンプレートを反映したファイルが書き出されます。

4. 確認

ブラウザのキャッシュをクリアして再読み込みして表示を確認して下さい。

関連記事

ホームページへの新着情報の表示方法

基本のマニュアル 新着情報の表示
ホームページ(トップページ)に新着情報(更新情報、News、お知らせ欄)を表示する方法。表示のための <iframe> や SSI、WordPress 用のコードサンプル、CSSの設定サンプルをご紹介します。