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/12

エンジニアにとってSESが最良の選択肢ではない3つの理由

どうも、フリーランスエンジニアのてぃすです。 ITエンジニアが正社員として働く上での選択肢として、SES企業というものがあります。 非常に数が多く、特に未経験エンジニアに対して広く門を開けているのでSESを選ぶ人はかなり多い。 しかしこのブログでは度々言っていることですが、ITエンジニアにとっては不幸になる可能性が高い働き方なんですよね。 そこで今日はエンジニアにとってSES企業という選択肢がなぜオススメできないかについて解説していこうと思います。 SESとは? まずSES企業とはどのようなものなのかにつ ...

続きを読む

エンジニア入門

2019/4/15

プログラミングの勉強はモチベーションだけでやると挫折する

こんにちは。フリーエンジニアのてぃすです。 最近は未経験からエンジニアを目指したり、エンジニアとしてのキャリアを向上させるために、プライベートでプログラミングを勉強をし始める人が増えてきています。 僕自身、プライベートの時間に未経験言語の勉強をしてキャリアアップした経験があるので、非常にいい傾向だと思っています。 しかしSNSやブログなどを眺めていると、 「この人モチベーションだけで勉強しているな」 という人を多く見かけます。 個人的な経験と人から聞いてきた話から、このようにモチベーションだけで勉強してい ...

続きを読む

エンジニア独立

2019/4/15

僕がITエンジニアとして独立しなかった場合の損失を計算してみた結果

どうも、フリーランスエンジニアのてぃすです。 僕はエンジニア歴が2年くらい経った頃に、月収が20万円を下回るような状態でした。 その後独立し、ほどなくして月収は100万円にまで到達しました。 実に5倍ほど収入が跳ね上がったことになります。 正直もう少し早く独立していればなぁと思っています。 今だからこそ考えられることですが、戦略さえしっかりしていれば、1年くらいは独立を早めることは可能だったと思うので。 こういう後悔というか振り返りをするたびに思うのですが、世の中僕以上に行動を遅らせることによる損失を食ら ...

続きを読む

エンジニア独立

2019/4/28

月80万円も目指せるフロントエンドエンジニアの魅力

どうも、フリーランスエンジニアのてぃすです。 ITエンジニアといえば、JavaやRubyを駆使するサーバーサイドエンジニアの方がイメージとして強いですよね。 ただWeb系で活躍するエンジニアには他にもフロントエンドエンジニアという働き方があります。 今日はこのフロントエンドエンジニアについて、 よくある誤解 どれくらい稼げるのか どうすればなれるのか 将来性 キャリアアップのコツ などの観点からお話していきます。 フロントエンドエンジニアとは フロントエンドエンジニアとは、簡単に言えばユーザーが操作する画 ...

続きを読む

エンジニア独立

2019/5/29

エンジニア歴2年の僕がギークスジョブでフリーランスを目指してみた

ぼちぼちの偏差値の文系大学を卒業後、パッケージ運用系のIT企業に就職。9か月で退職。 その後特定派遣会社の正社員として働いてきた僕がなぜフリーランスを目指す気になったのか。 一番の理由はズバリ、お金が稼ぎたかったから。 正確にはもっと効率よくお金を稼ぎたかったからです。 こんな会社もう嫌だ・・・ 現在僕は正社員として2年以上継続して現場に赴き、プログラミングの業務に従事してきましたが、全く給料が上がらない。 ぶっちゃけると手取りが20万円に届かないレベル。ボーナスもお小遣い程度なので年収も悲惨。 給与明細 ...

続きを読む

-WordPress

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