静的サイト移設時の画像パスについて

2014年9月2日 at 22:44

静的サイト移設時の画像パスについて

静的サイトをconcrete5に移設しようと考えています。

htmlはブロック(記事, HTMLなど)にコピペして移設しようと思います。
画像の移設はどのようにするのがconcrete5のベストプラクティスでしょうか?
画像ファイルは下記のように「images」配下にカテゴリごとのディレクトリを作成し保存されています。

[ディレクトリ構成]
  + images/
    + company/
      aaaaa.jpg
      bbbbb.jpg
    + about/
      ccccc.jpg
      ddddd.jpg

・可能であれば、既存のディレクトリ構成をそのまま移設したい
 ⇒htmlの移設を容易にするため(パスの書き換え作業を抑えたい)
・後にコンテンツなどのメンテを考えて、ファイルマネージャで全ての画像を操作できるようにしたい。

よろしくお願いします。

使用バージョン
  concrete5 version5.6.3.1

タグ:

Re: 静的サイト移設時の画像パスについて

2014年9月3日 at 3:32
急ぎという時にしかやりませんけど、HTMLブロックや記事ブロックで
何も考えずにコピペする時ありますけどそれではだめですか?
現在のimagesのパスに勝手になると思うので、imagesは削除せずに
残したまましておけば問題ないと思います。

結局、themeフォルダにあるのかその外にあるのか、
またはファイルマネージャーで管理されているのかというだけですからね。

まずファイルマネージャーにアップして、記事ブロックで既存のコピペをして
画像をファイルマネージャーのものに変更するということは結構やったりします。
 

Re: 静的サイト移設時の画像パスについて

2014年9月3日 at 7:03

・可能であれば、既存のディレクトリ構成をそのまま移設したい
 ⇒htmlの移設を容易にするため(パスの書き換え作業を抑えたい)
・後にコンテンツなどのメンテを考えて、ファイルマネージャで全ての画像を操作できるようにしたい。

この2点は相容れない要件です。
試されたとは思いますが、ファイルマネージャはファイルごとに3つのランダムな数字の名前をもつディレクトリを生成します。
この時点で、静的にマークアップしたディレクトリ構造とは異なります。

また、ファイルマネージャを使わない場合でも、テーマのthemesディレクトリ以下に画像を置くことになるので、themesというディレクトリ名を挟むことになります。当然ですが、この場合はファイルマネージャで管理することはできません。

基本的に、CSSから読み出す画像以外は、すべてファイルマネージャにアップし、記事ブロック上で置き換えて行く方法でconcrete5に構築しなおすことになります。
 

Re: 静的サイト移設時の画像パスについて

2014年9月3日 at 19:06
akiさん>
ご返信ありがとうございます。

> 急ぎという時にしかやりませんけど、HTMLブロックや記事ブロックで
> 何も考えずにコピペする時ありますけどそれではだめですか?
> 現在のimagesのパスに勝手になると思うので、imagesは削除せずに
> 残したまましておけば問題ないと思います。
>
HTMLはコピペ(画像パス変更せず)でと思っていたのですが、
その場合、画像が表示はされるが、ファイルマネージャで管理できないので(後の画像差し替えなど)
何とかならないかなと思っていました。

> まずファイルマネージャーにアップして、記事ブロックで既存のコピペをして
> 画像をファイルマネージャーのものに変更するということは結構やったりします。
>
やはり、1つずつ変えていかないといけないのですね...


kohkiさん>
ご返信ありがとうございます。

> また、ファイルマネージャを使わない場合でも、テーマのthemesディレクトリ以下に画像を置くことになるので、themesというディレクトリ名を挟むことになります。当然ですが、この場合はファイルマネージャで管理することはできません。
>
サイトのヘッダー、サイドバー、フッターなど全ページ共通で利用しそうな画像は
themesに配置して、対象の画像は静的HTML内の該当画像のパスを一括置換したのち、
HTMLをconcrete5へ移設(テンプレート作成)すればよいかと考えていました。

コンテンツ領域で利用している画像は、ファイルマネージャで管理できればと思っていたのですが、
画像パスを全て手作業で変更する必要があり、その場合置き換えのミスが発生する可能性があり、
極力その様なトラブルを避ける事ができればと考えていました。

ファイルマネージャで管理する画像パスにエイリアスなどを設定できれば良いのですが...


今回は30ページ程度の移設なので、ミスしないように置き換え頑張ってみます。

akiさん、kohkiさん>
アドバイス、ありがとうございます!
 

Re: 静的サイト移設時の画像パスについて

2014年9月5日 at 8:07
9/4の週刊concrete5でコアメンバーに聞いてみました。
http://www.ustream.tv/recorded/52280256
44:00くらいから

img タグの 画像のパスが相対パスなのか絶対パスなのかよっても変わりますので
下記の通り設定されている場合で書いてみます。
<img src="images/company/aaaaa.jpg">


concrete5のルートフォルダにimagesフォルダごと入れる
blocks
concrete
config

というフォルダが並んでいるフォルダと同じ階層です。
あとは元のhtmlファイルをhtmlブロックや記事ブロックに貼り付けしてサイトをconcrete5化します。
そして、運用して画像ファイルを変更するときにファイルマネージャーに登録していく。

注意点
同じサーバー上の元のhtmlファイルは削除する必要があるとのこと。
サイトの構成によってはプリティURLが使えない可能性があるとのことです。
 

Re: 静的サイト移設時の画像パスについて

2014年9月5日 at 13:36
お、これは賢いやりかたですね…

ただ、ページからリンク貼る場合は相対リンクを間違えないことと、ページ階層を移動させた場合、リンク切れを起こす可能性はありますね…

ま、その時はファイルマネージャにアップしてリンク貼り直すことになるのでしょうけれども。

もし既存サイトのc5化を自分でやることがありましたら、参考にさせてもらいます!
 

Re: 静的サイト移設時の画像パスについて

2014年9月7日 at 7:31
acliss19xxさん>

> そして、運用して画像ファイルを変更するときにファイルマネージャーに登録していく。
>
ustみました。
なるほどです。これだと、HTMLをそのまま移設できますね。
ファイルマネージャで既存の画像(既にHTMLで参照している)の再利用ができないのが残念ですが...移設は簡単にできそうです。


kohkiさん>

> ページ階層を移動させた場合、リンク切れを起こす可能性はありますね…
>
そうですね。HTML内のパスを/始まりに一括置換して、移設時に注意したいと思います。


サイトの移設はもう少し先なので、色々試してみます。
 

Re: 静的サイト移設時の画像パスについて

2014年9月8日 at 1:12
concrete5のファイルマネージャーの「マルチアップロード」機能には、「URL指定してファイルを追加」というオプションがあり画像のURLさえ分かればかんたんにファイルマネージャーに登録できる機能があります。既存の画像の再利用をしたい場合はこのオプションを使うと楽になるでしょう。