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

WelcartのデータをColorMeShopに移行する

基本的には、WelcartのデータをMySqlAdminでエクスポートして、出来たデータをColorMeShopの商品一括登録でインポートするという流れ。 以下、手順を備忘録。 1.MySqlAdmi …

no image

Artisteerでテンプレートを作ってColorMeで使う、覚え書き

1.Artisteerで2カラムのデザインテンプレート作成。安全を考え外観がColorMEに使えそうなものにする。で、HTMLエクスポート。 2.ColorMeにアクセスし、管理画面のデザイン画面で、 …

no image

Contact Form 7にパラメータ

必要があり、Contact Form 7にパラメータを渡すことにチャレンジ。 最初、以下のブログに書いてあるやり方でもって、そのまま簡単にできると思った。 WordPressの「Contact For …

no image

Ads by datafeedr.com というWordPressのプラグインが動かない原因は自分のブラウザであった

何度設定しても、広告が表示されない、出てこないと思っていたら。 自分のFireFoxに入れているAdBlockPlus拡張が、広告をブロックしていただけであった。 気がつくのに1時間かかっちゃったよ! …

no image

WordPressで新着情報

WordPressで新着情報を作る際は、毎回、「えーっと、どうやるんだっけ・・・」と、過去に作ったコードを、過去に作ったメモの中からひっくり返して探し出し、さらに記憶の中からも実装手順をひっくり返して …