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/4/15

フリーランスエンジニアの適正価格をぶっちゃけてみる

どうも、フリーランスエンジニアのてぃすです。 先日以下のツイートをしました。 実務経験2年以上のエンジニアが都内でフリーランスをやる場合、週5で月60万未満の案件は切り捨ててOKです。正社員的に考えると高めに見えますが、業務委託としてやるには60万円しか出さない案件は最底辺であると考えましょう — てぃす@フリーランスエンジニア (@tis_engineer) March 29, 2019 すると結構な反響があったので、今日はこのツイートで語っているフリーランスをやる場合の単価の基準について、 ...

続きを読む

エンジニア独立

2019/4/15

フリーランスエンジニアになって大変だったこと・苦労したこと

どうも、フリーランスエンジニアのてぃすです。 このブログでは基本的にITエンジニアの独立を勧めることが多いですが、今日はちょっと視点を変えて、フリーランスエンジニアとして活動する上で、苦労することに視点を当ててお話していこうと思います。 世間ではフリーランスをもてはやす声、それに対する反論などが飛び交っていますが、多くの意見が「フリーランス」という一括りにしたもので、実情を捉えていないものがほとんどであると感じています。 この記事では実際に僕がフリーランスエンジニアとして活動してきた中でリアルに体験してき ...

続きを読む

エンジニア独立

2018/1/27

エンジニアは報酬・やりがい・成長機会の全てを求めるべき

こんにちは。フリーエンジニアのてぃすです。 僕は働く上で大事な要素となるのは以下の3つであると考えています。 報酬(給与)の額 やりがい 成長機会 で、これは僕のようなエンジニアという職業だと更に重要度が増します。 人手不足・需要拡大の影響もあり、事務や営業などといった非専門的な職業と比べて、選択次第で高収入を目指しやすくなっていますし、キャリア構築の重要性も他の職業よりも高いですからね。 自分の貢献した結果にふさわしい報酬を受け取りたい。 1日8時間、人生の大部分を働くことに費やすことがほとんどのわけで ...

続きを読む

エンジニア独立

2019/5/29

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

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

続きを読む

エンジニア独立

2019/4/15

他のエンジニアと差をつけるための面談前の下準備

こんにちは、フリーエンジニアのてぃすです。 僕は正社員から派遣、フリーランスへと転身する際に、絶対に妥協したくないという意志の元、半年ほどの間に10件近くの面談を体験してきました。 今日はその時の体験を元に、エンジニアが面談を受ける前に下調べしておくべきコンテンツについて紹介していこうと思います。 なぜ下調べが必要か エンジニアって面談を軽視している人が多いんですよね。 ある程度の経歴があるエンジニアは、売り手市場であることも手伝い、まあまあ満足できる就業先を得られるのでそこまで面談対策をじっくりしている ...

続きを読む

-WordPress

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