web-dev-qa-db-ja.com

カスタム投稿タイプの再設計「新規追加」ページ

私はこれを解決する方法をグーグル中で見てきました。私たちが手に入れたログインビジターのための仕事用のカスタム投稿タイププラグインを書いています。私は最初にモックアップ なし カスタム投稿タイプを書き、それから私はグーグル検索からここに来て、弁護士に関する情報を格納するためのカスタム投稿タイプの例を示すスクリーンショットを見ました。それは、誰かが全く新しいインターフェースを持つカスタム投稿タイプのために "add new"/"edit"ページを再設計したことを示しました。

Wordpress @ stackexchangeにカスタム投稿タイプの「追加/編集」ページを再設計するためのリソースがあるのではないかと思いました。

私はその記事を見つけるために私がした検索用語を思い出せません。

ありがとう、
- ザック

pluginscustom-post-typesplugin-development
8
Zack

あなたが参照している質問/回答は WordPressをCMSとして使用するためのヒント でした。

その答えで投稿されたスクリーンショットは、カスタム投稿タイプに使用できるregister_meta_box_cb引数を使用して作成されました。

register_meta_box_cbは、メタボックスのコードを含むコールバック関数を指定しなければなりません。

メタボックスを作成するには、 add_meta_box関数 に組み込まれているWordPressを使用できます。これには、投稿が保存されたときに入力データを保存する関数も必要です。

これは私が私の個人的なウェブサイトで使用する私のポートフォリオ投稿タイプに2つのカスタムメタボックスを追加するために作成したいくつかのサンプルコードです。

私が作成した "プロジェクト"投稿タイプには、次の引数が含まれていました。

'register_meta_box_cb' => 'c3m_project_meta',

以下の最初の関数はregister_meta_box_cbのコールバック関数です。次の2つは投稿の追加ページのメタボックスのhtmlを出力し、最後の2つは入力されたデータを保存します。

function c3m_project_meta() {
        add_meta_box('_c3m_project_url', __('Enter Website Url') , 'c3m_project_url', 'project', 'side', 'low');
        add_meta_box('_c3m_project_work', __('Enter Work Done on Project') , 'c3m_project_work', 'project', 'side', 'low');

        }


    function c3m_project_url($post) {
        global $post;
        echo  '<input type="hidden" name="banner-buttonmeta_noncename" id="banner-buttonmeta_noncename" value="' .
        wp_create_nonce( plugin_basename(__FILE__) ) . '" />';
        $projecturl = get_post_meta($post->ID, '_projecturl', true);
        echo '<input type="text" name="_projecturl" value="' . $projecturl . '" class="widefat" />' ; 
        }

    function c3m_project_work($post) {
        global $post;
        echo  '<input type="hidden" name="banner-buttonmeta_noncename" id="banner-buttonmeta_noncename" value="' .
        wp_create_nonce( plugin_basename(__FILE__) ) . '" />';
        $projectwork = get_post_meta($post->ID, '_projectwork', true);
        echo '<input type="text" name="_projectwork" value="' . $projectwork . '" class="widefat" />' ; 
        }


    add_action('admin_init', 'c3m_project_meta');



    function c3m_save_project_meta( $post_id , $post ) { 

        if ( !wp_verify_nonce( $_POST [ 'banner-buttonmeta_noncename' ], plugin_basename( __FILE__ ) )) { return $post ->ID; 

        }

        if ( !current_user_can( 'edit_post' , $post ->ID )) return $post ->ID; 
        $c3m_projecturl [ '_projecturl' ] = $_POST [ '_projecturl' ]; 
                    foreach ( $c3m_projecturl as $key => $value ) { 
                    if ( $post ->post_type == 'revision' ) return ; 

                    $value = implode( ',' , ( array ) $value );
                    if (get_post_meta( $post ->ID, $key , FALSE)) { 
                    update_post_meta( $post ->ID, $key , $value ); } else { 
                    add_post_meta( $post ->ID, $key , $value ); } if (! $value ) delete_post_meta( $post ->ID, $key ); 

                    }

        $c3m_projectwork [ '_projectwork' ] = $_POST [ '_projectwork' ]; 
                    foreach ( $c3m_projectwork as $key => $value ) { 
                    if ( $post ->post_type == 'revision' ) return ; 

                    $value = implode( ',' , ( array ) $value );
                    if (get_post_meta( $post ->ID, $key , FALSE)) { 
                    update_post_meta( $post ->ID, $key , $value ); } else { 
                    add_post_meta( $post ->ID, $key , $value ); } if (! $value ) delete_post_meta( $post ->ID, $key ); 

                    }
        }

   add_action( 'save_post' , 'c3m_save_project_meta' , 1, 2);
11
Chris_O

同じことを調べていたときに、この記事は非常に興味深いものであることがわかりました。

WordPressカスタムフィールドを使用する代わりにカスタムWordPressメタボックスを作成する方法

カスタムWordPressメタボックスの作成方法を学ぶことで、あなた自身とあなたのクライアントのためにプロフェッショナルなUI要素を作ることができます。このWordPressメタボックスチュートリアルでは、投稿/ページ編集画面に管理UI要素を追加する方法を説明します。

追加のリソースが害を与えることはありませんが、Chrisはお金に正当です。

4
Noel Tock