TinyMCE Advanced設定方法|見出し装飾文字も簡単!

TinyMCE advancedで記事強調タグ、文字色、フォントサイズを自由に設計

このページをご覧頂きありがとうございます。

サイト管理人錦織大輝と申します。

ワードプレス初心者がすらすら記事を書くためにおすすめのプラグインとしてTinyMCE advancedについて

・プラグインTinyMCE advancedインストール方法や設定方法を動画で解説

プラグインTinyMCE advancedインストール方法を画像付で解説

プラグインおすすめの設定方法画像付で解説

プラグインTinyMCE advanced使用上の注意点

以上の内容で解説しています。

ワードプレスで記事を書く際の装飾をボタン管理してくれるプラグインですからどんどん活用していきましょう。

プラグインTinyMCE advancedインストール方法や設定方法を動画で解説

プラグインTinyMCE advancedインストール方法や設定方法を後日動画で作業風景を撮影しながら公開していこうと思います。

下のテキストでは、画像をその都度撮影した内容から集めていますので、どちらでもお好きな方法でご覧ください。

 

プラグインTinyMCE advancedインストール方法を画像付で解説

プラグインインストール方法

まずは、インストール方法を画面キャプチャを利用しながら解説していきます。

プラグインインストール1

①ダッシュボードからプラグインにマウスカーソルを合わせます。

②新規追加をクリック

インストール方法1

①キーワードの右横に 「TinyMCE Advanced」を入力

②いますぐインストールをクリック

インストール2

このような表記が出てきますので、OKをクリック

インストール方法3

インストールしているプラグイン:という表題と以上の内容が表記されます。

・プラグインを有効化をクリック

以上でTinyMCE Advancedのインストール方法は終了になります。

次に設定方法について解説していきます。

 

プラグインTinyMCE advanced設定方法を画像付で解説

設定方法

では次に、設定方法を画像付きで解説していきます。

まずは、設定画面を開く作業。

設定方法

①ダッシュボードメニューの設定にマウスカーソルを合わせます。

②TinyMCE Advancedをクリック。

すると、

設定方法1

このような画面が出てきますので、もう少しスライドさせてみます。

設定方法2

このように様々なボタンを配置する事が可能ですから、自分なりのカスタマイズを配置を含めて行いましょう。

配置できるボタンは以下のような内容があります。

私がオススメする特に使う可能性の高いボタンをご紹介していきます。

設定方法3

この配置は実際に私が使用している配置になります。

 

B

太字 太くします
引用タグ 引用タグ 引用テキストに使います
moreタグ moreタグ 続きを読むの境目に使います
背景色 背景色 装飾文字として背景色を変更します
テキスト色 テキスト色 などのテキスト色を変更します
フォントサイズ変更 フォントサイズ フォントサイズをpx指定で変更します
段落hタグ 段落タグ H3.4などの段落を指定可能
動画挿入タグ 動画挿入 動画を挿入する際に使います
番号なしリスト リストタグ 番号なしのリストタグ
画像挿入 画像挿入

画像挿入する際に使います

以上の内容が特に使用頻度が高くなる可能性があると思います。

この他の内容については、動画で、いくつか 簡単にご紹介していこうと思います。

最後に、プラグインTinyMCE Advancedの注意点を解説していきます。

 

プラグインTinyMCE advanced使用上の注意点

注意点

このプラインを使用する際の注意点を体験談からご紹介していきます。

TinyMCE Advancedの注意点1 コピー貼り付けに注意

通常、文面の中に用いるコピー貼り付け機能は簡単に扱える機能の1つ。

しかし、

このプラグインを使う際は、

Hタグ、ストロングタグがそのまま反映されたコピー、貼り付けになる

この点が要注意!

具体的には、

Hタグの一部をコピーして扱う

次のHタグ部分に貼り付けを行う

周囲の改行を行った際、テキストがない、不自然なHタグが残ってしまう

こうした事が私の体験談でもよくあります。

しっかり最後には、確認するようにしましょう。

TinyMCE Advancedの注意点1 リンクタグなどは、テキスト入力

タグを用いて、外部リングや内部リンクをしていく記事もあると思います。

このプラグインは、ビジュアル画面で入力するのが、通常。

プラグイン使用上の注意点

この画像は、今この記事を実際にキャプチャした画像。

ビジュアルモードで入力しています。

このままリンクタグを入力してしまうと、

TOPページ宛のリンクコードがあったとします。

このコードがそのまま出てしまいます。

実際プレビューで確認すると、

TinyMCE Advanced注意点2

このように表示が間違って出てしまうので、注意しましょう。

必ず、リンクコードは、テキストに一度切り替えて入力する必要がある

これが、リンクタグを先ほどのリストで紹介しない理由です。

以上が、私がオススメする初心者向け入力補助プラグインTinyMCE Advancedのインストール及び設定方法になります。

この他の初心者におすすめのプラグインについては、

ワードプレス初心者におすすめのプラグイン厳選リスト

にてご紹介していますので、合わせて参考にしてください。

この記事を最後までお読み頂きありがとう御座いました。

 

当サイト人気コンテンツ

人生やり直したいがアフィリエイトのきっかけNo1ワードプレス記事内画像挿入方法物販アフィリエイトとはトレンドアフィリエイトアクセスアップアフィリエイトコンサルの全貌

コメントを残す

サブコンテンツ

著者:錦織大輝プロフィール


管理人:錦織大輝

年齢 1979年生まれ

私の収入実績

平成26年12月 アドセンス本格参入

平成27年3 月 アドセンス収入14万円達成

平成27年10月 アドセンス収入100万円突破

平成28年3月 コンサル依頼と指導実践開始
Googleアドセンスで100万円稼ぎました!
2015年10月アフィリエイト報酬実績証拠画像

2014年3月実績証拠画像
2015年3月アフィリエイト報酬実績証拠画像



私へのご相談もお待ちしております。

錦織にコンサルを頼んでみたい! こんな熱意のある方に、私が全力 でサポートしている詳細は↓

錦織のアフィリエイトコンサル費用

アフィリエイト無料相談受付中

メール相談希望の方へ
アフィリエイト無料相談


アフィリエイト初心者の方の始める前の不安から実践中の悩みなどお気軽にご相談ください。

24時間以内に必ずご返信させて頂く事をお約束いたします。

Skype音声通話を希望の方へ

Skypeによる無料音声相談を行っております。


skype希望の方は、まずは、chatにてご連絡ください。
24時間以内に確実にご回答させていただくことをお約束します。

応援ありがとうございます。

YOUTUBEチャンネル

トレンドアフィリエイトやり方

トレンドアフィリエイト初心者やり方まとめ

最新情報をメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

アフィリエイト始め方

アフィリエイト初心者始め方まとめ

物販アフィリエイトやり方

物販アフィリエイト初心者向けやり方講座まとめ

更新記事をメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

Facebookページ

最近のツイート

静岡県中部でホームページ制作会社運営中

会社,企業のホームページへの誤解,SEO対策戦略の誤解等を解りやすくご紹介してます。

静岡でホームページ作成,SEO対策ならお任せ下さい!

このページの先頭へ

FX ブログ