WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマ:関連記事カードリンクの前後の文章の表示について

Q.ショートコード「関連記事カードリンク」の前後の文章で、行間等が本来のデザイン通りにならない。

A.下記にてご対応ください。

ショートコード自体をdivで囲むことが有効です。(テキストエディタで編集してください)

テキスト

テキスト

 ↓↓↓

テキスト
<div></div>
テキスト

▼修正前(例:NANOの通常投稿)
修正前イメージ

▼修正後(関連記事カードリンク後の文章の行間に本来のスタイルが適用されています。)
修正後イメージ

補足

これは、WordPressの機能により、ショートコード(またはショートコードの前の文章を含む)が一つの段落と解釈されてしまうことが原因です。
このとき、出力されるHTMLは次のような内容となります。

<p>ショートコード前の文章<br />
<div class="cardlink">
(中略:カードリンクの中身)
</div><br />
ショートコード後の文章</p>

上記のように、カードリンクをdivで囲んだ場合、出力されるHTMLは次の内容になります。

<p>ショートコード前の文章</p>
<div><div class="cardlink">
(中略:カードリンクの中身)
</div></div>
<p>ショートコード後の文章</p>
The following two tabs change content below.

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。