新しいブログに移動しました。
9ensanのLifeHack
こちらの記事も必要に応じて新しいブログに移動させる予定です。
今後ともよろしくお願い致します。

HOME > WordPress > 

WordPressのTinyMCEにTypePadの絵文字を追加したよ!!

WordPressのTinyMCEにTypePadの絵文字を追加したよ!!

  • 2009.02.01 (日) 18:22
  • WordPress
  • ,,

この記事の内容は「TinyMCE Advanced」で簡単に絵文字を追加できるようになりました。
詳しくは、記事:TinyMCE AdvancedっていうプラグインにTypePad絵文字追加したよをご覧ください。

WordPressの現在のデフォルトの投稿用エディタ「TinyMCE」にTypePadを追加しました

最初は、FCKEditorを使用しようかと思ったのですが「iG:Syntax Hiliter」というプラグインとの相性が悪く記事のメンテナンス性が著しく低下した為にデフォルトのエディタTinyMCEを使用することにしました。

FCKEditorを使用していた時に、TypePadの絵文字を追加し使用していたのでTinyMCEでも同じように絵文字を追加したいなと思ってサイトにソースが落ちてない探していたのですが…ない

なので、作っちゃいました(実際は、FCKEditor用の落ちてたソースをTinyMCE用にカスタマイズしただけだけどね)

こんな感じです。

TInyMCEにTypePadの絵文字を表示

で、これがソースになります。

Download:TinyMCEでTypePadの絵文字を使う為のTinyMCE用プラグイン

設定方法:

  1. 「WordPressのインストールフォルダwp-includes\js\tinymce\plugins」のフォルダに解凍してできた「emoji」フォルダをそのままアップロードします。
  2. 「WordPressのインストールフォルダwp-admin\includes\post.php」の1130~1134行、1217~1233行を以下の内容で修正しアップロードします。(変更している行は、1130、1134、1218、1222の4行のみです)

【1130~1134行の修正内容】

1130
1131
1132
1133
1134
if ( $teeny ) {
	$plugins = apply_filters( 'teeny_mce_plugins', array('safari', 'inlinepopups', 'media', 'autosave', 'fullscreen', 'emoji') );
	$ext_plugins = '';
} else {
	$plugins = array( 'safari', 'inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress', 'media', 'fullscreen', 'wpeditimage', 'wpgallery', 'emoji' );

 

【1217~1233行の修正内容】

1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
if ( $teeny ) {
	$mce_buttons = apply_filters( 'teeny_mce_buttons', array('bold, italic, underline, blockquote, separator, strikethrough, bullist, numlist,justifyleft, justifycenter, justifyright, undo, redo, link, unlink, fullscreen, emoji') );
	$mce_buttons = implode($mce_buttons, ',');
	$mce_buttons_2 = $mce_buttons_3 = $mce_buttons_4 = '';
} else {
	$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '|', 'bullist', 'numlist', 'blockquote', '|', 'justifyleft', 'justifycenter', 'justifyright', '|', 'link', 'unlink', 'wp_more', '|', 'spellchecker', 'fullscreen', 'wp_adv', '|', 'emoji' ));
	$mce_buttons = implode($mce_buttons, ',');
 
	$mce_buttons_2 = apply_filters('mce_buttons_2', array('formatselect', 'underline', 'justifyfull', 'forecolor', '|', 'pastetext', 'pasteword', 'removeformat', '|', 'media', 'charmap', '|', 'outdent', 'indent', '|', 'undo', 'redo', 'wp_help' ));
	$mce_buttons_2 = implode($mce_buttons_2, ',');
 
	$mce_buttons_3 = apply_filters('mce_buttons_3', array());
	$mce_buttons_3 = implode($mce_buttons_3, ',');
 
	$mce_buttons_4 = apply_filters('mce_buttons_4', array());
	$mce_buttons_4 = implode($mce_buttons_4, ',');
}

設定は、以上でおわりになります。

私は、ver2.7でやったのでもしかすると修正箇所が異なる人がいるかもしれませんがそのときはすみません

WordPressのプラグイン化できたらよかったのですが、やり方がわからないので簡単にできる方法でやってしまいました
時間があったらWordPressのプラグイン化も検討したいですが…今のところ未定です

もしよかったら使ってみてください。

コメント:1件

  1. loop

    はじめまして

    絵文字の変更をしたくて記事を読ませて頂きました。
    早速に追加をしようと思いましたが、バージョン違いで、修正箇所が違うようです。
    バージョン 3.3.1です。
    宜しければ、修正箇所を教えて頂けませんか

コメント投稿フォーム
コメントを入力して下さい。
ユーザー名(必須)
メールアドレス(必須)(非公開)
ホームページ
コメント

トラックバック:4件

  1. [...] http://blog.veryposi.info/programing/cms/wordpress/wordpress-tinymce-typepad/#more-29 http://start.typepad.jp/typecast/ 右下のほうにも入れていますが、 著作権表示っす。 Six Apart Ltd / CC BY 2.1 タグ: WordPress すき焼 [...]

  2. [...] WordPressのTinyMCEにTypePadの絵文字を追加したよ!! | PHPプログラマのバリ・ポジ情報ブログ (tags: WordPress) [...]

  3. [...] 追加した絵文字は「PHPプログラマのバリ・ポジ情報ブログ」さんからダウンロードした [...]

  4. [...] と質問がありました。 今は、デフォルトのスマイルボタンと、 http://blog.veryposi.info/programing/cms/wordpress/wordpress-tinymce-typepad/ こちらを参考に、Tpyepadの絵文字を使えるようにしてあります。 [...]

この記事のトラックバックURL
http://blog.veryposi.info/programing/cms/wordpress/wordpress-tinymce-typepad/trackback/
お薦めのレンタルサーバー
広告
お薦めの書籍
HOME > WordPress > 

WordPressのTinyMCEにTypePadの絵文字を追加したよ!!