WordPressテーマSANGOの質問

関連記事ショートコード(横長)で出力される記事タイトルを、任意のものに変更したい

アバター
鈴木

お世話になっております。

関連記事ショートコード(横長)で出力される記事タイトルを、任意のものに変更したく調べていたところ、当該記事のコメント欄で以下の質問および回答を見つけました。

——————

Q:関連記事ショートコード[card id="投稿ID"]を使用した際に、記事タイトルを指定することはできますでしょうか。
普段、記事タイトルを長めにしていて、ショートコードで出力した際は短いタイトルに変更して表示したいと思っています。

A:大変恐縮ながらタイトルの指定には対応しておりません。
やるとしたらHTMLをエディターにべた書きすることですね・・・。

★記事タイトル★

★の部分を書き換えるイメージですね。
よろしくお願いします。

https://saruwakakun.com/sango/comments?id=4621
————-

このように試してみたところ、確かに任意のタイトルへ変更ができましたが、表示されるのは四角いタイプのカードでした。

そこでクラス指定全般を、横長のカードのものに変更すれば良いと思い、以下のようにコードを書き換えてみたのですが、一応横長にはなったものの表示が崩れてしまいまして・・・。


★記事タイトル★

大変お手数ですが、当該対応方法についてご教授いただけますと幸いです。
よろしくお願い致します。

SANGOのショートコード一覧
SANGOのショートコード一覧
コメントへの回答
サルワカくん
サルワカくん
2019/11/03

お世話になっております。
横長のリンクのショートコードをHTMLでベタ書きする場合、以下のようになります。

<a class="linkto table" href="★リンク先URL★"><span class="tbcell tbimg"><img width="160" height="160" src="★160px x 160pxの画像のURL★"></span><span class="tbcell tbtext">★記事タイトル★</span></a>

↑画像のURLは「160 x 160px」のものを選ぶ必要がある点にご注意ください。
よろしくお願いします。

—–
参考:ちなみに横長のカードタイプのHTMLのベタ書きは以下になります。

<a class="c_linkto longc_linkto" href="★リンク先URL★"> <span class="longc_img"><img width="520" height="300" src="★520px x 300px画像のURL★"></span> <span class="longc_content c_linkto_text">★日付★<span class="longc_title">★タイトル★</span></span>
</a>
アバター
鈴木
2019/11/04

綺麗に表示できました。

お忙しい中ご回答いただきありがとうございます。
今後もSANGO愛用させていただきますね。