WordPress

WordPress Visual Icon Fonts

投稿日:

Web制作で、FAQページを簡単に作る方法はないかなと考えて、解の一つがこの、WordPress Visual Icon Fontsプラグイン。

icon-question-circle こんなときどうすればよいの?

icon-exclamation-circle こうすればいいさ!

って感じかな。

削除するときにDelキーで素直に消えないのが引っかかるが、仕方ないのかな。テキストエディタに切り替えないと消せないな。

あと、行をコピペして使おうと思っても、できないな(フォント設定部分が空白になる)。

お客さんには、アイコンを画像で用意するのと、この機能を用意するのでは、どっちが使いやすいかな。

ちなみに以下のページには、リストアイコンを付ける方法が書いてあった。

流行りのアイコンフォントをサイトに取り入れよう【WordPress Visual Icon Fonts】

  • リストに
  • フォントアイコンを
  • 使っています

・・・こちらは、自分の使っているテーマに合っていないようで、うまく表示されなかった。

場面に応じて、使いようだね。

追記:
HTMLタグを編集すれば、左にスペースを空けて、長文でも面合わせすることができる。以下は、Pタグにpadding-left: 40px; margin-top: -50px;のスタイルを設定している。
icon-question-circle こんなときどうすればよいの?
icon-exclamation-circle

Lorem ipsum link, visited link, hovered link dolor amet, consectetuer adipiscing superscript elit subscript. Nullam dignissim convallis est. Quisque aliquam. cite. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. AVE

-WordPress

執筆者:

関連記事

no image

WP Limit Post Automaticallyプラグインはとても賢い

とあるサイトを管理していて、WPで長文を書くことが多い。 カテゴリー一覧でリスト表示した場合、全文表示されるととっても見にくい。特に画像が多いと。 その場合にも見やすいように文章の前半に「続きを読む- …

no image

WordPressでボタンを簡単に作れるプラグインがないか探してみた。

WordPressでボタンを簡単に作れるプラグインがないか、探してみた。 Photoshopなどでも作れるのだが、SEOを考えたらがボタン内の文字はテキストで作るほうが良いし、そうなるとCSSを編集す …

no image

以前から興味のあったCreateerというサービスを試用中。

https://beta2.createer.com/Wordpress 公式サイトにある動画を見れば、大体イメージが掴めると思うけど、テンプレート化されたデザインコンテンツを選択してさらに自身でカス …

no image

このCacooというのは、超絶にすばらしい

久々にWebサービスで感動!メモメモ。これは仕事で使えるぞ。 Cacoo – Web上で図の作成とリアルタイムコラボレーション Web制作している人でこれを知らないなら、一度は上のページに …

no image

トップページに「新着一覧」としてカスタム投稿を日付つきで出したく、以下のページを参考にして(コピペして)作ってみたのだが、うまくいかない。 WordPress カスタム投稿の一覧をトップページ表示する …