ダッシュアイコン

ワードプレスのアドミンバーや管理画面で使われているアイコン。フロント画面で利用できることは判った。投稿の編集中にエディタ内で利用できるかどうかを要確認。

使える事自体は確認できたが、スタイルがアイコンだけを表示するようになっているため、段落のテキストが全てアイコンとして指定された幅の中に縦一列に表示されてしまう。管理バー用のCSSや管理画面用のCSSの代わりになるものを何か作成しなくてはならないようだ。

dashicons.min.cssの中では、幅、高さ、フォントサイズとも20pxに指定されている。タイトルやリスト項目の先頭のアイコンとして使用するなら、そのためのスタイルの追加が必要になる。

この上に、アイコン表示テスト中。ダッシュアイコンであれば、エディタ内でも使えることを確認。ただし、仮処理中のため、何を指定してもビールしか表示しない。管理バー等では、スタイルを独自に追加しており、フロートレフトしている。

関連記事

メインボトムコンテンツ