Blogger から WordPress(Cocconテーマ)にしてやったこと

ブログ運営
この記事は約5分で読めます。

ずっと Blogger とか無料なブログをやっていたのですが、どうしても WordPress を使ってみたくて試しに始めてみました。率直な感想ですが、まぁ、さすがというか、楽ちんというか、ブログをする環境が整いすぎてて捗りますね。

レンタルサーバーの申し込み

WordPress でブログを始めるなたレンタルサーバーが必要です。どこにするか悩みましたが、僕はドメインが永久無料の Conoha WING (WINGパック)を1年契約で申し込みました。ちゃんと時間を測ったわけじゃない体感ですが、めっちゃ速いです。国内最速と謳ってるだけのことはあると思いました。

ConoHa WINGとは?

ConoHa WINGは、最新の高性能サーバー・超高速SSD・高速化技術を組み合わせた『国内最速』レンタルサーバーです。大量同時アクセスなどの高負荷にも強く、サイトのパフォーマンスに安定性を求める方にも最適です。

SSL(https)の設定

一番最初は http (セキュリティが甘い)のため、これを https (セキュリティ強化)にします。

WAF(Webアプリケーションファイアウォール)の設定

初期設定ではカスタムHTMLに<script>タグが利用できないため、利用(除外設定)できるようにします。

ads.txtの設定

Googleアドセンスの合格後に設定します。

ads.txt(アズテキスト)とは、サイト運営者が認定した販売者(Google AdSenseなど)を通してのみデジタル広告枠を販売する仕組みになり、不正な広告販売などを防止することができます。

https://support.conoha.jp/w/adstxt/

Blogger から 記事を移行する

Blogger から WordPress へ記事を移行しました。移行にはプラグインを利用しました。もちろんそのままちゃんと移行されるはずがなく、パーマネントリンクを含めすべての記事を手作業で修正しました。ゴミみたいな記事も多いんですが、削除できませんでした。

Google アドセンスの申請

Blogger から記事を移行してすぐにGoogle アドセンスの申請をしました。レイアウトが崩れていたりパーマネントリンクも日本語とか色々おかしい点もあったと思いますが、作業しながら2週間ぐらいで審査が通りました。あれが無いからダメとか、どうのこうの考えずにとにかく作業して待っていればOKですね。

外観の設定

現時点では Coccon(コクーン) を利用しています。カスタマイズ不要ぐらい最初から色々な機能が詰まっています。Blogger ならまず、カスタマイズする方法を調べるところから始めないといけないので、全然違いますね。外観テーマ から設定します。

子テーマを選択する

テーマは Cocoon と Cocoon Child がありますが、Cocoon Child を有効にしてカスタマイズします。こうしないと、Cocoon に更新があるとカスタマイズ内容がすべて消えてしまうためです。最初はわかんなくて、ずっと Cocoon の方を弄っていました。

サイドバーで目次をスクロール追従させる

スクロールしてもサイドバーで目次が固定表示されるやつです。外観ウィジェット から目次をサイドバースクロール追従で追加します。

Cocoonの設定

1ページに表示する最大投稿数を設定する

設定表示設定 から1ページに表示する最大投稿数を設定します。

自分自身のアクセスを解析対象外にする

Cocoon 設定アクセス解析・認証 からサイト管理者も含めてアクセス解析するのチェックを外します。これで、自分自身のアクセスを解析対象外にできます。

外部サイトのリンクの場合、アイコンを表示する

Cocoon 設定本文 から外部リンクの右部にFont Awesomeアイコンを表示するか。のアイコンの表示にチェックを入れます。これで、外部サイトのリンクの場合、アイコンが表示されるようになります。

例:https://www.google.co.jp/

ソースコードをハイライト表示する

Cocoon 設定コード からソースコードをハイライト表示にチェックを入れます。これで、ソースコードがハイライト表示されます。

<html>
<body>
:
</body>
</html>

トップページを2列の記事で表示する

Cocoon 設定インデックス からカードタイプを縦型カード2列に変更しました。これでトップページに2列の記事で表示されるようになります。

関連記事を4列の2行で表示する

Cocoon 設定投稿 から関連記事の表示タイプを縦型カード4列(推奨表示数:4, 8, 12…)に変更しました。そして、表示数を 8 に変更しました。これで関連記事が4列の2行で表示されるようになります。

アドセンス表示方式をアドセンス自動広告のみ利用にする

Cocoon 設定広告 からアドセンス表示方式をアドセンス自動広告のみ利用に変更しました。これで、自動でいい感じに広告表示されるようになりました。

おわりに

いったんここまで。今後も追加していきます。

コメント

タイトルとURLをコピーしました