Simplicity2でブログカードが表示されないと困ったときに対応したこと

  • このエントリーをはてなブックマークに追加
  • 8
困る

このブログはWordpressの無料テーマ「Simplicity2」を利用しています。

WordPressではブログカードというオシャレな機能を使えるのですが、私はどうもこのブログカードが出せなくて困ったことがありました。

その時間、実に3分ほど。

そんなわけで、他にも困る人がいるだろうと思い、備忘録としてブログカードが出せなかったときに対応したことを記載します。

スポンサーリンク
336×280

ブログカードとは

ブログカードとは、

今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
スターバックスで非売品プレゼントキャンペーンが実施されます。 クリスマスに合わせて可愛い可愛いサンタさんやトナカイのミニフィギュアが先...

こんな感じのやつです。

自分のブログ内の記事や、他のサイトの記事をアイキャッチ付きのオシャレな見た目で表示してくれる機能です。

最近ではLINEでURLを送るとこんな感じで表示されますよね。

ブログカードを使うには

このブログカードですが、「Simplicity2」で使用するには以下のどちらかの条件を満たす必要があるとのこと。

  1. URLのみ記述
  2. アンカーテキストをURLとしたリンクを記述

そんなわけで、まずはURLのみを記述

今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
スターバックスで非売品プレゼントキャンペーンが実施されます。 クリスマスに合わせて可愛い可愛いサンタさんやトナカイのミニフィギュアが先...

はい、出ません。と言いたかったのですが、出ていますね。。。

「2」はどうでしょう??

今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
スターバックスで非売品プレゼントキャンペーンが実施されます。 クリスマスに合わせて可愛い可愛いサンタさんやトナカイのミニフィギュアが先...

これも無事に出てしまいました。。。

ちなみに、アンカーテキストとはaタグで囲まれたテキストのことです。

「リンクの挿入/編集」で入れられるテキストですね。

 うまく出ないときがある

このように、普通に使えばしっかりと出てくれるブログカードですが、たまにうまく表示されないときがあります。

例えばこうした時

今年のクリスマスはスタバのコーヒーサンタと一緒に!”eGIFT”利用で非売品のコーヒーサンタが貰える!!
https://co874.com/food/starbucks-coffee-santa

2段目がブログカードとして出てほしいのに、普通にリンクとして表示されてしまいました。

アンカータグがくっついているのがいけないのかな?

なんて考えたりもするかもしれませんが、「どうしてもこのデザインで行きたい! 」と強い心意気があったときに困っちゃいますよね?

そんな時に有効な手段があります。

Pタグを利用する

ブログカードとして表示したいURLをPタグで囲いましょう。

上の例で見ると、文章入力をビジュアルモードからテキストモードに変更し、

<a href=”https://co874.com/food/starbucks-coffee-santa” target=”_blank” rel=”noopener”>今年のクリスマスはスタバのコーヒーサンタと一緒に!”eGIFT”利用で非売品のコーヒーサンタが貰える!!</a>
<a href=”https://co874.com/food/starbucks-coffee-santa” target=”_blank” rel=”noopener”>https://co874.com/food/starbucks-coffee-santa</a>

こうなっている個所をこう変えてみます。

<a href=”https://co874.com/food/starbucks-coffee-santa” target=”_blank” rel=”noopener”>今年のクリスマスはスタバのコーヒーサンタと一緒に!”eGIFT”利用で非売品のコーヒーサンタが貰える!!</a>
<p><a href=”https://co874.com/food/starbucks-coffee-santa” target=”_blank” rel=”noopener”>https://co874.com/food/starbucks-coffee-santa</a></p>

実際に変更したのがこちら

今年のクリスマスはスタバのコーヒーサンタと一緒に!”eGIFT”利用で非売品のコーヒーサンタが貰える!!

今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
今年のクリスマスはスタバのコーヒーサンタと一緒に!"eGIFT"利用で非売品のコーヒーサンタが貰える!!
スターバックスで非売品プレゼントキャンペーンが実施されます。 クリスマスに合わせて可愛い可愛いサンタさんやトナカイのミニフィギュアが先...

無事に出てくれていますね。

ブログカードがうまく表示されないと困っている方は試してみてください。



年 齢:32
家 族:妻と子ども1人の3人家族

普段、普通に生活していると聞き流してしまいそうな情報や、くだらない情報を拾っていけるためにこのブログを開設しました。
どうでもいい情報や、お金にまつわる情報なんかを勉強しながら更新していきたいと思います♪

この記事が気に入ったら
シェア しよう

Twitter で



スポンサーリンク
スポンサーリンク
336×280
  • このエントリーをはてなブックマークに追加
スポンサーリンク
336×280