ワードプレス依頼事例(WPドクター):ワードプレスの投稿の本文に追記できるようにし、タブで切り替え

ワードプレスの投稿の本文に追記できるようにし、その追記がある場合は、タブで切り替えし表示できるようにしたいというご依頼を頂きました事例をご紹介いたします。

クライアント様のご相談内容

クライアント様のご相談内容は下記のようなものでございました。

このご相談の後何度かやり取りをさせていただき、ワードプレスの投稿に追記をできるエディターを増やし、その追記に何らかのコンテンツがある場合に、サイトのページ表示のほうではタブで本文と追記を切り替えられるようにするという形で仕様が固まりました。

こちらをワードプレスドクターで作業代行させていただきました。

テーマをカスタマイズしてエディタを追加したり、投稿表示にタブの切り替えを追加したりする

ワードプレスやそのテーマの仕組みはカスタマイズ性・拡張性が非常に高いコンテンツマネジメントシステムです。
例えば投稿編集画面に任意の入力欄を増やすようなことはテーマに下記のようなコードで実装すれば可能です。

// メモ入力欄を投稿編集画面に追加する
function _add_custom_mypostmemo()
{
    add_meta_box( 'mymemomypostmemo', 'メモ', '_add_memometa_box', 'post', 'advanced', 'default', NULL );
}
add_action( 'add_meta_boxes', '_add_custom_mypostmemo' );

function _add_memometa_box( $post )
{
    $value = get_post_meta( $post->ID, 'mypostmemo', TRUE );
    echo '<input type="text" name="mypostmemo" value="'.esc_attr( $value ).'" style="width:100%">';
}

//メモの保存処理
function _save_custom_mypostmemo( $post_id )
{
    update_post_meta( $post_id, 'mypostmemo', $_POST[ 'mypostmemo' ] );
    return $post_id;
}
add_action( 'save_post', '_save_custom_mypostmemo' );

ACFというプラグインで同様のことを行う事も可能です。
ACF　Advanced Custom Fields

テーマの投稿表示にタブでの切り替えなどの表示方法の拡張を行うには、テーマの投稿表示プログラムをカスタマイズ(PHPによるコーディング)を行います。
このテーマの投稿表示プログラムは下記のような名称のファイルでテーマの中にございます。

single.php
singular.php
もしくはindex.phpの場合も稀にあります。

ワードプレスドクターでは経験豊かな技術者がご希望に応じて、自由にワードプレスの管理画面やテーマのカスタマイズを代行いたします。

WordPress ワードプレスのPHPコーディングによるカスタマイズのご依頼・ご相談はWPドクターまでお気軽にお送りください