cocoonからAFFINGERにテーマ変更

ブログ運営

cocoonからAFFINGER5(WING)にテーマ移行する時の注意点!

とりち
こんにちは、とりちです

ワードプレスでブログを書いているとテーマを変えたくなるとき有りますよね?

私は思いつきでテーマ移行してしまい、泣きながら毎日修正作業に追われています。

みなさんにはこのような事態にならないための方法をお伝えしていきます。

はてな

  • cocoonからアフィンガーにテーマ移行する際の注意点とは?
  • どんな事が起こるのか?
  • 結果、どうなったのか?

上記の様な悩みを、絶賛苦しみ中の私から共有していきます!

>>【超簡単】AFFINGERで表示速度を爆上げした方法5選!

>>ブログ初心者が登録するべきASP(アフィリエイト)3選を解説

思いつきでやらないで!実は凄い量の作業が付いてきます!

私は思い立ったらすぐ行動!を日々心がけています。

今回はこれが悪い方向に作用してしまいました。

3時間あれば終わるだろう!と軽い気持ちで、日曜日のPM8時頃にテーマ移行を開始。

当然、3時間で終わるはずも無く、毎日仕事終わりに過去記事を修正する作業に追われております。

メモ

テーマ移行時の記事数:82記事

この記事では、テーマ移行でどのような弊害や修正作業が発生するのかお伝えします。

くれぐれも「思いつきで移行しない」ようにご注意ください!

cocoonからAFFINGER移行して起こった問題はこれ

実際に何が問題だったのかは以下にまとめます。

主にテーマ間での装飾コードの違いになります。

注意ポイント

  • cocoonの吹き出しが画像で表示されてしまう
  • cocoonで使用していたカルーセルが表示されない
  • cocoonで使用していた記事一覧が表示されない
  • cocoonで使用していたブログカードが表示されない
  • cocooonで使用していたボタンが表示されない
  • cocoonで使用していたボックスが表示されない
  • メタディスクリプションが全て消える
  • 表示速度が激おそに

主な弊害は上記の8点でした。

レイアウトに影響のある順番で記載しています。

cocoonで使用していた吹き出しが画像で表示されてしまう

これはどういうことかと言うと

吹き出しに使っていた画像が普通に画像表示されてしまい、その下に吹き出し内の文言が表示される形になっていました。

見た目上、急に関係ない画像が大きく表示されるので非常に深刻な問題です。

 

対処方としては、1記事ずつ編集してAFFINGER固有の吹き出しに差し替えていく必要があります。

cocoonで使用していたカルーセルが表示されない

cocoonのカスタマイズでトップページにカルーセルを表示させていたのですが、綺麗さっぱり無くなっていました。

こちらも、AFFINGER固有のカルーセルに差し替える必要があります。

注意ポイント

cocoonでは人気記事でカルーセルを作っていたが、AFFINGERで人気記事を表示させる方法がまだ分っていません。

恐らく方法はあると思いますが、現状は新着記事で代用中。

cocoonで使用していた記事一覧が表示されない

cocoonでは新着記事や、人気記事、カテゴリ別に指定した記事数をブログカードで表示するカスタマイズをしていました。

これら一式、ただのソースコードに置き換わってしまい見た目が最悪になります。

こちらを代替できるAFFINGERの機能が見当たらないため、現在はカテゴリ毎の新着記事をカルーセル表示しています。

cocoonで使用していたブログカードが表示されない

cocoonでは記事内にURLを張るだけで、ブログカードに変換される

という便利機能がありました。

こちらは一応AFFINGERにもあるようですが、ブログカードが正方形で縦に大きくレイアウトを崩すので全廃止しました。

AFFINGERでは、カードというショートコードを使用してcocoonと同等のブログカードを作れるので差し替えが必要です。

注意ポイント

カードを作るには記事IDが必要なので1つずつ確認して挿入する作業がめんどくさいです。

cocoonで表示していたボタンが表示されない

文字リンクをボタン化する装飾、みなさん使っていると思います。

こちらもAFFINGER固有のモノとコードが異なるので普通の文字リンクとして表示されていました。

こちらは装飾が無くなるだけでリンクは生きているので修正は後回しでも大丈夫な気がします。

cocoonで使用していたボックスが表示されない

文字を囲んだりしているボックスも全て消えていました。

オマケに、文字のアンダーラインやオーバーライン等も消えます。

メタディスクリプションが全て消える

記事毎に設定していたメタディスクリプション(検索結果で出てくる記事の説明)が全て初期化されていました。

記事を書いてから時間が経っていることも有り、メタディスクリプションを再度設定するのはかなりしんどいです。

記事を書き終えてすぐなら、ようやく程度にさらっと書けるのが、1ヶ月前の記事だと思い出しながらになります。

表示速度も遅くなった!

AFFINGERに変えただけで爆速になって検索順位が上がった!

という紹介が多数されていたのでAFFINGERを選んだ結果。表示速度は激おそになりました。

cocoonの時に計った結果が

メモ

  • PC:90点
  • モバイル:64点

(cocoonの時はスクショ出来ていません)

まずまずの表示速度でしたが、AFFINGERに変えるとどうでしょう。

PC▽

モバイル▽

メモ

  • PC:62
  • モバイル:21

という驚きの結果に!!

かなりがっかりしています。

 

この結果の考察については

「cocoonで使っていた装飾コードが全部の記事に残ってしまっている」

上記の理由が大きいと思います。

ここから表示速度を上げていく方法を順次試していく予定です。

表示速度が上がったら記事にする予定ですのでしばしお待ちあれ。

>>【超簡単】AFFINGERで表示速度を爆上げした方法5選!

テーマ変更は気軽にしないでください

私は80記事以上書いてから、テーマ変更してしまいました。

結果、前記事の修正という途方も無い作業が発生しています。

作業量が多くても大丈夫!って方以外は、記事数が増えてからのテーマ変更はしない方がおすすめです。

AFFINGERへの素直な感想

注意ポイント

この感想は、テーマ移行完了時点での感想です。これから評価が変わっていく可能性が大いにあります。

はっきり言って「cocoonのほうが良かったです。」

確かにAFFINGERはオシャレな装飾を手軽に使えるというメリットはあります。

ですがcocoonでもカスタマイズしたら同等の装飾が出来ます。

そして、cocoonならチェックボックスにチェックを付けるだけでSEOを意識した表示や設定、高速化に対応することが可能でした。

 

ちょびっと後悔しています。

これから、AFFINGERに最適化していくともっとAFFINGERの良さが分ってくるはずと信じて作業するしか無いですね。

アフィリエイトの商材になっているテーマは要注意?

やはりアフィリエイトの商材になっているモノって評価もポジティブなモノが増えますよね?

理由は簡単、買って欲しいからです。

有料でアフィの商材になっていないモノこそが本当の意味で客観的評価されている優秀な商品なのかも知れませんね。

皆さんもテーマに限らず、商品購入時はご注意ください。

>>【超簡単】AFFINGERで表示速度を爆上げした方法5選!

その他のブログ運営記事は下のボタンをタッチ!

ブログ運営記事

-ブログ運営
-, ,

Copyright© とりちのIT備忘録 , 2020 All Rights Reserved Powered by AFFINGER5.