ドメインを5509.meに移転したので、WordPress・リダイレクトの設定メモなど
ようやくドメインを http://moto-mono.net/ から http://5509.me/ に移転しました。ドメインの移転ということで、念のため前のデータは全て残しつつ、htaccessで新しいドメインにリダイレクトしています。その辺のメモ。色々キャプチャ取り忘れたので、画像が全然なくて意味わからないかもしれないです。タイトルにもある通り、WordPressでのデータ移転も含めて書きました。
準備
1. 新しいドメイン（ディレクトリ）にWordPressをインストールしておく
そのままなんですけど、先にインストールしておきます。プレフィクス（テーブル接頭語）は基本的に以前のブログと同じもので大丈夫ですが、同じDBを使う場合はあとあと置換するプレフィクスにしておきます。ここではgogo09_。
2. wp-contentをコピーしておく
テーマとかプラグイン、アップロードした画像ファイルなどもろもろ入っているのでこれもアップロードしておきます。
3. データをまるっとバックアップ
データのエクスポートはWordPress Database Backupで。
Redirectionも使っているのですが、このRedirectionのログがあほみたいに容量（6MB強）が大きかったのでこれだけチェック外しました。
4. プレフィクスを置換する
そもそも違うDBを使う場合はそのままで問題ないですが、今回は同じDBを使っているので、プレフィクスを置換しました。ダウンロードしたバックアップSQLデータをテキストエディタで開いて（シンタックスハイライトはオフにしないと大変なことになります）、一発置換でいいです。
“next_” >> “gogo09_”
データの取り込みからWordPressへの適用
1. バックアップデータをインポートする
プレフィクス置換済みのものをインポートします。インポートはphpMyAdminのImportから行いました。
2. ドメインを書き換える
設定が古いドメインのままになっているので、まずはDBを書き換えます。ドメイン設定は、プレフィクス_optionsに含まれています。
Browseから一覧を表示してsiteurlの項目の値を新しいドメインに書き換えます。
3. WordPressにアクセスする
http://新しいドメイン/wp-admin からWordPressにアクセスします。するとデータが更新されて、中身盛りだくさんなブログになっているはずです。
3-1. 基本設定のWordPressの場所を変更する
上のほうですね。新しいドメインに変えます。
3-2. アップロードファイルを変更する
これも新しいディレクトリに変えておきます。
4. 記事などに含まれる古いドメインを新しいドメインに書き換える
これはSearch Regexというプラグインを使うと簡単に書き換えることができます。
検索するとずらっと出てくるので、Search patternに検索語、Replace patternに置換するものを入れてReplate & Saveボタンをクリックすることで一発置換できます。
ここまでで、新しいドメイン上で今までのデータを持ったブログができました。
(5.) パーマリンクの変更
ドメインを変えたことにあわせて、記事のパーマリンクも変更しました。なんせ長かった･･･
今までのパーマリンク：/%year%/%month%/%day%/%postname%.html
新しいパーマリンク：/log/%postname%
だいぶすっきり！
mod_rewriteを使ったリダイレクトの設定
このままだと諸々登録されている古いブログのほうにアクセスが集まってしまうので、新しいブログへリダイレクトを設定します。htaccessでmod_rewriteの指定を行います。ドメインが変わるので、恒久的なリダイレクトになり、ステータスコードは301を使います。
mod_rewriteの指定方法は「URLの書き換え Rewrite」を参考にしてください。
RewriteRule ([^\/\.]+)\.html$ http://5509.me/log/$1 [R=301,L] RewriteRule index.php http://5509.me/ [R=301,L] RewriteRule ^(feed|about|labs)$ http://5509.me/$1 [R=301,L] RewriteRule ^(tag|category)(\/.*)$ http://5509.me/$1$2 [R=301,L] RewriteRule ^([0-9]+)(\/[0-9]+)? http://5509.me/log/$1$2 [R=301,L]
1行目は、旧記事URLから新しいURLへのリダイレクト。
2行目は、トップページのリダイレクト。
3行目は、ページとfeedのリダイレクト。
4行目は、タグとカテゴリページのリダイレクト。
5行目は、アーカイブページのリダイレクト。
記事URLのリダイレクト
重要なのは1行目なので、そこだけ解説しておきます。たとえば、要素をふわっと表示させる〜のURLは
http://moto-mono.net/2010/04/30/whatinout.html
ですが、新しいURLのルールは
http://5509.me/log/whatinout
に変わります。共通する箇所は太字になっているところなので、この部分を正規表現で取得します。正規表現は
([^\/\.]+)\.html$
になり、（）で取得した部分を$1で取得できるのでリダイレクトのURLは
http://5509.me/log/$1
となります。
にそれぞれなっています。基本的に正規表現が使えるはずですが、チカッパはapacheのバージョンが1.3.xx系だったので \d{2} とかが使えませんでした。
Google Analyticsなど使っているサービスのドメイン変更など
最後に、使っているサービスのドメインを変更しておきます。これが結構多くて大変でしたね。。
それにしても
全部の数字が0とか新鮮ですね･･･なんとなく記念にキャプチャした。
さみしくなんかないよ･･･！
WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for <textarea>
15日のvol.01 ノンプログラマのためのPHP入門はPHPを始めようとしている僕にはとても有意義なものだったのですが、さらに衝撃だったのは、Zen-Codingでした。
前々から存在は知ってましたが、使ったことはありませんでした。使ってみたところこれが超快適･･･！確かにコーディングが3倍速くなるかも知れない。これを知らなかったなんて僕のコーディング人生は何だったんでしょうか。
で、わざわざZen-Codingのよさについて書いたところで意味がないので、Zen-Codingについては以下のエントリ等が参考になると思います。
ブログ記事をHTMLで書いている人に超きっとおすすめ
WordPressの記事をZen-Codingで編集したいなとか話してたんですが、どうやらtextareaでZen-Codingを可能にするライブラリが公式であるんですね･･･そしてこれが素晴らしい出来でブログ記事を書く速さも3倍1.5倍くらいになりそうです。特に技術系のブログを書いてる人には手放せないツールになるんじゃないでしょうか。
以下WordPressに適用して編集した際のキャプチャです。公式サンプルそのまんまで申し訳ないですがそういうことです。
この状態でCmd+E(Ctrl+E)で･･･
このように展開できます。
WordPressに導入する方法
僕はWPユーザーなので、WordPressに導入する方法を書いておきます。ちなみに、ビジュアルエディタは邪魔なのでオフにしておきます。（どちらでもいいですが）
プラグインを使って導入する
【追記】rewさんがプラグイン化してくれました。なかなか登録が完了しないようです･･･
以下は古い内容です。WordPressのバージョンアップに伴って消えるのでプラグインを使ったほうがいいですね。
Zen Coding for <textarea>のダウンロード
まずはソースコードをダウンロードします。
WordPressの管理画面で読み込む
ダウンロードしたら解凍して出てくる「zen_textarea.js」か「zen_textarea.min.js」を適当なフォルダにコピーして
- /wp-admin/admin-header.php
を開いてたぶん69行目辺りが</head>のすぐ上なので、そこで読み込ませます。
わずか2ステップで実装できてしまいました。ただこの方法だと記事編集画面以外のテキストエリアにも適用されてしまうので、それが嫌な人は<?php if(){} ?>か何かで編集画面でのみ適用するようにするといいでしょう。
タグをあまり使わないWordPressユーザーにははてな記法プラグイン
そんなにタグばっかり使わない人にはrewishさん作のはてな記法プラグインがちょうどいいと思います。テーブルなどもどんどん使えますし、こちらもかなり便利です。
リニューアルのポイントまとめ(WordPressプラグイン、HTML5など)
色々と構成やら使ってるプラグインやらを変えたので一応メモ。今回のリニューアルでは実験要素を多く含んでいるので全てのブラウザーをサポートできていません(HTML,CSS的な意味で)。
WordPressの複数アップロード機能が便利すぎる件
Skypeで話をしてて、WordPressの複数アップロードが便利すぎるって言うのを聞いたのですが、、、
そうなんです。この複数アップロード機能がかなり強力で、いくつまで同時にアップロードできるのかはちょっと試していませんが、20くらいはいけたはずです。確かバージョン2.5のFlash Uploaderから実装されてるんですけど、どうやら知らない人も多いのかも？と思ったので、紹介しておきます。
と思ってたらちょうどいい動画がありました。動画は2.5のものですが、それ以降のバージョンでも同じ方法です。もちろん最新の2.8でも使えます。フォトログなどやってる人にはかなり便利だと思いますのでぜひ。
Multiple Image Upload from Len Kutchma on Vimeo.
