あけましておめでとうございます。
昨年をいろいろ振り返りたい思いはありますが、
とりあえず本年一発目のエントリです。
昨年Degital oceanのVPSを契約しましてゲーム日記など細々書いています。
プレイ中の画像も載せているのですが、サイズが小さく拡大機能もないのでちょっとデザインを変更することにしました。
とは言っても本番一発勝負は怖いのでローカル開発環境を作ります。
Wordpressの複製はいろんな方法がありますが、Duplicatorというプラグインが簡単そうだったのでこれで複製することにしました。 design-plus1.com
まずはSnapshot取得
プラグイン入れるので万一の際戻せるようにSnapshot取っておきます。 手順に沿ってマシンをHalt。
Snapshotボタンをポチ。
これで完了。(リストア試験ができていませんが、マシンが一機しかないのでそのときが来るまで放っておきます)
ローカル開発環境
帰省中に弄くっていた買ったばかりのノートPC上に作ります。
ローカル環境は
で一発で構築します。
VPSがUbuntuでローカルがDebianというインフラ屋にあるまじき環境の作りですが、 プラグインの導入手順が確認できればよいので今回はこれでいいことにします。
Duplicator インストール 本番機
プラグインからDuplicatorをインストール。 インストール後、Create NewでArchiveを作成します。
Archve作成後はinstaller.phpとzipファイルをダウンロードします。
Duplicator インストール ローカル機
ローカルのWordpressにも同じくDuplicatorをインストールします。 インストール後は本番機からダウンロードしたinstaller.phpとzipファイルをローカルWordpressのパスに配置します。
配置後はブラウザからinstaller.phpにアクセス。 Duplicatorの画面が現れます。 フォームに沿って入力。
DBの接続もOKです。
サイト名も変更できるので、間違えないように -local- という名前を足しておきます。
あとは開発環境にログインしてみます。
OK!クローンができました。
ローカル環境をいじる
アクセス解析してみようとJetpackも入れたのですが、サーバのクローンだとマスターのサーバしか使えないみたいですね。 まあいいでしょう。
- 画像サイズ変更
投稿時に画像を中サイズにしていましたが、小さすぎるので大サイズにしました。 HDフルサイズもできるのですが、拡大機能をつけるので大にしておきます。
- 拡大機能追加
画像拡大もEasy Fancyboxというプラグインで簡単にできるそうです。
画像選択時に「メディアファイル」に設定すれば拡大できるようになります。
すごい仕組みですね。どうやっているんでしょうか。
JavaScriptがどうのってどこかに書いてあった気がしますが、時間があればソースを見てみようと思います。
というわけで本番機の画像周りを変更しました
ローカル環境の変更いじりらへんは割愛しまして、
そのまま同じ手順で本番機の変更を行いました。
GTAオンラインというゲームの物件サイト購入画面なんですが、拡大して見れるようになりました。
最近のゲームはゲーム内にもウェブがあったりと非常に凝ってます。
ちなみにこの時飛行機格納庫を購入しましたw
拡大できるようになるとブログの振り返りが楽しくなりますね。
長いこと直したかった画像周りをようやく直せました。
この時同時にHTTPS化もしたので、その辺は次回書きたいと思います。