WordPressテーマSANGOの質問

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

アバター
りんご

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

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

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

SANGOのショートコード一覧
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 { ...
}

よろしくお願いします。

アバター
りんご
2019/05/21

早速のご返信ありがとうございます。
divタグで囲めば解決したのですね!
大変参考になりました。ありがとうございます。