WordPressテーマSANGOの質問

ショートコードなしで箇条書きに反映させる

アバター
yusan

箇条書きを修飾する場合ショートコードを記述する必要がありますが、
一種類のショートコードしか使わないので下記のようにしたいです。

[list class="li-check li-mainbdr main-c-before"]
〜箇条書き〜
[/list]

を使いたい場合は

[list class="li-check li-mainbdr main-c-before"]

1つめの文
2つめの文
3つめの文

[/list]

する必要がありますが、

1つめの文
2つめの文
3つめの文

と書くだけで同じように修飾したいのですが可能ですか?

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2022/05/25

お世話になっております。つまり[[list]]だけで表示できるようにしたいということでしょうか?
よろしくお願いします。

アバター
yusan
2022/05/26

返信ありがとうございます
おっしゃる通りで
[[list]]だけで表示できるようにしたいということでです
よろしくお願いします。

サルワカくん
サルワカくん
2022/05/27

お世話になっております。
なるほどですね。
以下のようなCSSを「外観→カスタマイズ→追加CSS」に記述すれば可能ですが、他のリストのスタイルが適用されにくくなるのであまりお勧めはできません。


.entry-content ul {
border-color: #6bb6ff;
position: relative;
padding: 1em 0.5em 1em 2.5em;
border: solid 2px #ffb03f;
}
.entry-content li {
list-style-type: none!important;
padding: 0.5em 0;
line-height: 1.5;
}
.entry-content li:before {
position: absolute;
left: 1em;
color: #ffb03f;
font-family: "Font Awesome 5 Free"!important;
font-weight: 900;
content: "\f00c";
}

また今後はWordPressのクラシックエディターサポートが終了予定なのでブロックエディターに切り替えられることをお勧めします。
https://saruwakakun.com/sango/gutenberg-introduction

よろしくお願いします。