感想WordPressに移行した理由。前からはてなブログからの移行を検討していました。主な理由が「デザイン」と「テーマ」、「コンテンツの周遊」です。デザインはてなブログでデザインを弄ろうとすると、CSSやらJavascriptやら、後付けで記入していかなければなりません。見出しのデザインがH3,H4,H5、更新履歴表示のためのスクリプト、広告非表示のためのスクリプト、記事下のSNSアイコン、グローバルナビゲーション...。やっていろいろ記入した結果、カスタムCSS等のスクリプト記述欄は膨大な行数を抱えてしまいます。何か変更したい時、その膨大なスクリプトの中から、該当箇所を消してリライトして...って作業がものすごく大変!JavaScriptやjQueryを何か所も実装したいときもありましたが、競合するのかなんなのか、うまく動かなくて諦めるということも。はてなで快適かつ自分の目指すブログデザインを実装するには、そこそこのWeb制作知識が必要だと思い知りました...。私の付け焼刃かつ古いWeb知識では、全く太刀打ちできなかったです。膨大な時間が消えちゃう。テーマそんなはてなブログでの悩みを解決してくれるのが、WordPressのテーマだったんです!自分が「こうしたい!」というポイントが、大体テーマ内で完結してくれます。スクリプトを自分で記述することなく、大体のカスタマイズができるテーマが存在します。WordPressのテーマは、無料のものから有料テーマまで、数多く配信されています。私ははてなブログから引っ越しするにあたって、有料テーマの購入を決めました。――DIVER多くのブログさんが使っている”JIN”や”SANGO”も見て回ってはいたのですが、DIVERの清潔感のあるきっちりさに一目惚れです。ブログ記事が増えてきたらトップページをカテゴリごとの新着にしたいと思っているので、最初から実装できるとわかっている(Demoサイトで実装されている)のも嬉しいポイントです。他の有料テーマと比べても割と高価です。アップデートで追加料金が必要ないと明言されていること・サポート体制が整っていること・何サイトでもテーマを使用できること、この3点を考えると最終的にはお安いのかもしれませんが、今の段階では何とも言えません。前のブログデザインでは、気合い入れて書いたつもりの記事も、記事が増えると埋もれて見てもらいにくくなっていました。はてなブログでは関連コンテンツが公式で実装されていますが、関連具合が謎な記事が選ばれていたり、間違いなく関連しているコンテンツが一覧になかったりと、仕事しているか微妙です。記事を見に来てくれる方がいるのに、次の記事への導線が作りづらかったんです。自分で一つ一つ関連記事設定するというのも手段の一つですし、そんな風にしてコンテンツ同士を結びつけられている方もいますが、デザインが気になってしまいました。このテーマは入れただけでもいろいろな記事を掘り出してくれるので、大変助かっています。引っ越し準備編:最初からやっておくべきこと。はてなブログ時代からこれだけはやっておけ!ということ。記事のURLをカスタムURLにしましょう!逆に、カスタムURLを使わないのであれば、全てデフォルトにしましょう。カスタム・デフォルトURLが入り混じった状態が一番面倒です(経験談)。はてなブログでは、デフォルトのURLが【.../entry/西暦/月/日/時間】に設定されています。何が問題かというと、WordPressではカスタムURL部分に”/”を用いることができないということです。プラグインで”/”を使えるようにしても、全記事のURL変更が必要になります。記事をインポートした時点で、”/”がハイフンに置き換えられてしまうためです。URLに大文字を使わないようにした方が良いしょう。はてなブログではURLの大文字を認識してくれましたが、WordPressはどうやら小文字のみ対応のようです。URLの大文字と小文字は区別されるため、はてな→WP移行後は別URL扱いになります。】を導入してみたものの、私の環境ではうまく動きませんでした。このプラグインを使うことで後々不具合が起こる可能性もあるので、使用は自己責任でお願いします。カスタムリンクが一番いいです(教訓)。引っ越し準備編2:サーバー選び。WordPressに移行するにあたって避けて通れないのがサーバー選び。私はエックスサーバーとロリポップで迷った結果、ロリポップを選びました。エックスサーバーは早い・安定している、と多くのブロガーさんたちが大絶賛していますが、私のこのブログの規模だと、まだロリポップのスタンダードプランで充分だと判断しました。エックスサーバーはもっとPVも規模も大きいブログ向けかなあと。ぐはバズったこともないですし、毎日のPVが~万とかそんなの夢のまた夢です。月間PVも3000程度ですから、アクセス過多での表示遅延とかは気にしなくてよいと考えました。毎月のコストもはてなProの半額なのが嬉しいです。(6か月以上の長期契約から1月500円、1・3か月は1月600円)ロリポップではWordPressをライトプラン(300円)から使用可能ですが、スタンダードプランからは高速なWordPressが使用可能ということで、スタンダードプランを選択。どのように高速なのかはわかりませんが、ページの読み込みが遅くなればなるほどユーザービリティが低下するので、最低限の速さは確保したいところです。ライトプランはデータベースが1つなのに対し、スタンダードプランは30個使えるので、複数WordPressを作りたい方にとってもスタンダードプランが必要でしょう。私の場合は複数サイトを運営するわけではありませんが、移行作業・デザイン確認にテストブログを作るため、複数のデータベースが必須でした。ロリポップはWordPressの簡単インストール機能付きで、サイトを立ち上げるのはとても簡単でした。必要事項(ログインID/パスワード等)を記入するだけで、後のものは自動でインストールしてくれます。FTPサーバーに触る必要はありません。アクセスが増えてきたら、またサーバーの引っ越し考えればいいや!と思っています。はてなブログから移行するよりは簡単でしょうし。移行後リライトが必要なもの一覧。はてなブログで設定していた目次([:contents])の削除はてなブログカードを用いて貼っていた、内部リンクの置き換え「H3→H2」、「H4→H3」、という風に見出しを一つずつ繰り上げるアイキャッチの設定し直しタグ設定(お好みで)はてなブログ時に設定していた目次は、WordPressではただのジャンプになってしまいます。WordPressで目次を表示したい場合、プラグインを導入することで自動的に挿入されるようにします。はてなブログの内部リンクは、idとhatenablogのドメインでURLが指定されているため、はてなブログ記事を消した後は404になってしまいます。私はWordPressの埋め込みでリンクを挿入しなおしました。変則的なことに、はてなブログは記事内見出しがH3から始まります。記事タイトルをH1、次の大見出し(記事内)をH2...とするのが一番いい形とされているので、できることなら全て置き換えた方が良いです。テストサイトでURL変更やリライト作業を行った後、本番サイトを作成という順番で行いました。テストサイトでの作業中は新規記事は書けないものの、普段通りはてなブログを公開しておけるので、ゆったりと作業ができます。Permalinksを導入するのもアリ)表示崩れ等ないか確認後、データをエクスポート:ツール→エクスポート→全てのコンテンツここまではのんびり作業してください。ここから先はスピーディーに行う必要があります。サーバーに独自ドメインを登録ロリポップの場合はこちらの公式サポートが参考になります。独自ドメインをサーバーに登録できたら独自ドメインにWordPressを新規インストール管理画面【http://独自ドメイン/wp-admin/】へログインパーマリンク設定をカスタム構造に:設定→パーマリンク設定→カスタム構造【/entry/%postname%/】テストサイトに導入したプラグインを導入・有効化させる(サイトを非公開にするもの以外)テストサイトからエクスポートしたWordPressデータをインポート:ツール→インポート→WordPress注:WordPressの管理画面にログイン可能、あるいは接続が安定するまで時間がかかる場合があります。移行完了!お疲れさまでした!これで移行完了です。サイトのURLを入力して、どの端末からも完全にWordPressが表示されたらオッケーです。それまでははてなブログを公開させたままでもよいと思います。いうのも、ネームサーバーがしっかり書き換わってくれるまで少々時間が必要になります。いくらドメインでネームサーバーを変更したからといっても、すぐには周知してくれないんです。ネームサーバーの変更が上手くいっているか不安な方は、nslookupでDNS情報を取得してみるのもいいかもしれません。(私もやりました)この書き換え(浸透)の間は旧ブログが独自ドメインに表示され続けるため、旧ブログを非公開にしてしまうと403エラーが出てしまいます。機会損失が大きいので、移行する時間帯にも注意を払ってください。私は深夜1時頃からドメインのネームサーバーを変更し始め、ひと眠りして朝7時に全ての移行作業を終えました。私の場合、パーマリンクにスラッシュが使えるようになるプラグインが上手く作用しなかったため、多くの記事のURLを変更しました。URLを変更した記事の中で、継続的に検索からの流入がある記事があり、さすがに勿体ないのでリダイレクト処理を施すことにしました。これもプラグインで簡単に実装できるのがありがたいです。https://ja.wordpress.org/plugins/redirection/設定は簡単で、プラグインを有効化した後【ツール→Redirection】より【転送ルール】を選択。ソースURLを旧アドレス・ターゲットURLを新アドレスにして追加すれば、あっという間にリダイレクトの用意が整います。今回私は、検索からのアクセスが多い幾つかの記事のみリダイレクト処理をするように設定しました。Insightsにかけてみると結果がひどい!原因の一つに画像のサイズが大きいということが診断でわかったため、アイキャッチ画像を横幅最大300pxのものに縮小しました。読み込みはだいぶん改善された様子です。一つ・読み込みが遅い原因の”レンダリングを妨げるリソースの除外”については、何をどうしていいかわからないため、今は置いておこうと思います。追記(12/21):DIVERテーマ作者さんにスマホサイトの読み込みのスピードを改善するにはどうしたらよいか、と尋ねたところ、テーマ側でスピードアップできるよう調整してみます、とのこと。アプデを待つしかなさそうです。サイトのSSL化はてなブログ時代にSSL化作業を終えていたため、SSL化に伴うリライト作業はありませんでした。ロリポップの管理画面で、【セキュリティ→SSL化】からwww.chiyolog.comとchiyolog.comのSSL化を有効にするだけで完了です。※初めてSSL化する場合:SSLを有効化するのは簡単なのですが、サイト内のリンクが全て"https"の形になっているか確認する必要があります(本文・ソースを含む全て)https化した後、httpとhttps両方で同じページに接続できるかチェックしてください。上手くリダイレクトされなかったら、.htaccessファイルにスクリプトを追加する必要があります。WordPressを立ち上げた当初、"www.chiyolog.com"と"chiyolog.com"が別URL扱いされてしまっていました。これでは困るので、ググります。ロリポップサーバーの場合、こちらのサイトが大変参考になります。Scriptファイルを弄ることなく、WordPressの設定画面からURLを"chiyolog.com"から"www.chiyolog.com"に変更するだけで正規化されました。今回は.htaccessを弄らなくて済みましたが、ロリポップ以外のサーバーだと、.htaccessにスクリプトを追加する必要がある場合があります。思っていたより手間がかかりました!はてな→WordPress間の移行を代行してくれるサービスがあるらしいのですが、今回のような移行作業なんて何度もやるものじゃないし...と思い、自分で挑戦しました。いい経験にはなったのではないかなと思います。代行の方が楽なのは間違いありません。私はこのブログに対する愛が深まったので吉。WordPressへの移行は11月くらいからぼや~っと考えていたのですが、まさかこんな突発的に移行するなんて自分でも思ってもいませんでした。WordPressの有料テーマをぼーっと眺めていて、DIVERに出会った瞬間購入キメてましたもの...。買うなら○○かな~とかそういう緩い気持ちじゃなくて、「これだッ!!」っとピンと来るものがありました。自分の記事を見直すいい機会にもなりました。昔の記事を読んで、もうこれ下書きに戻したほうがいいやつだ...と嘆いたり、リライトすればまだ見れる記事になる!と希望を持ったり。過去記事まで掘り返して見やすいブログになったのですから、できるだけ読みやすくまとまった記事を残していきたいです。雑記の関連記事ゲームするための体力が欲しい2019年4月10日アコースティックギターに挑戦し始めました。2019年1月17日お名前.comでドメインをもらったけれども、すでに解約したい2019年1月6日2018年、買ってよかったもの。2018年12月21日WordPressのGutenberg(新エディタ)の雑感。2018年12月19日らくがきが楽しい。2018年11月16日2019年は手帳を感情ログにします。WordPressのGutenberg(新エディタ)の雑感。ゲームPrismata、やりませんか。2018年10月25日PC【BTO】ゲーミングPCが届いて使ってみた話【サイコム】2018年4月3日ゲームWitcher3プレイ日記―志願兵。雑記はてなブログからWordPressへお引っ越し。2018年12月19日エッセイ先に物語の結末を知りたい、それは――ネタバレ歓迎派の心情2018年12月24日PCG910rを半年使ってのレビュー。私は「物語」に感情を揺さぶられることが怖いのです。自分ではない何かが入り込んできて感情を搔き乱すような思いをしたくない。物語を読むとき...雑記GoogleAdSenseに通りました!通過時の状況まとめ。思い立ってGoogleアドセンスに申し込んでみたら、あっさり承認されてしまいました。3を少しずつ進めています。ヴェレンとノヴィグラドの境目がいまいちよくわかっていませんでしたが、オクセンフルトもノ...PCゲーミングチェアを使ってみて。今回はDXRACERの”DXR-BKN”を『使ってみた』というレビューエントリーになります。投稿されたWitcher3プレイ日記―手がかりを追って。投稿されたWitcher3プレイ日記―リアドン家の衰退。投稿されたG910rを半年使ってのレビュー。投稿されたProfileChiyoゲームを積むのが趣味。大好きなアーティストはポルノグラフィティ。Twitterでも好き勝手ゲームについて呟いています。雑記エッセイお問い合わせ。