WordPressテーマSANGOの質問

「指定したカテゴリーIDの記事を好きな数だけ出力」を複製する際について

りんご

2019/05/21

いつもお世話になっています。

18の「指定したカテゴリーIDの記事を好きな数だけ出力」のショートコードで、コメント欄で[catpost]の複製[my-catpost]を作れることを知り、お尋ねします。
[my-catpost]のCSS（class）は[catpost]と同じものになりますか？
[catpost]も[catpost type="card2"]も使用しておりその2つとは別に、カード・枠なしタイプの文字だけURLリンクを作りたいと思っています。
細かなデザインはCSSで…と考えているので、同じclassだと[catpost][catpost type="card2"]のデザインが変わってしまうのかなと疑問に思いまして。

お忙しいところ申し訳ありませんが、教えていただけるとありがたいです。

SANGOのショートコード一覧

コメントへの回答

サルワカくん

2019/05/21

こちらをご覧になった感じですかね？

https://saruwakakun.com/sango/comments?id=4027
https://saruwakakun.com/sango/comments?id=4115

↑これらのカスタマイズにより出力されるカードのクラス名は、デフォルトのショートコードと同じものです。

ただ、デザインを変えるだけならとても簡単です。PHPファイルをいじる必要もありません。

①ショートコードを好きなclass名のdivタグで囲む
クラシックエディターを使っているなら、以下のように書けば良いかと思います。

<div class="catpost-alt">
[catpost]
</div>

↑これにより、ショートコードによる出力されるカードがcatpost-altというclassの下にあることになります。

②CSSでカスタマイズする
CSSで以下のような書き方をすれば、<div class="catpost-alt">内のカードだけデザインを変えることができます。

.catpost-alt .c_linkto {
 ...
}

よろしくお願いします。