*

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

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


コロナ禍で進化するものたち 非接触の消毒液自動噴霧スタンドなんて見つけた話

  コロナ禍で自粛生活が続く中、実にいろいろなものが考

サブスクとは?広がるいろいろなサブスク 実は既に使っていた!

最近よく耳にする「サブスク」。 いろいろな方面で活用がひろがって

コロナ禍でのアクリルパーテーションの手入れとゴミの出し方

コロナで自粛が続く中、飲食店や会社でもコロナ対策としてアクリルパー

コロナ禍のマスク生活 呼吸が楽なインナーカップとカラーマスク購入

まだまだコロナは収まりそうにないので、マスク生活は続きそうです。

手の痺れはビタミンB12不足が原因? コロナ禍で処方箋を貰った方法

腱鞘炎で痺れと力が入らないという症状から処方してもらっていた薬は、

→もっと見る

  • こんにちは。波空です

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

  • BTOパソコン・パソコン関連商品がお買い得!パソコン工房のセール

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

PAGE TOP ↑