WordPress

【WordPress比較】CocoonからJINへのテーマ変更する【メリット・デメリット】

cocoonからJINに変えようか悩む人

無料テーマcocoonから、有料テーマJINにしようか悩む..使いこなせるのか不安…

今日は、そんなお悩みに答えていきます。

結論的に言うと、JINにテーマ変更してめちゃめちゃよかったです

Google アドセンス合格して、「これから加速させるぞ!」っていう方にはピッタリのテーマです。

下記の記事は、Googleアドセンスなかなか受からなくてお悩みの方へ、参考になる内容になっています。↓↓

アドセンス合格関連記事PREP法がGoogleアドセンス合格するための必須スキル

すすむくん

Cocoonにはお世話になりました!無料テーマとはいえないほどの機能で、痒い所に手が届いたなと感じました。

ライオンメディアからの変更で、cocoonに感動していた4週間だったなーと。

その期間の中で、Google アドセンスにも合格できた演技のいい無料テーマでした!

テーマ変更後から1週間

JINは神である

初心者で「初めてWordPressやりたい!」って方や「無料じゃなくて有料にいきなり挑戦したい!」って方にはJINは本当にオススメです。

JIN導入して1週間経ちましたが、デモサイトでの着せ替えがあるので、スタート地点からデザイン定まった状態で、記事書けます。

デザイン凝りだすと、眠れなくなるくらい気になります。「あーしたい、こーしたい」と笑

cocoonの時も、スキンは非常によかったなと言う思いはもちろんあります。

JINの洗練された感はすごいです

JINカスタマイズまとめ6選【SANGO化もあるよ】 こんにちは!あいうえおLIFE(@pledge17uchs)です! JINのカスタマイズをがんばる人 JINのCSSカスタマイズ...

上記にJINで実践したカスタマイズのまとめ書きました。もちろん、この辺は価値観や好みもあると思いますのでご参考までに。

すすむくん

今回はいつものまとめ方と変更して、時系列でぼくの頭の中の発想から順番にJINを導入した経緯を書いてみます!

らいふちゃん

揺れ動く思考回路の中身を聞かせてね。

下記で詳しく解説します。

JINテーマ変更のポイント

手に差す光

下記に5点でまとめました。

  1. 経緯
  2. なぜJINに?
  3. メリット
  4. デメリット
  5. テーマ変更後にすること

時系列で1つずつ解説していきます!

①経緯

上記が「cocoon」時代【スキンはm-tomato】です。

揺れ動く経緯
  1. cocoonになにか特別不満があったわけではない。
  2. 有料版のテーマの世界を見てみたかった。
  3. ブログ関係でググっていると出てくるブログがかっこいい。
  4. そのブログがだいたいJINやSANGO。
  5. カスタマイズも多く紹介してくれているので、『あーいう風にしたい!』と心動かされていった。
  6. Google アドセンスのポリシー違反による30日停止処分がきっかけで、なにか変えてみようと。
すすむくん

こんな感じだったけど、12記事投稿している段階で景気付けにと、誕生日プレゼントにお願いしたんだよね。

らいふちゃん

はじめお願いされたとき、「ちゃんと14,800円元を取れるの?」って思ったけど、自信満々だったからさ。

Google アドセンスに合格できたのなら今後も脈有りなのかもとか思った。

②なぜJINに?

SANGOやAFFINGERと迷ったが、ブログのコンセプトに合いそう。

上記のSANGOさんのようなプロっぽさは不釣り合いになりそう。

そして下記のAFFINGERはカスタマイズできすぎて使いこなせなさそう。

¥14,800-では最高峰レベル

WordPressテーマ 「WING(AFFINGER5)」»

アフィリエイトに特化したWordPressテンプレート

  • テーマ変更後のデザインのカスタマイズなどに追われすぎないようにしたい。
  • CSSなどに追われすぎずともデザイン性のあるブログにしたかった。

という心境はありました。

上記のリンクはJIN公式マニュアルです。上記から「JINを使うとこんなデザインになる!」というのがイメージできます。

これが大きかった
  1. 着せ替えが11種類(2020/03現在)もあって選びやすくデザインしやすい。
  2. スマホで見たときのグローバルメニューのデザイン、メニューボタンのデザイン、目次へ飛べるボタン、トップへ飛べるボタンつけたかった。

③メリット

メリットは7点にまとめました。

  1. スマホでの操作性が上がった(4つのボタン)。
  2. これまではフッターメニューでカバーしていたが、不必要になり、シンプルにできた。
  3. JINブロックが使いやすい。
  4. ブロックエディタでボックスを使うと、プレビューのイメージがすぐわかる。
  5. 高速化プラグイン使わなくても速くなった。
  6. ほかのメリット。
  7. 「ボックスナビにしてみました!」という記事との出会い。

こだわりの4つのボタン

ブロックエディタ使用しつつ、プレビューがイメージできる

高速化プラグイン使わなくても速くなった

定番のWordPress高速化プラグイン

  1. Autoptimize
  2. WP Fastest Cache
  3. a3 Lazy Load  

上記をすべて停止しました。

だいだいこの3つのプラグインは入れてますよね、

JINになったら高速化はとりあえずは気にしなくてもいいかと。

再度言いますが、cocoonの時入れていた高速化のプラグイン2つは、

  1. 有効化していると相性が合わずに表示されない。
  2. 逆に遅くなる。

という理由の為停止しました。

ほかのメリット

「ボックスナビにしてみました!」

「ボックスナビにしてみました!」というJINカスタマイズの記事に出会えました。

  • これはcocoonでもできると思います。

「JIN カスタマイズ」という検索をしてると出会ったので、cocoon時代には突き詰められなかったカスタマイズです。

上記の2つのサイトを参考にCSSやphpとか頑張ると、下記のように「あいうえおLIFEのボックスナビ」が出来上がりました。

※所要時間は2時間くらい(作業遅いなっ)。

④デメリット

cocoonからJINに替えてみてデメリットと思うのは以下です。

cocoonでできていたことがJINの初期設定では出来ないことがありまして、下記に6点まとめました。

少し困ったこと
  1. 記事を読む時間の予測表示がない。
  2. ランキング記事を一発でつくるショートコードがない。
  3. サイトマップを一発でつくるショートコードがない。
  4. サイドバーに人気記事のウィジェット入れても反映されないので、WordPress Popular Postsを入れなければいけない(ランキング表示に向けて)。
  5. ブロックエディタでの蛍光ペンの種類が少ない。
  6. プラグインが増えた。

❹の人気記事ランキングの表示させ方については下記です。

【JIN】固定ページに人気記事ランキングを作るやり方【ショートコード】JINで人気記事ランキング表示ができない!プラグインのせいなのか、仕様なのかわからないけど困ったという人のための記事です。cocoonでは簡単にショートコードでできましたが、JINではプラグインを入れ、専用のショートコードを使うと良いですよ。参考になるので読んでみてください。...

❻のプラグインが増えたことについては下記の3つです。

プラグインが増えた
  1. Customizer Export/Import【着せ替え】
  2. PS Auto Sitemap【サイトマップ作成】
  3. Rich Table of Contents【目次】

※目次を自動生成するプラグインを入れていたのですが、ブロックエディタで【カスタムHTML】で目次と見出しをHTMLのコードで手書きできるようになったので、プラグインを外すことができました。

「目次のプラグインなしでHTML書いて手作り目次やってみようかな。」と思った方は、下記の記事をどうぞ。

関連記事

»【WordPress】目次をプラグインなしで手作りするには?【テンプレあり】

下記はおまけの内容です。↓↓

各カテゴリのアイキャッチ設定のサイズが大きく、使う時は大きな画像サイズを扱わざるを得ない。

横1440px × 縦810pxと、大きいんです!ちょい重くなるのが気にはなる!

※コンテンツマガジンの設定の際など。

らいふちゃん

デメリットといってもさ、cocoonで何気なくできていた【表示や機能】がデフォルトで、すぐには出来なかったからちょっと手間だったくらいでしょ。

プラスに捉えれば、「カスタマイズ」や「産みの苦労」を体感できたってことね。

プラグイン増えましたが、逆に高速化のプラグイン減りました。

⑤テーマ変更後にすること

JINにテーマ変更したあとすべきToDoを10点にまとめました。

To Do リスト
  1. 記事の再装飾(これが一番大変かも)。
  2. 内部ブログカードの設定。
  3. 外部ブログカードは使えないので、Webサービスで代用する。
  4. サイトタイトルロゴを作成と設定。
  5. プラグインの見直し。
  6. カテゴリのアイキャッチ画像設定。
  7. SNS(OGP)の設定。
  8. サイトマップのプラグイン入れる。
  9. 目次のプラグイン入れる。
  10. 固定ページで作っていた人気記事ページは工事中に変更。

③の詳細:外部ブログカードは使えないので、Webサービスで代用するは下記のサイトです。

すすむくん

記事の再装飾は大事。

記事数がすでにたくさんあると大変だと思うので。

WordPressテーマを変更するなら記事数が大量にならないうちに決断しよう!

JINがしっくりきたらすること

やることはTODO

しっくりきたらすることは下記の4つです。

  1. 再装飾を終わらせつつも、見やすくレベルアップした記事にする
  2. 役に立つ記事を増やす
  3. SEOの上位表示(テーマ変更のメリットでもよく見かけたがまだ実感はない)を目指す
  4. Google アドセンスの回復を待ち、クリックしたくなるブログではなく、読んで楽しい、為になるブログを運営する
らいふちゃん

④はすすむくんの問題だね。

まとめ|JINは便利良すぎ

MacBook持つ女性

好みや、ブログのイメージもあるので、テーマ変更による良い悪いは人それぞれですが、「初心者はJINがおすすめ」と下記にまとめておきます。

初心者はJINが良い
  1. 高速化プラグイン使わなくても速くなった。
  2. 増えるプラグインもあるけど、減らせるプラグインもあります。
  3. スマホでの操作性が上がった(4つのボタン)。
  4. フッターメニューの必要ないくらい誘導パターン組み込める。
  5. JINブロックが使いやすい。
  6. モバイルフレンドリー満載で居心地がとてもいい。
  7. カスタマイズ性が広いので楽しい。

それでは、今日はここまで読んでいただき、ありがとうございます。

JINの関連記事JINとTHOR【ブロックエディタ】どっちが使いやすい?【WordPress比較】

\ LINE@質問し放題 /

最短・最速で脱プログラミング初心者|Skill Hacks(スキルハックス)

プログラミングやブログの講座あり

こちらも読まれてます