ブログカード機能の不具合解消
Cocoonブログカードの機能
WordPressの無料テーマ「Cocoon」には、記事内にURLを貼るだけで簡単にブログカードにすることができる便利な機能があります。
うまく貼れると下のように、ブログカードに写真とタイトル・説明文をきれいに表示してくれます。内部リンクを貼りたいときに便利ですね。
＜ブログカードの例＞
【WordPress】ブログのコメント欄設置のメリデメと承認制
コメント欄をサイトに設置するメリット・デメリットや設定方法を紹介しています。良いコメントだけを選んでブログサイトに載せる「承認制」を検討してみてはいかがでしょうか。
awesome-l.com
2020.01.11
ブログカードの不具合と原因
不具合の原因
時々これがうまく貼れずに、記事内にURLのまま表示されてしまうことがあります。
同じ記事内に同じURLを貼り付けても、うまくブログカードが表示される場合と、失敗する場合があり、その原因がわかるまでは何度もURLを貼り直して苦労しました。
https://awesome-l.com/blog-comment/
その原因は、どうやらリンクURLの前後にあるHTMLタグが悪さをしているようです。
対処法①：HTMLを削除
URLの前後にあるHTMLタグを削除すれば、一番簡単に解消できます。
HTMLの編集ができない方は、内部リンクURLに文字装飾をかけないことをおすすめします。文字装飾をかければ、HTMLタグが自動生成されてしまいます。
対処法②：＜div＞タグとURLの間を改行
「ブログカードラベル」などで装飾をかけたい場合にはどうしてもHTMLタグが付いてきます。そういう場合には、下の例のようにHTMLの＜div＞タグとURLの間を改行するとうまくブログカードが表示されるようになります。
まとめ
Cocoonを使っている方は、私と同じように内部リンクを貼れずに困った事のある方は多いのではないでしょうか。内部リンクはSEOでも高い効果があり、読者の方にとって読みやすいブログにするためにも無いと困る機能の一つです。
同じようにお困りの方がいたら、ぜひこの記事で不具合解消して、今よりさらに良いブログサイトを作る手助けになれば幸いです。