今回はブログ初心者の私が、テーマを「コクーン」→「アフィンガー５」に変更した時におきた困ったことをまとめたいと思います。
25記事ほど書いたあとに変更したので、色々と修正箇所が多くて大変でした・・・
テーマの乗り換えを検討している人は、早めの移行をオススメします。
コクーン→アフィンガー５
ブログカードが表示されない
コクーンの時に作ったブログカードが、アフィンガー５に変更した後、表示されなくなりました。
コクーンの時は、埋め込みURLでブログカードを作成してました。
アフィンガー５に変更後、埋め込みURLが全て表示不可になってて、「？？？」で頭の中いっぱいに・・・
色々調べた結果、ブログカードの機能は埋め込みURLでは出来ないことを知りすべて変更。
ブログカード
・「Classic Editor」のカードをクリック。
・id= 後ろの部分に記事IDを入力する。
入力後、プレビューで見るとこんな感じになってます。
TwitterカードがURLだけになってた・・・
コクーン時代の時に書いた記事をTwitterに載せてました。
アフィンガー５に変更後Twitterを見たら、TwitterカードがURLだけに・・・
URLだけだと味気ない・・・
変更方法
元に戻すために使ったのがこちらのサイト
Card validator
Twitter公式サイトのカードをプレビューで見る事ができます。
・変換したい記事のURLを入力
・入力後「Preview card」を押す
「Card validator」で変換後
Twitterカードが無事に表示されました。
記事数が少なくて助かりました。
ブログトップページに記号が表示される
コクーンからアフィンガー５に変更→ 初期設定がある程度完了した後に気づきました。
ブログトップページに「" />」と謎の文字が表示されていました・・・
こんな感じです。
ネットで「" />」検索かけても出てきません・・・
初心者の私は何故表示されてるかサッパリわかりません。
たまたま「アナリティクスコード」を番号合ってるか、再確認をしてたら原因を発見できました。
改善方法
「現在のサーチコンソールHTMLタグ」も大丈夫かな？と確認していると「" />」文字が右側に・・・
初歩的なミスで「" />」が表示されてました。
・サーチコンソールの右側「" />」を消せば、無事に表示がなくなりました。
ちょっとしたミスです。
このミスをしたことで、色々と勉強になった。
サムネイルの画像が小さい
これは好みの問題ですが、サムネイル画像が正方形で表示されて、画像が小さいと感じました。
コクーンは、大きめに表示されていたため、違和感が・・・
変更方法
・AFFINGER5管理をクリック
・①デザイン→②サムネイル画像設定 の順番でクリック
・①メディア設定にする→②サムネイル画像を大きくする→SAVE
・③スマホでもサムネイル画像を大きくする→SAVE
この方法でサムネイルの大きさを変更できました。
まとめ
テーマの乗り換えを検討している人は、早めの移行を！
サーチコンソールHTMLタグのコピーミス注意。
