ブログカードの表示条件
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タグにクラスを付与すれば、ブログカード化しません。