ブログカードが出ない問題【ワードプレス初心者の問題解決】

ブログカードがうまく出ない記事があるんだ。

なんとか解決できないかな？

それならこの書き方でどうかな？

私も同じ現象をこれで解決したよ！

資格勉強好きな現役講師のすずきです。

先日「はてなブログ」から「ワードプレス」へ移行してきました。

感動するほど便利な機能もあれば、

知識がなく苦戦することも。

調べながらちょっとずつ解決しています。

きっと同じように悩む方もいらっしゃると思いますので、

是非参考にしていただければと思います。

この記事の内容

私自身、うまく表示される記事とされない記事があったので、

同じ現象の方にも取り急ぎの解決策になります。

また、HTMLなどの知識も全くないので、

根本的な原因解決ができているわけではありません。

現在Cocoonを使用しています。テーマにより仕様が異なる場合もあるのでご注意ください。

起きた現象について

今回問題になったのは、

「ブログカードが表示される記事とされない記事がある」ということでした。

うまく表示されない記事ではURLを文字として記載している状態になってしまいます。

リンクにもならず、

何度確認しても修正ができませんでした。

原因は様々なサイトで調べてもはっきりとはわかりません。

Cocoonでは設定からブログカードが簡単に設置できるようになってますので、

公式サイトを確認しながら設定は行いました。

ちなみに上記のブログカードは問題なく簡単に設置できました。

今回はうまく表示されていない記事のみコード挿入を行うことにしました。

<div class=”wp-block-cocoon-blocks-blogcard blogcard-type bct-none”>

<p>ここに記事のURL（https://～）を入れます</p>

</div>

上記コードの「ここに記事のURLを入れます」という箇所に記事URLを入れます。

こちらのコードを貼り付けるとブログカードの表示ができます。

今回はこちらの方法でうまく表示されていない記事を修正しました。

同じ現象の方は是非こちらも試してみてください。

ブログカードがうまく表示されない記事は、

前サービスで記載していた記事のようです。

以前ははてなブログを使用しており、

記事をお引越ししてきました。

お引越しした記事には上記方法でブログカードを貼るようにしています。

ワードプレスで書いた記事についてはURLを本文に貼り付けるだけでうまく表示できます。

こういったエラーは本当に試行錯誤の連続ですよね。

どなたかのお助けになればと思います。