*

WPで記事書きを楽しく Webフォントが簡単に入れられるプラグイン

公開日: : 最終更新日:2020/09/04 WordPress, プラグイン

記事を書いていると説明の文頭なんかに「●」や「・」でなくわかりやすいアイコンなんてつけたいって思う事ないですか?
記号で変換すればいくつかのアイコンは出てきますが、珈琲や指さしマークなんてないですよね。
漢字変換で出てくる記号のアイコンも環境依存文字だったりします。
もっと手軽に可愛いアイコンを使いたい!そんな思いを解決してくれるプラグインをみつけました。^^

スポンサーリンク

 

WP Visual Icon Fontsのインストール

記事に簡単にWebフォント(アイコンのフォント)を簡単に設置できるのがこのプラグインです。

このプラグインを利用すれば、文字が多い文章も、見やすくできますね^^

さっそくインストール icon-music 

 icon-flag ダッシュボードの左側のメニューから「プラグイン」⇒「新規追加」をクリックします。

 icon-flag 検索窓に「WP Visual Icon Fonts」と入力して検索します。

 

インストール

 

いつもなら、プラグイン名を入力すると、一番先頭に探しているプラグインが表示されるのですが・・・

今回のこのプラグインはなぜか3ページ目にありました。

 icon-flag 表示されたら「今すぐインストール」をクリックします。

 

 

 icon-flag インストールできたら「有効化」をクリックします。

これで完了!

 

簡単ですね^^ 使い方もとっても簡単

 

WP Visual Icon Fontsの使い方

 icon-flag-o インストールするだけで投稿画面に図のような「Icons」というボタンができます。

 

投稿画面は、ビジュアルエディタでもテキストエディタでもやり方は同様ですが、

ビジュアルエディタだと、入れた時にアイコンを確認できます。

 

 icon-flag-o Webフォントを入れたいところにカーソルを点滅させます。

「Icons」ボタンをクリックします。

 

 icon-flag-o 図のように「Icons」の右横に▼が表示されるのでクリックします。

プルダウンメニューでWebフォントが選択できるようになります。

 icon-flag-o 使いたいフォントをクリックすると、カーソルの位置にアイコンをいれることができます。

 

 icon-flag-o 段落の頭にアイコンがはいりました

 

Webフォントの編集

挿入したWebフォントは、文字と同様に色を変更したり、文字サイズを変えたりできます。

フォントの色と大きさを変えてみましょう。

 icon-flask Webフォントをドラッグで範囲指定します。

 

 icon-flask 「テキストの色」のボタンをクリックして、変えたい色を選択します。

 

 icon-flask Webフォントのサイズ変更は「フォントサイズ」の▼をクリックして、

プルダウンメニューからサイズを選びます。

 

「テキストエディタ」では、図のようになっていますので色やサイズを変えるのもHTMLで記述します。

波空
これ使うのはビジュアルエディタのが楽ですね(^^;

猫にゃん
なんか同じWebアイコンて使えないの?二ついれたくてもはいらないみたいだにゃん

波空
そういえば、どこかのサイトで1回使うと同じアイコンを他の箇所に挿入できないとかって書いてあったような・・・でも、大丈夫^^

波空
入れたいアイコンを範囲指定して、右クリックでコピー、入れたいところに貼り付けすればOK

猫にゃん
なんだ文字と一緒なんだにゃ

 

Webアイコンはいっぱいあるから、よく使うものとか、どの辺にあるかみておくといいですね。

図は左上から右に、そして次の行にと、順番に入れてみました。参考にしてください。

 

WP Visual Icon Fonts 最後に

 icon-coffee これで、文字が多い記事も読みやすくできますね^^

書くときも楽しくなります。なんといっても簡単・楽しいが一番^^

 


にほんブログ村

スポンサーリンク




スポンサーリンク




Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


霧と雲は同じもの?! 霧と靄と霞とは?それってなにが違うの?特徴と違い

少し前、朝の天気予報の時「霧(きり)と靄(もや)と霞(かすみ)の違

気象や天気に関する記事一覧

お天気や気象に関してはニュースで聞いてもよく解らないことがあります

ガラケーとスマホ2台持ちをデュアルSIMで1台のスマホに!

  今までガラケーとスマホの2台持ちでもSIMフリーを

マスクを外した場合は?食事やお茶飲みでの外したマスクを置くには

  外出の時にはマスク。 人混みでもマスク。 でも

レジ袋有料化 レジ袋の種類とサイズと特徴 買うならどれがいい?

レジ袋有料化が2020年7月から実施されてからエコバッグを持参で買

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくて
    アフィリエイトにチャレンジ中
    好きなものは・・・アニメ・漫画・ゲーム・お絵描き・
    映画を観ること・パソコンで遊ぶこと
    やりたいことは・・いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。日々どうしたらできるか考えながらリアル仕事に追われています。

  • 手軽に雑誌が読める!
    楽天マガジン

PAGE TOP ↑