WordPress 番号なしリストマークをおしゃれにする

前書き

WordPressでは記事を書く時、番号なしリストを使う事が多い。標準の画面では（白丸、黒丸、四角）の４種類しかない。

CSSを使い装飾すれば面倒だと思われる、そこで「ショートコードを挿入」を使い、おしゃれにしたい。

関連記事

WordPress プラグイン「Shortcodes Ultimate」の「ショートコードを挿入」の使い方

上の「ショートコードを挿入」を押す。

一覧画面からリストを押す

次の画面から「アイコンピッカー」を押す、「アイコンの色」も変えられる。

アイコン一覧が出るので、アイコンを選ぶ、又 アイコンの色を選ぶ。

「ショートコードを挿入」を押す

その結果が次のようになった

アイコンの色も変更可能

上記のソースコードは次のようになる

<p>[su_list icon="icon: check"]</p>
<ul>
<li>並び項目</li>
<li>並び項目</li>
<li>並び項目</li>
</ul>
<p>[/su_list]</p>

リストの中に「画像」を入れた場合、リストマークがおかしくなる事が分かった。

（例）
リスト（並び項目２）の中に次の画像を入れてみる。

上記を「プレビュー」したら次のようになる。

修正方法

<img******/>画像を ⇒ <p><img******/></p>で囲む

不具合が直っている。

Post Views: 138