Steamer Lane StudioWORKS

Weekday Surf Report

works Weekday Surf Report
2012年03月アップ

  • CMS
  • MovableType
  • レスポンシブデザイン

Weekday Surf Report非商用パーソナルサイト。
元々DreamWeaverでこつこつ作成・ページ加増を行なっていましたが、CMS(MovableType=以下MT)を利用し更新などの手間を減らし全体のコンテンツ・ページ管理を簡便にしたものです。

カテゴリー・ページが多い事からMTの親子サイト機能を使い本サイトと各カテゴリーをそれに連なる子サイトという形でシステム構築。
また運用・更新作業を簡便にするためプラグインの導入はもちろん、MTのシステムファイルのカスタマイズなど機能拡張を施しています。

コーディングはhtml5+CSS3、写真などのメディアを見せることをコンセプトとしているので、余白を極力無くすデザインを採用。
スマホ・タブレットでの閲覧を容易にするレスポンシブデザインを採用したマルチデバイス対応。デバイスによる文字の読み辛さなどを解消しています。

aMTのカスタムフィールド+クロムレスプレーヤーにより、YouTube動画を投稿時に動画IDを入力するのみでコントロール可能な背景動画化とするなど、+αの機能も追加。
スマホなどブラウザ上でYouTubeを閲覧できないデバイスに対しては、条件分岐によりサムネール表示からプレイヤーの起動を行えるよう配慮。

あくまでも一個人のパーソナルサイトということから「検索上位といったことには一切拘らない」ものの、情報の提供というホームページ性格から最低限の内的SEO対策など(OGP=オープングラフプロトコル・構造化データ設置・ターゲットへの対象検索キーワード選定と適所配置)も施してあります。

weekdaysurfreport.com >