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

執筆者:

関連記事

ArtisteerでもWordPress用のトップページを作れる!

WordPress用のテーマを作るのにArtisteerは、非常に便利だ。 急ぎの仕事で、何度助けられたことやら。 しかしトップページは、既存の投稿記事か、投稿ページを使うという運命のため、いくらデザ …

no image

WordPressでページ先頭に新着情報を表示したい

表記の方法がわからず数時間悩む。 WPはバージョン2.7より、スティッキー・ポストという機能ができたのでそれを使おうとしたのだが、どう設定してもうまく行かない。 ようやくわかったのは、 ・スティッキー …

クリップボードの画像をファイル保存せずそのまま投稿画面に貼り付けられるとは・・・素晴らしい OnePress Image Elevator

上記の画面は、FireFoxのScreenShoterプラグインで、画面から直接クリップボードに画像を撮って、WPの投稿画面にペーストしただけのもの。 WordPress › OnePress Ima …

no image

WordPressで手軽にスライドショーができるプラグインがないかと探してみたら見つけた

Cross Slide Cross Fade http://wordpress.org/extend/plugins/crossslide-jquery-plugin-for-wordpress/ イ …

no image

WordPressのテーマタイトルとファイル・インクルードの備忘メモ

style.cssの三行目を「Theme Name: Twenty Ten faq 20141212」などとすれば、管理画面のThemeのタイトルが変わる。 @charset "utf-8& …