タグ: web制作

AWSのCloudFrontに既存のWordPressサイトを組み込ませる

ここみててなるほどと思ったので試してみた。

WordPressサイトをCloudFrontで配信する
http://qiita.com/Ichiro_Tsuji/items/38592e737257cb45ca13

で、
AWSのCloudFrontに既存のWordpressサイトを組み込ませるのにちょいと試行錯誤してみた。

目標：現サイトのドメインでcloudfrontに接続させる。

現サイトはsub.hoge.comとした場合の流れ。

  1. httpconfのVirtual Hostから、ServerName”sub.hoge.com”を”sub-cloud.hoge.com”に変更
  2. serverをリスタート
  3. Route56のhostzoneに”sub-cloud.hoge.com”を追加、EC2のIPを指定
  4. wordpressのsite URLを”sub-cloud.hoge.com”に変更
    先のURLではhomeURLも変更とあるけど、変更したらログインできなくなったのでそのままでやってみている。
  5. cloudFrontのオリジンに”sub-cloud.hoge.com”を追加
  6. cloudFrontのCNAMEsを現サイトの”sub.hoge.com”に変更
  7. Route56のhostzoneに”sub.hoge.com”をエイリアスに変更、cloudFrontのDomainName追加

これでとりあえず稼働中。
爆速や！

横スクロールが必要なデカイ画像のときに重宝したjQueryプラグイン

どうにもこうにもでかい画像にイメージマップ仕込むといううことになって、
スマートフォンならピンチなりで拡大したりドラッグできたりと、直感的な操作ができるけど、
PCだとキーボードとマウス組み合わせて動かさなきゃなので使いづらいことこの上なし。
なんかええ方法ないかいなと探っていると見つけた。ドンピシャ。

【JavaScript】ドラッグ可能な横スクロールを実現するkinetic.js【プラグイン】
http://davetayls.me/jquery.kinetic/

開発元はこちら。
http://www.p-nt.com/technicblog/archives/140