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正社員がモダンな技術を扱うフリーエンジニアになるまでにやったこと

こんにちは。フリーエンジニアのてぃすです。 僕は独立する前、SESの正社員として非常に歴史の長いプロジェクトに常駐で参加していました。 Javaを使ったシステムなのですが、他のJavaエンジニアに聞いても「なにそれ」と言われてしまうような非常にマニアックなフレームワークを最新から数年遅れのバージョンで扱っていました。 自動テスト?クラウドサーバー?なにそれ?的な非常にレガシーかつ面白みのない状況に嫌気と不安を感じて独立を志したわけです。 で、この時のような僕と同じような状況で悩んでいる人ってのをエンジニア ...

続きを読む

エンジニア独立

2019/5/29

転職したいエンジニアの背中を押す記事

知人であったり、SNS上で知り合いのエンジニアの中には、今の職場に不満を感じ、転職したいという思いを募らせている人が結構な割合います。 僕からしたら絶賛売り手市場であるエンジニア業界において、劣悪な労働環境に耐えるという選択は非常に勿体無いことだと考えています。 確かにIT業界における技術者というのは、非常に需要のある立場ですが、慎重に働く場所を選ばなければ搾取される可能性が高いです。 技術という武器を持っているエンジニアならば、ストレスなく効率よく働くべき場所を求めて行動を起こすべきだと思うんですよね。 ...

続きを読む

エンジニア独立

2019/4/23

エンジニア派遣でキャリアを積んで高収入を目指す

エンジニアとして採用面談を受けたことのある人なら分かると思うのですが、面談の時に最も重要視されるポイントは業務経験です。 もちろん普段の個人学習や、技術への関心などでフォローできる面もありますが、一番見られるのはどんな技術を使って、どんな業務を行ってきたかという点なんですよね。 採用する側もプロダクトの正否を左右する立場として責任を負っているわけですから当然です。 そんな時、良質な職務経験をどのように積むことができるか、というのがポイントになってきます。 今回はキャリア構築のための、派遣エンジニアという選 ...

続きを読む

エンジニア入門

2019/4/28

未経験からプログラミングを学ぶための方法を徹底比較

いまの時代、プログラマという仕事ほどインスタントに高収入を目指せる職業は存在しないと考えています。 未経験の言語での参加にも関わらず、最初から残業なしで手取り30万円を得られた経験を以って、そのことを強く実感しました。 で、最近はプログラマ・エンジニアのこういった稼げる側面に気づいて、プログラマになりたいと考える人多くなってきました。 が、実際にどのような手順を踏んでプログラミングを学習して、プログラマになればいいか分からない人も同様に多いようです。 勉強方法によっては遠回りになりかねない 働きながら勉強 ...

続きを読む

エンジニア入門

2018/8/19

プログラミング初心者にRubyを強くオススメする理由

こんにちは、フリーエンジニアのてぃすです。 プログラミングを始めようと思った時にまず立ちはだかるのが、 どのプログラミング言語を選択するか という問題です。 Googleで『プログラミング おすすめ』や『プログラミング 初心者』などと調べてみても、 オススメプログラミング言語○選といった類の記事やサイトばかりで 結局何を勉強すればいいの? となってしまっていることでしょう。 そこで今回は、現在プログラマーとして働いている私から、これからプログラムを勉強したいという方に向け、国産プログラミング言語であるRu ...

続きを読む

-WordPress

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