東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

デザイン事務所ダウンアンダー

営業
10:00-
19:00

サザンオールスターズのコピーバンド「いとしのエリーズ」公式サイトリニューアル。

いとしのエリーズ公式サイトを全面リニューアルしました。

http://ellies.jp/

たいへん活動が活発なためあまりにも拡大しすぎ、構造やコードやらがグチャグチャになり、ここで一度見直すべきと判断しました。

公開投稿数191。公開画像・音声数4088。

これを手作業でデザイン変更・・・なんてことはできません。3年ほど前にCMS(コンテンツマネージメントシステム)であるWordPressを使って作り直していましたので、今回はテンプレート差し替えです。

  • 全体のレイアウトを2ペイン→3ペインに。
  • 合わせて表示領域を900px→1000pxに。
  • メインコンテンツスペースを600px→480pxに縮小。
  • 各ページにランダム表示される写真を最新の物に。
  • SNSボタンを整理。
  • 「ピックアップ」コラムを新設。
  • 段落のヘッダデザインを変更。
  • Q&Aページを新設。
  • メディア掲載情報ページを新設。
  • 文字を全体に大きく。
  • リンクを明確化。

コンテンツ自体はデータベースを引き継ぎ。

自動でやってくれないのは、投稿毎に埋め込まれた画像のリサイズです。

サムネイルや中・大画像はRegenerate Thumbnailsというプラグインでできます。

例えばa.png(1200x800px)という画像は

  • a.png(フルサイズ)
  • a-600×400.png(大・Large)
  • a-300×200.png(中・middle)
  • a-150×150.png(サムネイル・Thumbnail)

というファイル名で管理されています。

本当はa-large.pngとかになっていれば、メディアサイズを変更しても「埋め込み画像の差し替え」をやらなくても済むのですが・・・Regenerate Thumbnailsで作られる新ファイルはa-480×320.png(大)です。よって、記事中の埋め込み画像は手作業で差し替えなければなりません。

よって古い記事の画像は放置状態です。古いのを全部対処しようとすると、いつまでたっても公開できせんからね。

最近はCSSの疑似クラス「:nth-child()」に対応したブラウザがほとんどなので、テーブルやページトップのHタグに余分なクラス設定をしないですむようになりましたので、たいへん助かります。

これでまた2〜3年は破綻せずに、バリバリと記事を追加できます。

最近は仕事でも「サイトリニューアル案件」が増えているので、いい勉強にもなりました。「移行できること・できないこと」の見極めとかね。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 こちらの記事も読んで見ましょう

サザンオールスターズのコピーバンド「いとしのエリーズ」公式サイトリニューアル。 東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

Copyright©デザイン事務所ダウンアンダー,2013 All Rights Reserved.

ページ先頭へ