ビジュアルエディタを使用していて、クラスを使ったり、部分的に凝ったHTMLが必要な事がよくあると思います。
テキストモードに切り替えて、記述したりすると、ビジュアルモードに戻った時に、要素が消えてしまったり苦労することがあります。
そんな場合、カスタムフィールドにHTMLを記述しておいて、ショートコードを使ってカスタムフィールドを本文で表示することが出来ます。
以下のコードの場合、カスタムフィールド custom_htmlを作成し、HTMLを記述した後、ビジュアルエディタ本文に [custom_html] と記述する事で、必要な場所にHTMLを表示することが出来ます。
add_shortcode( 'custom_html' , 'custom_field_html' );
function custom_field_html() {
global $post;
if( metadata_exists( 'post', $post->ID,'custom_html' ) ) {
$custom_html = get_post_meta($post->ID,'custom_html',true );
return $custom_html;
}
return;
}