スポンサーリンク

当ブログのWordPressテーマをSimplicity2からCocoon(コクーン)へ変更しました

この記事は約4分で読めます。

当ブログにお越しの方で、既にお気付きの方がいらっしゃるかもしれませんが、最近Wordpressのテーマを変更しました。

当ブログは立ち上げ当初から、Simplicity2というテーマを使っていたのですが、Simplicity2の作者・わいひらさん(@MrYhira)さんが、Cocoon(コクーン)という後継テーマを2年ほど前にリリースされていること最近知った次第です(遅っ)。

同じ作者さんが作られたテーマなので、Simplicity2からCocoonへの移行機能も用意されており、今回テーマ変更に踏み切りました。

手順はこちらのサイトを参考にさせて頂きました。

Simplicity2からCocoon(コクーン)へ変更!使い方と10の初期設定作業【ワードプレス】
こんにちは!無料ワードプレステーマ「Simplicity2」&「Cocoon(コクーン)」を超おすすめしているはまちゃん(@wakuwakukeigo)です。この記事は、 この記事を読むべき人 ワードプレステーマ「Simplici

この記事は参考にさせて頂いた記事の内容を元に、

  • 私が対応したこと
  • ハマったこと

の備忘録となります。

スポンサーリンク

ハマったこと

SEOタイトルの表示がおかしくなった

移行元のSEOタイトル名について、

ページタイトル | サイト名

と入力していたのですがCocoonに移行後、Google検索に表示されたページタイトルをみると

ページタイトル | サイト名 | サイト名

と表示されていました。

[Cocoon設定]-[タイトル]-[投稿・固定ページタイトル]のデフォルト設定値が、「ページタイトル | サイト名」になっていたため、サイト名が重複されていたようです。

  • SEOタイトル名からをサイト名を抜く
  • 設定値をページタイトルに変更する

のいずれかの対応が必要となりますが、今後Cocoonを使い続けるので、前者の対応を取ることにしました。

都度ページの変更は面倒くさいので、DBの値を一括更新し対応しました。

Cocoonの記事内広告が正しく動作しない

[Cocoon設定]-[広告]-[広告の表示位置]の設定で本文中にGoogle Adsence広告を表示させようとしたのですが、

  • スポンサーリンクの文字のみ表示され広告が表示されない
  • 目次の上に広告が必ず表示される

という不具合が起きました。

※こちらに関してはCocoonのフォーラムにて質問し解決しました。ご協力頂いた皆様ありがとうございます。

ウィジェットで設定した記事内広告の表示不具合に関して
初めまして。 Cocoonの広告自動表示機能を使わず、ウィジェット側で広告の表示設定を行っております。 記事内広告も同様にウィジェット側で設定しているのですが、 目次の上に必ず表示される(この位置への表示は希望していません) 他のH2タグの直前に広告が表示されない という不具...

スポンサーリンクの文字のみ表示され広告が表示されない原因と解決方法

Google Adsence側の自動広告機能が犯人でした。

自動広告機能をOFFにし解決しました。

目次の上に広告が必ず表示される原因と解決方法

[Cocoon設定]-[目次]-[目次の表示順]設定の[広告の手前に目次を表示する]のデフォルト設定値がOFFだった事が原因でした。

こちらをONにすることで解決しました。

地味にハマりました、、、

Plugin:Crayon Syntax Highlighterで記号文字の出力がおかしくなる

Crayon Syntax Highlighterで表示している

○○ && ○○

といった記号が、

○○ && ○○

といった具合におかしくなりました。

色々試したのですが上手く行きません。

Crayon Syntax Highlighterを諦め、Cocoon標準のコード表示機能を使う事にしました(涙)。

コードのコピーなどでご不便をお掛けしますが、ご容赦下さい。

スポンサーリンク

他対応したこと

リンクカードの変更(Plugin:Pz-LinkCardからCocoon標準のリンクカードに変更)

Plugin:Search Regexを使い、Pz-LinkCard固有タグを置換し対応しました。

全て置換が終わったあと、Plugin:Pz-LinkCardは廃止しました。

Googleの各種IDの設定

  • Google Analytics
  • Google Search Console
  • Google Adsence

などの各種IDやコードをCocoon上で設定しました。

対応したことはこんな感じです。

スポンサーリンク

まとめ

幾つかハマったことはありますが、概ね移行はすんなり行けたんじゃないかなと思います。

Cocoonn触り初めてすぐ「おっ」と思えるほど、好きになりました。

こんなに高機能なのに無償提供していいんでしょうか、、、汗

作者のわいひら様に感謝です。

スポンサーリンク
IT・Web
ヤマログ
タイトルとURLをコピーしました