ブログカードの表示条件

0.9.1より

ブログカードボタンを作りました。

テキストエディタ

ブログカードボタン

ビジュアルエディタ

ブログカードボタン

ブログカード入力

リンクを入力して挿入すればOK。

以下はそれより前のバージョンのお話になります。

ブログカードの表示条件

①設定でブログカードが有効化されていること。

→自サイト内と外部サイトで区別可能です。

②リンク先と文字列が同一であること。

→プラグインを無効化した際に、表示が崩れることを避けるため。

③↑②の上下に空白行がある事。

この3つの条件が揃うと、自動的にブログカードを作成します。

入力例

下記テキストエディタでの入力例です。
(キャプチャー画像です。)

成功例とNG例

上記記事を表示させると、下記の様になります。
(キャプチャー画像です。)

実際の表示例

実際にこの記事へリンクを張って、ブログカードを表示させてみます。

ブログカードの表示条件0.9.1より ブログカードボタンを作りました。 テキストエディタ ビジュアルエディタ リンクを入力して挿入すればOK。 以下はそれより前のバージョンのお話になります。 ブログカードの…
続きを読む
 docs.back2nature.jp
ブログカードの表示条件

上記ブログカードを表示させる際には、記事へ下記の様な形で記入しています。

空白行↓

<a href="https://docs.back2nature.jp/yahman-add-ons/how-to-display-a-blog-card">https://docs.back2nature.jp/yahman-add-ons/how-to-display-a-blog-card/</a>

↑空白行

何かしらの理由で空白行を作れない場合は、aタグをpタグで囲ってください。

→上記の上下空白行を入れる事で、標準のWordPressテキストエディタでは、自動的にpタグが挿入されます。

<p><a href="https://docs.back2nature.jp/yahman-add-ons/how-to-display-a-blog-card/">https://docs.back2nature.jp/yahman-add-ons/how-to-display-a-blog-card/</a></p>

尚、pタグにはクラスなどを付与しないようにしてください。
その際は、現時点のバージョンではブログカード化しません。

逆にブログカード化したくない場合は、pタグにクラスを付与すれば、ブログカード化しません。

YAHMAN Add-ons