画像の表示について

2015年3月31日 at 11:15

現在ローカルにて既存の静的HPを移行する準備を行っているところなのですが画像の表示について質問です。

時に変更の必要のないところを記事ブロックなどでHTMLを張り付けて試しています。

編集モード、記事ブロックエディタ内、編集を保存して公開をクリックした直後の画面では配置してある画像が表示されるのですが、非編集モードで違うページに飛んでから戻ると画像が表示されなくなってしまいます。

例えば編集モードを終了した直後のページ
http://localhost/concrete5633/index.php?cID=156
では画像が表示され違うページに飛んだ後に元のページを訪れた
http://localhost/concrete5633/hoge/
のページでは画像が消えてしまっています。

画像はimagesフォルダに全て格納されている状態です。
サーバーはXAMPP
バージョン5.6.3.3

ちなみに試しでファイルマネージャーへアップしてから画像を指定するとキチンと表示されたのですが、画像の数が少し多いのでなんとか出来ないかと思い質問させていただきました。

お手数ですが宜しくお願い致します。

タグ:

Re: 画像の表示について

2015年3月31日 at 11:31
ファイルマネージャーに画像をアップしていますか?
 

Re: 画像の表示について

2015年3月31日 at 11:48
返信有難うございます。
ファイルマネージャーへはすべての画像をアップしてあります。
最初にその状態では編集画面でHTMLを張り付けた直後にも画像の表示がなく、concreteフォルダに既存のimagesのフォルダを移すと画像が表示され安心したのですがページが変わると表示されないという状況です。
 

Re: 画像の表示について

2015年3月31日 at 11:44
HTMLのソースコードを見てみないとわかりませんが、画像のパスに間違いはありませんか?
その状況だと、階層が異なる場合に画像のリンク切れが発生しているように見受けられます。

たしかに大量に画像があると紐付けが大変なのですが、後々のサイト運用を考えると、画像は全てファイルマネージャで管理し、記事ブロックや画像ブロックで管理したほうが良いかと思います。
 

Re: Re: 画像の表示について

2015年3月31日 at 12:23
返信有難うございます。
パスは
<img src="images/spacer.gif">
となっています。
これ以外ですと編集画面でも画像が消えてしまいます。

手間でも全てファイルマネージャーで紐付けし管理したほうが後々楽なのですね。
少し頑張ってやってみます。
 

Re: 画像の表示について

2015年3月31日 at 12:33

<img src="images/spacer.gif">


↑これだと、各ページの階層から読みに行くので、やはりリンク切れになります。

<img src="/images/spacer.gif">

これでどうでしょうか?
 

Re: Re: 画像の表示について

2015年3月31日 at 13:30
有難うございます。

そちらもやってみていたのですがプレビューからも画像が消え、非編集モードでみても画像が表示されない状態でした。

<img src="/concrete5633/images/spacer.gif">
とすると正常に表示されています。

concrete5633となっているフォルダを移行予定の名前に変えて差し替えていくか
ファイルマネージャーで差し替えていくかという感じでしょうか?

重ねて申し訳ございませんが/concrete5633/の部分のフォルダ名を変更するにはどうすればいいのでしょうか?
 

Re: 画像の表示について

2015年3月31日 at 19:30
なるほど、それだとHTML側に/concrete5633/を書かないといけませんね。
/から始まるパスは、そのサイトのドメインルートを意味します。
なので、どちらにせよ本番環境に移行した時にパスの書き換えが必要となります。
それを考えると、やはりローカルの構築時点で、ファイルマネージャ上で紐付け設定をしたほうが良さそうです。

ちなみに、concrete5633のフォルダ名を変更するには、普通にローカル環境上でフォルダ名をリネームするだけで良いと思いますが。
普通はMacなら、Finder、Windowsならエクスプローラ上で書き換えますね。
 

Re: 画像の表示について

2015年4月1日 at 10:15
有り難う御座います。
やはり書き換えの必要がありますか。
本番環境で手間がかかっては意味が無いので画像に関しては今のうちに地道に差し替えていきたいと思います。

また、フォルダ名ですがリネームするとホームからの全てのリンクがリンク切れになってしまうのですが手作業で治すしか無いのでしょうか?
こちらも早めに本番環境での名前に変更し作業をするのが安全でしょうか?
 

Re: 画像の表示について

2015年4月1日 at 16:00
度々申し訳ございません。

リンク切れではなくフォルダをabcにリネームすると
http://localhost/concrete5633/がhttp://localhost/abc/に変わり
リンクにカーソルを乗せると/abc/infoなどと新しいアドレスになっているのですが
クリックするとconcrete5633/infoのアドレスに飛びページがありませんとなります。
 

Re: Re: 画像の表示について

2015年4月2日 at 14:26
設置済みオートナビなどもリネーム前のアドレスに飛びページがない状態でしたが以下の事をしたことで正常に稼働しました。
不要な事もあるかと思いますが行ったことを記載しておきます。

フォルダをリネーム後にキャッシュを一度削除しプリティURLをオフにしたところオートナビなどのリンクは正常に稼働しました。
設置済みのスタックなどに埋め込まれているリンクはリネーム前のアドレスに飛んでいましたが新たに同じものを設置すると正常に稼働しました。
手作業ですが配置済みスタックを置き換えて無事にリネーム前の動作になりました。
有り難う御座いました。
 

Re: 画像の表示について

2015年3月31日 at 20:02
t_takaさん

時に変更の必要のないところ


変更が必要ないという事はテーマのphpに記述すればいいのですよね?
で、あれば、

<img src="<?php echo $this->getThemePath(); ?>/images/画像ファイル名" alt="">

でいいのではないでしょうか?

編集が必要なエリアで、記事ブロックや、htmlブロックから画像を貼り付ける場合は、
ファイルマネージャーにアップして、画像ファイルをGUIで指定してあげれば、
あとは、concrete5側がいいように、パスを生成してくれます。

もし、上記以外で、調べるなら、
chromeのデベロッパーツール等で、要素の確認をするか、同デベロッパーツールの
ネットワークで、リクエストしているURLを確認してみてはいかがでしょうか?

色々、できるようになると、楽しいので頑張って下さい!
 

Re: Re: 画像の表示について

2015年4月1日 at 10:42
有り難う御座います。
その方法でもやってみたいと思います。
少し前の質問で画像フォルダのパスは特に変更なくそのままでもいけると見たので何故表示されないのだろうとフォルダの位置を色々変えたりしていました。

少しづつですが分かって来て面白くなってきているところです。
ガイドブックを見ながらヘッダーフッターの作成が終わりメインの編集で躓いてしまいました。