このエントリーをはてなブックマークに追加  ブログランキング・にほんブログ村へ

WordPressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

受験勉強の時にお世話になった蛍光ペン✐

重要な所や覚えたいところに線を引いた覚えはありませんか?

後から見直した時に重要な場所が見つけやすかったり、色別に分別出来たり何かと便利ですよね!

ブログを書く際にも、強調したい所にラインを引くと、目につきやすくなり、印象に残ったり、文章にもメリハリがつきやすくなり効果的です。

そんな便利で効果的な蛍光ペンのように文字を装飾できるプラグインを紹介します。

今回のマーカー装飾はこんな感じの装飾です。(Wordpressを始めたばかりの人におススメ!)

これじゃなくて、こっちをお求めの場合(Wordpressに少し慣れてきた人におススメ!)は、事らの記事をご覧ください。

WordPressで文字を装飾!下線マーカーを引くタグをプラグイン『AddQuicktag』に登録

プラグイン『TinyMCE Advanced』は様々な機能がありますが、今回は『文字に背景色を付ける』方法をご紹介します。

プラグイン『TinyMCE Advanced』の詳細設定は、こちらの記事をご覧ください。

『投稿作業に欠かせないプラグイン『TinyMCE Advanced』を使って直感的な操作も可能に!』

TinyMCE Advancedのダウンロード

『TinyMCE Advanced』は文字装飾が簡単にできてしまうプラグインです。

WordPressの管理画面からインストールしていきます。

①【プラグイン】→②【新規追加】をクリックします。

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

①【キーワード】に『TinyMCE Advanced』と入力し検索します。

②『TinyMCE Advanced』が表示されたら【今すぐインストール】をクリックします。

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

インストールが済んだら【有効化】をクリックします。

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

TinyMCE Advanced設定方法

管理画面から①【設定】→②【TinyMCE Advanced】を選択します。

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

【エディター設定】の下部のある【使用しないボタン】の中にある『背景色』を上部にドラッグ&ドロップします。

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

その他にも追加したい機能は上部へ、不必要なものは下部へドラッグ&ドロップしてカスタマイズができます。

詳しくは、こちらの記事で紹介しています。

『投稿作業に欠かせないプラグイン『TinyMCE Advanced』を使って直感的な操作も可能に!』

変更後は【変更保存】をクリックしてください。

Wordpressで文字を装飾!マーカーを引くプラグイン『TinyMCE Advanced』

文字の装飾方法

では、文字を蛍光ペン風に装飾してみましょう。

蛍光ペン風に【装飾したい文字(範囲)をドラッグして選択】します。

【背景色】の【▲】をクリックし【色を選択】します。

こんな感じになります→文字を蛍光ペン風に装飾してみましょう。

『投稿作業に欠かせないプラグイン『TinyMCE Advanced』を使って直感的な操作も可能に!』

背景色は表示されている、パレット以外の色にも変更できます。

色をお好みでカスタマイズしたい時は、こちらの動画をご覧ください。

まとめ

蛍光ペン風にラインを引いて色が増えると、記事にメリハリが出て読みやすくなりますが、

ラインを引きずぎたり、色を増やしすぎるとゴチャゴチャし過ぎて逆効果になることも( ;∀;)

程よく上手に利用して、記事の魅力をアップさせてください。

その他のおすすめプラグインは、こちらからご覧ください。

おすすめプラグイン一覧

最後までご覧いただきありがとうございます。

ポチッと応援してもらえると嬉しいです(*'▽')

このエントリーをはてなブックマークに追加 ブログランキング・にほんブログ村へ

メルマガ登録

メルマガ登録