WordPressの設定

fontawesomeのアイコンを簡単に記事中に挿入出来るよ!

記事中にアイコンを表示させよう!

「Better Font Awesome」を有効化するとTinyMCE Advanceで表示されたメニュー上に、下図の赤枠で囲った「Insert Icon」(アイコン挿入)ボタンが表示されます。

 

この「Insert Icon」をクリックすると下にアイコンの一覧が表示されます。

 

挿入したいアイコンを選択し、クリックしてみましょう。今回は自転車?のアイコンを選んでみました。

 

すると記事中にショートコードが挿入されます。

 

アヒルン
ビジュアルモードだとそのままショートコードが表示されちゃわないの?
うちゅうじん
ではプレビューを見てみよう

 

早速挿入されたショートコードをプレビューで見てみると・・

無事に自転車のアイコンが表示されていますね!

 

アヒルン
ビジュアルモードではショートコードでもきちんとアイコンで表示されるんだね!

 

何となく挿入した感じを掴んでもらったところでバンバンと並べてみましょう。適当に作ったのでプレビューで見てみると・・

 

それぞれが独立してアイコンが表示されてますね!

アヒルン
なかなか良い感じだね!
うちゅうじん
これを100種くらい自在に使えるのはとても便利だな

 

メニューから「ワンクリック」でアイコンが表示できるってほんと素晴らしいです。

 

記事へのリンクの際、コチラ みたいに使うと便利ですね。

【高速化】WordPressが重い!プラグインを見直すだけで表示速度が4倍に?

fontawesomeのアイコンを簡単に記事中に挿入・まとめ!

「Better Font Awesome」プラグインを使ったアイコン挿入は上手く出来ましたか?

  • Better Font Awesomeをインストール
  • Tiny MCE Advanceをインストール
  • 好きなアイコン選んで記事中に挿入!

このプラグインを使うことでWordPressのテーマに頼らず、記事の中に様々なアイコンを自由自在に挿入することが出来ますね。

 

リンクアイコンを挿入したり、ビックリマークを使ったり用途は様々。

 

またプラグイン自体の容量が軽めに設計されているため、そこまでサイトの読み込みを遅くなりません。他プラグ・インとも干渉させないように工夫されています。

 

oyakun
サイトの表示速度に影響が出ずに気軽に導入出来るオススメプラグインです。このサイトではメニューバーにfontawesomeアイコンを設置していますよ。

【最適化】WordPress・内部リンク専用プラグインShow Article Mapがスゴイ

最適化!
【最適化】WordPress・内部リンク専用プラグインShow Article Mapがスゴイ

最適化された内部リンクはPVアップに直結します。 僕のサイト、近々内部リンク見直してからマイネオ成約数が2割以上増えた気がする。 PV数もかなり増えてるから厳密に何割増えたかはわかんないけど、それくら ...

  • この記事を書いた人
  • 最新記事
oyakun

oyakun

30代半ば♂妻・子3人の5人で日々激戦中。Google app script&VBA初心者が自分の備忘録を兼ねて「スプレッドシート、Excel、WordPress、plugin」の設定等、主にブログやアフィリエイト周辺のtipsを背伸びしながらご紹介しています。

Copyright© OYAKUDACHI.XYZ , 2019 All Rights Reserved.