Wizard In The Market
システムトレードの魔術師

*

神プラグインWP Editorにカスタムボタンを追加するには

公開日: : 最終更新日:2014/10/30 Wordpress, Plugin ,

先日の記事からの延長でご紹介です。

WP EditorにはAddQuicktag等が反映されない

AddQuicktag等は標準のエディタ用に作られているので、WP Editorを使用した場合には残念ながら変更が反映されません。

そのため、今日はWordPressのプラグイン、WP Editorにはカスタムボタンを追加する方法がないので、今日はそのTipsのご紹介。

WP Editorにカスタムボタンを追加する方法

WS000152

インストール済みプラグインのページから、WP Editorの編集ボタンを押します。

WS000153

jsフォルダの中にある”posts-jquery.js”ファイルを開きます。

実際にコードを追加する必要があるのは2箇所です。
私の場合、h2,h3,h4のタグが欲しかったので、それを例に紹介します。

追加するコード1カ所目

111行目あたりからのコードに上記の黄色行を追記しました。

insertOpenCloseTag(tag, title, beginningTag, endTag)というのがタグの定義で、

このような形式でコードを記述します。必要に応じて、コードを変更してください。
endTagに引数を設定しなければ、終了タグがないボタンになります。

追加するコード2カ所目

350行目あたりにあるコードに上記の黄色行を追加しました。上記の例では、エディタ上のlinkボタンの後にh2,h3,h4コードが追加されるようになります。先ほど加えた”wpe_qt_content_*”のコードが一致していないとちゃんと動きませんのでご注意ください。

形式としてはこのような形です。

この2箇所へのソースコードの変更し保存すれば、カスタムボタンの追加ができます。やっぱりWP Editorで編集していきたいですもんね。

お疲れ様でした!

にほんブログ村 為替ブログへ 
Fx-Kirin

About Fx-Kirin

2009年10月にFXを開始、翌年2010年5月から脱サラをしてFX業界に専念。 2012年10月頃から本格的に勝ち始め、一月で資産を倍にする、2年半月間負けなし等、安定した収支で2013年11月に生涯FX収支が1億を超える。 投資スタイルはシステムトレード。プログラミングの知識がほぼない状態から、独学で自分がしたいと思うことであればほぼ実現することが可能なレベルまで成長。好きな言語はRuby, Python。必要となればC++からVBA、Pascal等なんでも行う。MT4/MT5のプログラミングも得意。 2011年にはFXで稼いだ資金をもとにシンガポールに移住し、留学も兼ねて起業をチャレンジするほど、ビジネスを興すことに熱意がある。国内の業者を主に使い始めたことから、2012年に帰国。零細株式会社経営中。

Adsense

  • このエントリーをはてなブックマークに追加
  • Pocket
  • 67 follow us in feedly

関連記事

これが原因か!TinyMCE AdvancedのStop Removingオプションは使わなほうが良い件

WordPressを使い建ての頃は、エディタの独特さと付き合うのが苦手でした。全部HTMLで作成してももちろ

記事を読む

セキュリティ向上、スパム対策にGoogle Captcaで画像認証!

昨日からの続きで、ログインページのセキュリティ向上や、コメントスパムの対応策としてGoogle Captch

記事を読む

2chまとめを無料で作るならこれ! エディターツールの紹介

以前、クリック証券での999円狩りを見てから初めて2chまとめを作ってみたものの、慣れない作業というのは難しいものですよ

記事を読む

おしゃれなTwitter Cardsをプラグインで簡単に表示する方法

Twitter Cardsはツイッターをしていると見ることが多い、おしゃれでなかなか良い感じの機能です。今日は記

記事を読む

WordPressには絶対に入れた方がいい WP Editorが便利すぎる件

こんにちは。キリンです。 今日も例に漏れず、ブログ構築の際に得た情報をご紹介します。WordPressを運用してい

記事を読む

バグ回避!Crayon SyntaxHighliterの上手な使い方

先日の記事で、TinyMCE AdvancedとSyntaxHighlighter Evolvedを併用すると表示バ

記事を読む

簡単お手軽!Pluginでrobots.txtを設定!

今日もWordPressのプラグイン関係の記事です!Google Web Masterを使っている際に、なぜかクロールエ

記事を読む

乗っ取られてからでは遅い!WordPressのログインのセキュリティを向上

WordPressはBrute Force Attackに弱い [bm url="http://wpdocs.sou

記事を読む

WPBlogではPHPや外観の設定を変更してもすぐには反映されない

先日の記事にて、WPBlogがお勧めな理由をご紹介しました。 WordPressで運用を始めるならWPBlogがお勧め

記事を読む

これは困る!TinyMCE AdvancedでHTML escapeができない

快適なWordPress環境の追求 ひたすらWordPress関連の記事が続きます・・・。 今までに何回か立ち上

記事を読む

Comment

  1. […] ress管理画面 > プラグイン > WP Editor > 編集」でPlugin Filesのうち、「js/posts-jquery.js」ファイルをいじる。 参考:神プラグインWP Editorにカスタムボタンを追加するには _ Wizard In The Market […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Adsense

Fixing kernel error AMD-Vi: Event logged IO_PAGE_FAULT on Ryzen Machine

My pc was periodically shut down on 7:40 am JS

Ubuntu で仮想ディスプレイを使う

雑多な備忘録ですが、せっかくなので残しておきます。 Ubuntu 18.04 の resolv.c

PYPIへの登録を10秒でできるようになる方法

pip 使ってますよね Pythonを使っている人であれば、pip installでライブラリ

The art of debugging with GDB, DDD, and Eclipse の読書メモ

GDBの勉強がしたくて、下の本を原著で読んでみました。10年前の本だけど全然現役でした。

JupyterでボタンからJavascriptを実行して追加のアウトプットをさせない方法

Javascriptを実行するとアウトプットセルの行が増える これがとても面倒だった。上の

→もっと見る

PAGE TOP ↑