menu
閉じる
  1. Welcartの商品一覧でSKUごとの価格を表示する
  2. Really Simple CSV Importerプラグインでパーマ…
  3. カテゴリをチェックした時に、並び順が変更にならないようにする
  4. Advanced Custom Fieldsの出力
  5. Gutenberg ブロックエディタに設定した内容をカスタムフィールド…
  6. WordPressで複数の条件を組み合わせた検索フォーム
  7. CSSでグラデーションテキスト
  8. 管理画面でのカスタム投稿一覧の並び順を日付降順に変更
  9. 【令和追加】date()関数を日本の元号に対応させる
  10. WordPressのナビゲーションメニューに説明を使う
閉じる
閉じる
  1. Gutenberg ブロックエディタに設定した内容をカスタムフィールド…
  2. 投稿ページが複数カテゴリに紐づく場合のパンくずリスト
  3. MW WP Formのフォームに投稿やカスタム投稿、タクソノミーを選択…
  4. jQueryプラグイン「VEGAS」にテキストを追加して背景の切り替え…
  5. 親ターム子ターム毎にまとめて記事一覧を表示する
  6. ビジュアルエディタにTinyMCEの機能を追加する覚書(プラグインなし…
  7. Really Simple CSV Importerプラグインでパーマ…
  8. Advanced Custom Fields PROの「オプションペー…
  9. 管理画面のカスタム投稿記事一覧ページでカスタムタクソノミーで絞り込み
  10. 【令和追加】date()関数を日本の元号に対応させる
閉じる

Mana Design Lab.

ビジュアルエディタにTinyMCEの機能を追加する覚書(プラグインなし)

ほぼ毎回同じようなコードを書いているので、覚書。

// ビジュアルエディタに表(テーブル)の機能を追加 -----------------------------------------------
function mce_external_plugins_table($plugins){
	$plugins['table'] = '//cdn.tinymce.com/4/plugins/table/plugin.min.js';
	return $plugins;
}

add_filter('mce_external_plugins','mce_external_plugins_table');

// tinymceのtableボタンにclass属性プルダウンメニューを追加
function mce_buttons_table($buttons){
	$buttons[] = 'table';
	return $buttons;
}

add_filter('mce_buttons','mce_buttons_table');

function bootstrap_classes_tinymce($settings){
	$styles = array(array('title' => __('Default style','tcd-w'),'value' => ''),array('title' => __('No border','tcd-w'),'value' => 'table_no_border'),array('title' => __('Display only horizontal border','tcd-w'),'value' => 'table_border_horizontal'));
	$settings['table_class_list'] = json_encode($styles);
	return $settings;
}

add_filter('tiny_mce_before_init','bootstrap_classes_tinymce');
//ビジュアルエディターのフォントサイズ変更機能の文字サイズ指定 --------------------------------------------------------------------------------
add_filter('tiny_mce_before_init',function($settings){
	//フォントサイズの指定
	$settings['fontsize_formats'] = '10px 12px 14px 16px 18px 20px 24px 28px 32px 36px 42px 48px';
	//$settings['fontsize_formats'] = '0.8em 1.6em 2em 3em';
	//$settings['fontsize_formats'] = '80% 160% 200% 300%';
	return $settings;
});
//Wordpressビジュアルエディターに文字サイズの変更機能を追加
add_filter('mce_buttons',function($buttons){
	//フォントサイズ変更機能を追加
	array_push($buttons,'fontsizeselect');
	return $buttons;
});
// カラーの指定設定を変更
function my_mce4_options( $init ) {
    $default_colors = '
        "000000", "Black",
        "993300", "Burnt orange",
        "333300", "Dark olive",
        "003300", "Dark green",
        "003366", "Dark azure",
        "000080", "Navy Blue",
        "333399", "Indigo",
        "333333", "Very dark gray",
        "800000", "Maroon",
        "FF6600", "Orange",
        "808000", "Olive",
        "008000", "Green",
        "008080", "Teal",
        "0000FF", "Blue",
        "666699", "Grayish blue",
        "808080", "Gray",
        "FF0000", "Red",
        "FF9900", "Amber",
        "99CC00", "Yellow green",
        "339966", "Sea green",
        "33CCCC", "Turquoise",
        "3366FF", "Royal blue",
        "800080", "Purple",
        "999999", "Medium gray",
        "FF00FF", "Magenta",
        "FFCC00", "Gold",
        "FFFF00", "Yellow",
        "00FF00", "Lime",
        "00FFFF", "Aqua",
        "00CCFF", "Sky blue",
        "993366", "Brown",
        "C0C0C0", "Silver",
        "FF99CC", "Pink",
        "FFCC99", "Peach",
        "FFFF99", "Light yellow",
        "CCFFCC", "Pale green",
        "CCFFFF", "Pale cyan",
        "99CCFF", "Light sky blue",
        "CC99FF", "Plum",
        "FFFFFF", "White"
        ';
    $custom_colors = '
        "e36b6d", "Color 1",
        "62cc99", "Color 2",
        "6b9de3", "Color 3",
        "7d6be3", "Color 4",
        "e3836b", "Color 5",
        "de81ce", "Color 6",
        "00aae7", "Color 7"
        ';
    $init['textcolor_map'] = '['.$default_colors.','.$custom_colors.']';
    $init['textcolor_rows'] = 6;
    return $init;
}
add_filter( 'tiny_mce_before_init', 'my_mce4_options' );
//ビジュアルエディタのボタン2列目の最後に文字背景色を追加
function myplugin_tinymce_buttons($buttons){
    array_push($buttons, 'backcolor');
    return $buttons;
}
add_filter("mce_buttons_2", "myplugin_tinymce_buttons");

 

関連記事

  1. ビジュアルエディタの見出しや段落を制御する

  2. WordPressのヘッダーから余分なMETA情報や絵文字関連を…

  3. メニューのリンクが空の場合はa要素を出力しない

  4. ユーザーリスト(投稿者)をランダムで取得

  5. カテゴリをチェックした時に、並び順が変更にならないようにする

  6. 画像のキャプションを制御

おすすめ記事

  1. Gutenberg ブロックエディタに設定した内容をカスタムフィールドを含め他のページで表示する
  2. Really Simple CSV Importerプラグインでパーマリンクの末尾に付く「-2」をSQLで一括削除
  3. 【令和追加】date()関数を日本の元号に対応させる
  4. WordPressで複数の条件を組み合わせた検索フォーム
  5. ログイン画面をカスタマイズ

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ピックアップ記事

  1. 他のページで設定したブロックの内容を表示したかった時の覚書。汎用性からショートコードにまとめ…
  2. 大量の記事をCSVで一気に流し込めるプラグイン「Really Simple CSV Importer…
  3. 未だに明治やら大正やら昭和やら平成やら日本の元号がちょくちょく利用されますが、素晴らしいdate()…

最新記事

  1. Gutenberg ブロックエディタに設定した内容をカスタムフィールドを含め他のページで表示する
  2. 投稿ページが複数カテゴリに紐づく場合のパンくずリスト
  3. MW WP Formのフォームに投稿やカスタム投稿、タクソノミーを選択項目として表示
ページ上部へ戻る