はてなブログから移行して、WordPressでやるべきこと

345f4150e34336512edbbf8fd6b8cbe0.jpg

スポンサーリンク

「はてなブログ」から「WordPress」へ移行する方法として前に書きました。その続きでやらないとダメだなってことをやっと終了したので、やったことを書いていきたいと思います。

はてなブログからWordPress(ワードプレス)へ移動の方法

2016.01.02

やるべきことは

ブログのテーマ「ハミングバード(Hummingbird)」でのやり方に特化しているところもあります。

  • 最終更新日の設置
  • アイコンの作成
  • 記事の修正(リライト、画像リンク、内部・外部リンク)
  • QRコードの設置
  • 旧ブログの削除

以上の5点です。

最終更新日の設置

最終更新日とは、ブログを投稿した後に、リライト、要は修正をした日を表示させることです。この最終更新日を表示するのは結構大事だって、見かけていたので設置しないと!って色々調べて設置しました。アイコンで公開日や最終更新日をアイコンにしたいんですが、その方法は文字が入っているところに画像をリンク設定すればいいのかなぁと思ってます。とにかく表示が大事だろうと。

ぼくが知っている限りで、ブログテーマの「ハミングバード」を利用しているブログでは表示している人はいません。テーマの編集するところが四苦八苦して苦労したところです。

2016 01 24 3

↑こういう奴です

 

まずはテーマの編集が出来るようにしないといけないということ。ココがつまづきました。詳しく書いてないから意味がわからないところが多かった。ではやり方です。

ダッシュボードから「外観」→「テーマの編集」→「単一記事の投稿(single.php)」と進みます。

最初は「単一記事の投稿(single.php)」というのが出ていません。(もちろん子テーマでの編集です)ここは、レンタルサーバーの方で親テーマのファイルを子テーマにコピーしないといけないんです。

エックスサーバーでの設定

「ファイルマネージャにログイン」→「自分のブログのドメイン」→「public_html」→「wp-content」→「themes」→「hummingbird」→「single.phpにチェックをつけてから」→「右側にある『編集』」

ここで出てくるコードをコピーして、テキストへ貼り付けて名前「single.php」で保存します。

エックスサーバーの先ほどの続きで戻って、「humming bird」を選んだところを「hummingbird_custom」をクリックします。その場所へ先ほど作った「single.php」をアップロードします。右側の[ファイルアップロード]のところで、「ファイルの選択」→「自分のパソコンのローカルから『single.php』を選んで「アップロード」で終了です。

これで「単一の記事の投稿(single.php)」をWordPressから編集できるようになります。

ダッシュボードから「単一の記事の投稿」までいって開いてください。その中から

というところを探してください。そこを変更します。ぼくの場合は

こんな感じで書き込みました。今は「Webフォント」を使用しています。

参考にしたサイトです

WordPressの記事に自動的に最終更新日を表示させる

今は下記サイト内のずっと下にある「Webフォントは「icomoon」で設定してね」というところで「Webフォント」を使用しています。

「note」で役立つ小ワザ紹介! Webフォントも作ったよ!(随時更新) | ヨッセンス

アイコンの作成

アイコンはファビコンを作成したのを元にリサイズした感じです。こちらは「Procreate」で作りました。

Procreate
720円
(2016.01.25時点)
posted with ポチレバ
Procreate Pocket
360円
(2016.01.25時点)
posted with ポチレバ

記事の修正(リライト、画像リンク、内部・外部リンク)

これが一番時間がかかりました。リライトも初期の恥ずかしい記事は記念に残しておきたいなーとそこまで修正しませんでした(笑)いやぁしかし、不得意な文章でも続けていると成長するもんだと確認できてよかったです。毎日更新しているのが、ぼくでも目に見えて分かるのがいいですね。

画像リンクはWordPressからでも「はてなフォトライフ」にリンクされているので表示されています。でもこれは画像をワードプレス側のサーバーへアップしてリンクし直した方がいいなということで、全部修正しました。

合わせて、内部リンクと外部リンクも修正しました。これは「はてなブログカード」で表示していたので、全部リンク切れになってて、最悪な状況になってました。この状況だったので早く修正したかったんですが、8ヶ月分の記事はやっぱり多かった(泣)仕事終わって、ブログ更新してからちょくちょくやって二週間くらいかかった。

QRコードの設置

設置するか迷ってたんですよ。でもパソコンで見ている人が、スマホでもみたくてスマホへ登録したいとなったときに、QRコードがあれば楽に登録できると思い設置しました。それも「Twitter」と「feedly」も登録出来るようにと作って設置しました!

QRコードがこんな感じで出来るってすごいなと

Pcsite qrこれがパソコンのサイトです。
Twitter qrこれがTwitterのフォロー。
Feedly qrこれがfeedlyの登録です。

 

このように簡単に作れるサイトがあるのでリンク貼っておきます。オリジナルでかっこいいデザインを作ってみてください。

作成したサイトです。

Design QR Code generator – Free
Your free design QR Code is just a click away. Create QR Codes, learn about this technology and get the best from it (high-definition, analytics, management, etc.)

参考にしたサイト

簡単作成!オリジナルのイラストなどのデザインQRコードを作ってみた。 | Go-Nextブログ
人とは違うQRコードを使いたい!デザイン性豊かなオリジナルのQRコードが簡単に作れちゃう「デザインQRコード」の簡単な作り方をご紹介します。これでサイトのQRコードを作れば「こいつ、ただもんじゃない!?」と思わせられるかも!?名刺に使うも自由!用途はあなた次第!

旧ブログの削除

2〜3日中に削除予定です。やはり旧ブログにあるものは、このブログでの検索には出てこないみたいなんですよね。「GoogleAnalytics(グーグルアナリティクス)」での検索流入を見てみても、今まで検索ワードから来てくれていたけど、今は検索されても訪問されていない。これはブログ削除しないとダメだろうから削除します!

旧ブログは残っているので、リンクしてあれば表示が出来ますが、削除するにあたってリンクしていただいている方は変更してください。リンク切れとなるのでよろしくお願いします。

301リダイレクトが出来ていれば削除する必要はなかったんですが、仕方ないなぁと。ぼくも勉強不足ですが、旧ブログを削除したからといって、検索したときに旧ブログにあった記事が、新ブログの方で表示されるかどうかは分かりません。ここは諦めるしかないかなぁというところです。

まとめ

これでやっと落ち着いてブログの更新が出来ます。今後の目標は

  • モブログ
  • 「https」化

これにチャレンジしてみようと思っています。モブログのアプリはすでにインストール済みです!WordPressに移行してみて思ったのが、色々と出来て楽しすぎます。設定とかできたときの達成感は気持ちいい。他の方も言っていますが、カスタマイズに時間をかけてブログ更新が出来なくなるということがスゴく分かりました(笑)

ぼくがWordPressに移行した理由の一つが、記事更新の早さというのもありました。これがどうなっているかというと、時間的には変化はありません。でも、記事の文字数は多くなって内容は濃くなっていると思います。特に画像を使う記事、観光スポットや飲食店の紹介記事が書きやすくなりました。

これだけみても、WordPressへ移動したかいはあったなと思います。移行して一ヶ月、アクセスは察してください(笑)また1から焦らずやっていきます。これからも読んでいただければ嬉しいです。ずっと読んでいただいている方、ありがとうございます。今後ともよろしくお願いします。

ゆるくいこー。

参考になればシェア、フォローしてくださいませんか?

スポンサーリンク