期間工の道

20代♂現役マツダ期間工(一年目) 期間工で借金を返済し人生をリセット!そしてやりたい事をやって生きていく!そんな道のりを日々書いています。

シーサーブログからはてなブログproへ移行後やった事 まとめ

どうも!コウです!
この二日間、期間工にとって何よりも大事な休日の疲労回復という仕事を一切せず、ずっとはてなブログをいじり倒してました

おかげで、私的には満足できる見た目と中身のカスタムになりましたので自分用のメモがてら何をしたのか書き残しておこうと思います
これから引っ越しを考えている方や、すでにはてなブログを運営している方にも参考になれば幸いです

 

シーサーブログからはてなブログへ移行後やった事 まとめ

引越し作業編

引っ越しのやり方は詳しく説明してくれてるサイトがあってスムーズにできました
今回の私の場合は

・シーサーブログで独自ドメインを適用して運用していた

・はてなブログproへ移行後もURLを変えたくない

大きな問題はこの2つでした

いくつか問題点も残りましたが、引っ越しは無事完了しましたので参考にしたサイトを紹介しておきます

help.hatenablog.com

help.hatenablog.com

この2つのヘルプで大体の問題は解決できました
特に2つ目ですね、この記事を読んだことがきっかけではてなブログへの移行を決意できましたので
ディレクトリ変更ができたのでURLを変更せずにブログの引っ越しができました
この機能は独自ドメインを利用していて引っ越しを考えている方にはありがたすぎる機能でしたね

というわけで、引っ越し自体はあっさり終了です

問題点は最後にまとめて書きますね

 

設定変更

引っ越しが完了したらまずは設定項目をいじらなくてはいけません
私はゲームを新規プレイする時、必ず最初にオプションをいじります
設定がいじれるなら大体先にそこからやっちゃう性格みたいです
分かる人にはわかるはず?

設定項目はそこまで多くないですが、確実にやったほうがいい箇所もありますのでまだ変更してない人はこの機会に見直してみてはどうでしょう?

参考にさせてもらったサイトは此方です

niche.hateblo.jp

このサイトを見ながら順番に設定していきました
この辺はさくっと終わるので問題なかったです

ちなみに、この文中にサイトを埋め込む機能が魅力的ではてなブログに惹かれてました
見栄えもいいですし、これ便利ですよ!

 

カスタマイズ編

設定変更が終わったら、次はブログのデザイン関連です
ここがものすごく時間かかりました
まぁブログのデザインなんか一回いじりきってしまえばそうそう変えることもないので最初だけの苦労ですよ
私はサイトをいじって見た目変えたりするのが好きなので苦痛ではなかったです
むしろ楽しんでやってましたよ! おかげで休日二日間潰れたわけですが

色々いじったので全部紹介するのは難しいのですが簡単にやった事と参考にしたサイトを紹介しますね

・見た目

まずはここですね
サイトの見た目は超重要なのでかなり力をいれていじりました
とはいっても、優秀なテーマが無料で使用できますので初心者でもなんとかできました

使用したテーマは

Brooklyn

シンプルですがカスタマイズ性が高く見栄えもいいので選びました
難点は人気1位のテーマなので他のブログと見た目がかぶりやすいところですね

ですが、ここはカスタマイズ次第で個性を持たせることもできるのでこのテーマはおすすめです

www.notitle-weblog.com

 

www.style-yry.com

見た目関連で参考にしたサイトは上記の2つがメインです
まず上のサイトはこのテーマの作者さんのページですね
デザイン適用後のカスタマイズ方法が分かりやすく説明してくれてますので、ここを見ながらやればそれだけで十分すぎる見た目と機能になります
神ですね

下のサイトは個性をつけるために参考にさせてもらったサイトです
主に色関連ですね
今回私のサイトは オレンジ色 をメインカラーに設定して、それを中心にデザインをいじりました
結構きれいな見た目にできたので満足しています
まぁ自己満足なんですけどね!

デザインのカスタマイズはCSSをいじらないといけないので難しそうに感じますが、実際はコピペだけで出来てしまうものがほとんどなので初心者でも簡単にできますよ!
難しいのは配色とかどんな見た目にするかを考える事です

センスが問われます

私はそういったセンスが絶望的にないため、大体人のサイトのいいと思ったところを少しづつぱくって作り上げました

盗作じゃないんです、オマージュです

 

あと、アフィリエイト関連でカエレバ・ヨメレバという便利なブログパーツを作成できるものがあって、今まで使用してなかったんですがこれを機にやってみました

www.ituore.com

参考にしたのはこのサイト
色とか少しオレンジ風味にしてみたりしましたが、大体そのままコピペです
まぁ私のブログはまだ商品紹介ページほぼないんですけどね

今後少しづつ書いていこう!

 

HTML関連

CSSで見た目いじったら最後はHTML関連です

便利な機能を追加するものだと思ってください
やったことは

・アドセンスの設置

以上!

いや、他にも細かいものはあるんですが、メインはこれですよ

参考にしたサイトはこちら

uxlayman.hatenablog.com

アドセンス設置関連でやりたかったことはここをみたら解決できました

私の記事を見てもらえれば分かる通りアドセンス広告がしっかり設置されていると思います

記事中に3つ、サイドバーに1つ

これが私のはてなブログでの広告設置数と場所ですね
恐らく変更することはないと思います

最近までアドセンスの設置数は1ページにつき上限が3つだったみたいですが、この上限数が撤廃されたようです
なので、サイドバーにも1つ長細いやつを設置することができるようになったわけですね
まぁ実際サイドバーに設置した広告ってほっとんどクリックされないみたいですけど・・・

私がはてなブログ移行後にやったことは大体こんな感じですね!
結構時間かかりましたが、その分愛着がわきましたのでこれから末永く使用していこうと思います

問題点編

最後にブログの引っ越し編~HTML編までで発生したいくつかの問題点を紹介します

・シーサーブログからの記事の移転をした時に改行タグが一切反映されなかった

これが最大の問題点でしたね
シーサーブログには記事作成中にEnterを打つと勝手に改行タグ<br>を補完してくれる便利な機能があるのですが、これが移転時に反映されずにぎゅうぎゅう詰めの文章になってしまいました

ブログって結構過去記事も見てくれる方が多いのでこれはかなりまずい問題でしたよ
対策は一つ

全記事リライト作業

これ以外の方法が思いつかなかったので地道にやるしかありません
まぁ無理やりポジティブに考えるならば、リライトで過去記事のクオリティが上がるからPV数アップにつながるかもしれない!

あと上記で書いたアドセンスを記事中に自動で設置するようにした時に発生した問題で、今まで過去記事には直接HTMLでアドセンスのコードを書き込んで記事を作成していたのですが、それらの記事にも自動的に3つ追加でアドセンスが設置されてしまったんですよね
これは設置されるのがわかっていながらやったので問題というわけではないんですが

なので、結局HTMLで書き込んだアドセンスを消去するために全記事リライトする必要があったので一石二鳥なのかもしれませんね
まぁ!!ポジティブに考えた場合ですけどね!!
実際は面倒くさいだけです ハイ

後は、CSSをいじっている時に設定がうまく反映されずに手間取ったり
記事作成の編集方法が変わって四苦八苦していたりと

やはり、今まで通りとはいかないですが、慣れればはてなブログのほうが快適になりそうなので使いこなせるように頑張りたいですね!

シーサーブログからはてなブログProへ引っ越してよかったと思えるようにこれからもブログ更新していきたいと思いますので、応援よろしくお願いします