WordPressの無料テーマCocoonでブログカードがうまく表示されない場合にどうしたら良いか?簡単な入力で確実にブログカードを表示する方法はこれ!

">Wordpress

WordPressの超有用なテーマであるCocoon

これで無料であることが信じられないくらいの機能を備えています。

わいひらさんに足を向けて眠れない日々です。

このCocoonには、ブログカード機能が付いています。

ブログカードとは

ブログカードとは一言でいえば、どこか他のURLへリンクを貼るときに、それがこのようにカードのようにグラフィカルに表示される機能です。

">

文字列だけのリンクとは違い、とても格好いいですよね!

Cocoonでブログカードを設定する方法

これはすごく簡単で1行に1つのURL“だけ”」になるように入力すればOKです。

あくまでURL1つだけですよ。他の文字列などを入れてはいけません。
とはいえ、要するに単に記載するだけです

それでブログカードになるのです。

なんて便利なんでしょう!!

これはブログカードについて解説した本家Cocoonのわいひらさんのサイトですが、これがまさに実際のブログカードです↓

なぜかうまくいかないことも…

ただ、かなり簡単な方法ではあるものの、なぜかうまくブログカードにならず、プレビューを見てみると「記載したURL文字列のまま」になってしまうことがあるんですよね。

これはけっこうあるパターンらしくて、Cocoonのフォーラムにもこの質問履歴がけっこうあります。

">

理由としては、改行してからきちんと1行1URLになるように入力しても

実は1行に1つのURLだけになっていない

ということに尽きるようです。

Enterキーで改行しただけではダメな場合があるとか、タグでbr改行ではなくp段落タグを使わないとダメだとか

どうしてもうまくいかない時がたまにある

でも、どうやってもダメなことが稀にあるんですよね。

「確実に改行しつつ3行の文章を書き、その真ん中の行をURLに置き換える」とかやってもダメな場合がありました。

まあ、何かが間違ってて「改行」と認識されていなかったのでしょうが、どうやってもダメだとかなりイライラしたりします

確実にブログカードを表示させる方法

長々と描いてしまいましたが、確実にブログカードを表示する方法があります。

それは、

URLを[ ]で囲むこと

です。これだけです。ビジュアルエディタでOKです。

単に[ ]で囲むだけなんです。

改行も必要ありません。

これはエディタのスクリーンショットですが、これだとどうなるかというと

">

">

もちろんダメですね。

 

でも、こうして[ ]で囲むと

">

">

見事にブログカードになりました!

ブログカードを活用しよう

この方法なら確実にブログカードを表示できます。

見た目も美しく有用なブログカード!是非活用して下さい。

コメント