質問: アドミンエディタでショートコードをレンダリングするためのソリューション 私は約1年前にこの質問をしました、そして私が私の目的を達成することを可能にするであろうある種の簡単な解決策があることを願っています。だからここに行きます:私はアドミンエディタ内でショートコードを利用することがよくありますが、これをクライアントに引き渡すとき、彼らは彼らがどのように動作するのか理解していないことがよくあります。私が探しているのは、管理wysiwygエディタ内でショートコードの関連出力を単純に自動的にレンダリングするソリューションです。視覚的には、 "more"行が表示されたときやエディタ内に画像が表示されたときと同じように表示します。これにより、ユーザーには出力が表示されますが、削除することしかできず、レンダリングされたショートコードの内容を編集することはできないということを意味します。
回答: あなたが求めていることをすることは実際にはそれほど悪くない。これはあなたの最初のものをするのに約1時間、そしてその後のものをするのに10分かかるでしょう。最終的にあなたがやろうとしているのはtinymceプラグインを作成することです。これがあなたが始めるためにあなた自身を準備するべきであるものです: tinymceプラグインを作成するための一般的なガイド wordpress coreからのサンプルコード wordpressにtinymceプラグインを追加するための一般的なガイド。私は これ /を見つけました、これは妥当と思われます。 これで、完了するためのすべてのツールが手に入りました。これらすべてのうち、あなたにとって最も興味深いコードはwpサンプルコードの中のこのブロックです。4 function replacegalleryshortcodes( content ) { 5 return content.replace( /\[gallery([^\]]*)\]/g, function( match ) { 6 return html( 'wp-gallery', match ); 7 }); 8 } 9 10 function html( cls, data ) { 11 data = window.encodeuricomponent( data ); 12 return '<img src="' + tinymce.env.transparentsrc + '" class="wp-media mceitem ' + cls + '" ' + 13 'data-wp-media="' + data + '" data-mce-resize="false" data-mce-placeholder="1" alt="" />'; 14 } ここでは、ギャラリーのショートコードはimgタグに置き換えられます。 imgタグにはクラスwp-galleryがあります。これは ここで見つかったcss でスタイル設定されます。 編集2016-04-06: tinymce 4とwordpress 4.4のコンテンツとリンクを更新