wordpressで独自のマークアップを作りたいと思い、
書籍『wordpress デザインブック』を参考に下記のように記述したところ
投稿の編集画面でビジュアル画面が使えなくなってしまいました。
そこで
1、下記のどの部分がおかしいのでしょうか?
2、独自のマークアップを作りたいのでそのやり方などについて説明、もしくは参考になるサイトなどありましたらご紹介してください。
//編集画面の設定
function editor_setting($init) {
$init[’block_formats’] = ’Paragraph=p;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;
Heading 6=h6;Preformatted=pre’;
$style_formats = array(
array(
’title’ => ’メリット’,
’block’ => ’div’,
’classes’ => ’merit’
),
array(
’title’ => ’デメリット’,
’block’ => ’div’,
’classes’ => ’demerit’
)
);
$init[’style_formats’] = json_encode( $style_formats );
return $init;
}
add_filter(’tiny_mce_before_init’, ’editor_setting’);
//スタイルメニュー有効化
function add_stylemenu( $buttons ){
array_splice( $buttons, 1, 0, ’styleselect’ );
return $buttons;
}
add_filter( ’mce_buttons_2’, ’add_stylemenu’ );
みんなの回答 2 件
ろくにPHPも知らないのに独自マークアップする意味が無いだろ
動くよ。
$init[’block_formats’] で始まる行を見直して。
変数に文字列の値を代入という事をやっているんだけど、この場合は、改行なしの一行でないと不具合がでます。5=h5;の後に改行が入っていないかな?
また、PHP一般的な決まりごとで、引用符に"single quote"または"double quotes"を使わないとエラーになります。掲示板に投稿すると、これらの引用符が似た様な記号(left / right single quotation mark)に変換される事もあり、注意が必要です。 www.ascii.cl/htmlcodes.htm
2の質問は、はっきし言って、難しい。難しすぎると思ったら、迷わずプラグインを使いましょう。www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/
TinyMCE Custom Styles — WordPress Plugins
https://ja.wordpress.org/plugins/tinymce-custom-styles/関連するトピックス