TIS ENGINEER NOTE

ITエンジニアのためのキャリア向上ノウハウブログ

WordPress

WordPressにTinyMCE Advancedを導入

更新日:

こんにちは。

本日はWordPressで記事を投稿する際に使用するビジュアルエディタ

ちょっと豪華にしてくれるプラグイン

TinyMCE Advanced

を導入いたしましたので、その手順を共有させていただきます!

ちなみに導入すると以下のようになります。

tiny-mce-advanced-after

 

たくさんのボタンが増える、というわけではありませんが、

かゆいところに手が届くようになる、といったプラグインです。

 

ちなみに私の環境は以下の通りです。

WordPressバージョン:4.4.2

使用テーマ:Stinger7

TinyMCE Advanced:4.2.8

 

導入手順

1. インストール・有効化

menu

 

管理メニューの左画面から『プラグイン』を選択

plugin-search

プラグイン管理ページで『新規追加』ボタンをクリック

(左メニューからも直接新規追加できましたね・・・)

 

次に移動したページの右上検索欄に『TinyMCE Advanced』を入力してEnterを押してください。

plugin-search-result

search-result

はい、左上にお目当てのプラグインが出てきました。

TinyMCE Advancedの枠内の『インストール』ボタンをクリックしましょう。

plugin-install

こんな感じに画面が進んでくれたらインストール完了となりますので、

左下にある『プラグインを有効化』をクリックしましょう。ここまでくればあと少し・・・

plugin-end

 

2. ボタンの設定など

設定に関しては下記のサイトを参考にさせていただきました。ありがとうございます!

TinyMCE Advanced の設定方法と使い方

バズ部

ボタンの追加

デフォルトでもいくつか増えているかもしれませんが、他にも便利なボタンがいくつもありましたので、

追加いたしました。

add-button

基本的にUnused Buttonsと書かれた枠の中にある項目を

上部にあるエディタメニューにドラッグ&ドロップするだけでOKです。ラクチンですね。

オプションの設定

option

ボタン追加の下にいくつかチェックボックスがありますので、画像と同様にチェックしておきましょう。

それぞれの意味は

上:エディタの入れ替えの際の不具合を抑制してくれる

下:フォントサイズをピクセルに変更する

となっております。

詳しくは上に記載しました参考にしたサイト様をご参照ください・・・

各種ボタンについても詳しい解説を載せてくださっています。

 

まとめ

これで今までよりも快適に記事の投稿ができそうです。

皆さんの充実したホームページ作成の手助けとなれば幸いです。

閲覧ありがとうございました!

よく読まれている記事

エンジニア独立

2019/5/30

中小SESに入社するなら、派遣エンジニアになった方が100倍幸せになれるというお話

こんにちは。フリーランスエンジニアのてぃすです。 僕はこれまで、 中小SES正社員 派遣エンジニア フリーランスエンジニア として活動してきましたが、その中で中小SESで正社員として働いていたときが、最も得るものが少なかった期間であったと確信しております。 給与・自分の時間・キャリア・経験のどれを取っても得られるものが少なく、エンジニアとして働く中で第三者に搾取される割合が最も多い働き方です。 そこで今回は僕がこれまでキャリアを積む中で確信した中小SESに入社するなら、派遣エンジニアになった方が幸せになれ ...

続きを読む

エンジニア入門

2018/11/14

○ヶ月でプログラマーになれる vs そんな簡単になれない論争について

こんばんは。フリーエンジニアのてぃすです。 最近TwitterをはじめとするSNSやブログなどで度々繰り返されている 「○ヶ月でエンジニア/プログラマーになれる」という広告や意見に対する、 「エンジニア/プログラマーはそう簡単になれる職業ではない」 という意見から始まる論争。 今日は実際にプログラマーとしてご飯を食べていて、職業エンジニアになるためのノウハウについての記事も投稿している立場から、この一連のやりとりについて意見してみようと思います。 「○ヶ月でエンジニア/プログラマーになれる」という広告・意 ...

続きを読む

エンジニア入門

2018/1/2

プログラマになるために資格は必要か

ここ最近のエンジニア需要増大に伴って、プログラマやエンジニアになりたいと考え始める人が周りにも増えてきました。 そんな時によく聞かれるのが「プログラマになろうとしたら、資格とか取ったほうがいいの?」という内容。 確かに、真っ黒な画面に向かってカタカタ英語や記号を打ち込んでいるTHE 専門職であるプログラマという職業には、何かしら資格が必要に思えるかもしれません。 今日はそんなプログラマ・エンジニアを目指していて、最初の一歩として資格取得を検討している人に向けてプログラマになるのに資格が必要かという疑問に応 ...

続きを読む

エンジニア独立

2019/4/15

稼げないエンジニアは過小評価が原因

こんにちは、フリーエンジニアのてぃすです。 僕は正社員時代、3年目になっても手取りが20万にも届かない残念な状態にありました。その時は、 てぃすITエンジニアとか全然稼げない職業なんだな という印象を持っていました。別の業種に就こうと考えたことも1度や2度ではないです。 そして正社員を辞めてフリーランスになって月100万程度は安定して稼げるようになり、エンジニアの収入の相場のカラクリが少しずつ掴めてきました。 勘違いしないで欲しいのですが、単に正社員よりフリーランスの方が優れているということが言いたいわけ ...

続きを読む

エンジニア独立

2019/4/20

【時給2000円以上】経験者が語る派遣エンジニアの魅力

どうも、フリーランスエンジニアのてぃすです。 巷で語られているITエンジニアの働き方といえば、正社員 or フリーランス、というのが主流として語られています。 しかしITエンジニアにとって美味しい働き方がもう1つ存在しています。 それが今回紹介する派遣エンジニアです。 ぼくもフリーランスエンジニアとして独立する前の準備期間に派遣エンジニアを活用しました。 今日はその派遣エンジニアという働き方の魅力と活用方法について紹介していきます。 派遣エンジニアとは 今回紹介する派遣エンジニアという働き方を一言で表すと ...

続きを読む

-WordPress

Copyright© TIS ENGINEER NOTE , 2019 All Rights Reserved Powered by AFFINGER5.