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

執筆者:

関連記事

YITH WooCommerce Order Trackingのトラッキングコードをメールに表示するには

以下のブログ主さんが、表題の件を実現する方法をレクチャしてくれているのを発見、けども・・・。 WordPress YITH WooCommerce Order Trackingのトラッキングコードをメ …

no image

WordPressでCSVからユーザーを一括登録/インポート

同じ事がしたいなら、Google先生に聞くと、CW Batch Registerというプラグインが良く出てくる。 しかし、私のWPの環境だと自動インストールの候補に挙がってこなかった。 なぜだかわから …

no image

WordPressとArtisteerとAdvanced Excerptの抜粋表示について

WordPressで抜粋表示するプラグインを探していて、Advanced Excerptというのがでてきた。 しかし、インストールしてみたが、いっこうに抜粋されない。 なんでかなーと調べてみると、今、 …

no image

TinyMCE Advancedで表が作れないトラブル

WordPressで表を造る近道のTinyMCE Advanced。 ・・・だが今回、インストールはしたものの、表作成のボタンをクリックしても白いのっぺらぼうのウィンドウが出るだけで何も出来ないという …

no image

WordPressとktai-styleプラグインで携帯画面での見え方を編集

コメントを非表示にしたかったのだけど、どのファイルを直せばよいかわからない。。。 2時間ほどかかってやっと見つけたそのファイルは、archive.php。 苦労したけどヨシヨシ。 あと、poファイルの …