「スタッフ」のカスタム投稿タイプとワードプレスユーザープロファイルの使用


13

私が出くわすシナリオは、ある種のリストと経歴情報を含む単一のプロファイルページを持ちたい組織のスタッフが複数いる場合です。

通常、スタッフ用のカスタム投稿タイプを作成し、必要に応じてカスタム分類を作成します。

しかし今、Wordpressで組み込みの「ユーザー」投稿タイプを使用するのが最適ではないのではないかと思っています。ユーザープロファイルフィールドをカスタマイズしたり、ユーザーリストを表示したり、単一のプロファイルを表示したりできることを理解しています。カスタム分類も可能だと思います。

ここにベストプラクティスはありますか?

私は今、すべてのスタッフが自分の名前でブログ投稿を書いているので、とにかくユーザーアカウントを持っているので、ユーザープロファイルを具体化してauthor.phpで作業する方が良いかもしれないと思いました「スタッフ」のカスタム投稿タイプを使用します。

今のところ、CPTを使用し、Posts 2 Postsプラグインを使用して、「スタッフ」投稿を「ユーザー」アカウントに関連付けて、単一のスタッフページにブログ投稿のリストを作成しています。

これをワードプレスでどのように実装するのが最善かについての考えを歓迎します。

回答:


17

サイトで公開したい人がユーザーである場合、つまりアカウントを持ち、投稿を書く場合、私の意見では、WordPressユーザー機能を使用する方がはるかに良いです。CPTに入れるすべての情報をユーザーメタデータに入れることもできます、ユーザーの作成は必須です(ログインする必要があります)が、CPTの作成は避けることができ、私にとっては冗長です。

ただし、いくつかの理由により、CPTを使用する方が簡単であることがわかっています。

  1. WP管理者の既定のプロファイルページにはほとんど情報がありません。
  2. WPには、公開プロファイルページはまったくauthor.phpありません。プロファイルページではありません。
  3. プロファイルページに加えて、おそらくスタッフをループする必要があります。もちろんWP_User_Query、これを行うために使用できますが、非表示にする必要のあるユーザーからスタッフを分離するのは少し難しい場合があります。パブリックロールをパブリックに表示してはならないユーザーに割り当てる場合は、問題を生成します。

幸いなことに、これらの問題は、本物ではない問題と簡単に解決することができます。私が提案するワークフローは次のとおりです。

  1. 新しいユーザー役割を作成します。標準の役割から機能を複製できますが、役割を作成し、スタッフを他のユーザーから分離することは非常に簡単です。
  2. ユーザープロファイルのカスタムフィールドを追加し、必要なすべての情報を入力します。
  3. ユーザーループとユーザープロファイルを処理するページテンプレートを作成します。どうやって?ポイント4を見てください。
  4. 書き換えエンドポイントを作成します。このように、URL example.com/staffはページ(3で作成したテンプレートを割り当てたもの)example.com/staff/user/nicknameを呼び出し、URL は同じページを呼び出しますが、ユーザーに表示するためにページで使用できるusernicknameを含むクエリ変数を渡しますプロフィール。

1.、2.、4はプラグインで簡単に実行できます。このプラグインのを提供しますが、改善する必要があります。

<?php
/**
 * Plugin Name: Staff Plugin
 * Description: Test
 * Author: G.M.
*/

/**
* Add a new role cloning capabilities from editor and flush rewrite rules
*/
function install_staff_plugin() {
    $editor = get_role( 'editor' );
    add_role( 'staff', 'Staff', $editor->capabilities );
    staff_plugin_endpoint();
    flush_rewrite_rules();
}

/**
* Remove the role and flush rewrite rules
*/
function unistall_staff_plugin() {
    remove_role( 'staff' );
    flush_rewrite_rules();
}

/**
* Add the endpoint
*/
function staff_plugin_endpoint() {
    add_rewrite_endpoint( 'user', EP_PAGES );
}

/**
* Add custom field to profile page
*/
function staff_plugin_profile_fields( $user ) {
    $fields = array(
        'facebook' => __('Facebook'),
        'twitter'  => __('Twitter'),
        'photo_id' => __('Photo ID (use attachment id)')
    );
    echo '<h3>' . __('Staff Information') . '</h3>';
    echo '<table class="form-table">';
    foreach ( $fields as $field => $label ) {
        $now = get_user_meta( $user->ID, $field, true ) ? : "";
        printf( '<tr><th><label for="%s">%s</label></th>',
            esc_attr($field), esc_html($label) );
        printf( '<td><input type="text" name="%s" id="%s" value="%s" class="regular-text" /><br /></td></tr>', 
            esc_attr($field), esc_attr($field), esc_attr($now) );
    }
    echo '</table>';
}

/**
* Save the custom fields
*/
function staff_plugin_profile_fields_save( $user_id ) {
    if ( ! current_user_can( 'edit_user', $user_id ) ) return;
    $fields = array( 'facebook', 'twitter', 'photo_id' );
    foreach ( $fields as $field ) {
        if ( isset( $_POST[$field] ) ) 
            update_user_meta( $user_id, $field, $_POST[$field] );
    }
}

add_action( 'init', 'staff_plugin_endpoint' );
add_action( 'show_user_profile', 'staff_plugin_profile_fields' );
add_action( 'edit_user_profile', 'staff_plugin_profile_fields' );
add_action( 'personal_options_update', 'staff_plugin_profile_fields_save' );
add_action( 'edit_user_profile_update', 'staff_plugin_profile_fields_save' );
register_activation_hook( __FILE__, 'install_staff_plugin' );
register_deactivation_hook( __FILE__, 'unistall_staff_plugin' );

プラグインはまさに私が言ったことを行います。ユーザープロファイルのカスタムフィールドの追加に関して、例として、3つのフィールドのみを追加しました。そのうちの1つは、ユーザーイメージに使用することを目的としており、添付ファイルのIDを受け入れます。もちろん、現実の世界では、メディアアップローダーを呼び出して、ユーザーに画像のアップロードを選択させる方が良いですが、これはこの答えの範囲ではありません...

プラグインを保存してアクティブにした後、ページテンプレートを作成し、ページを作成して、そのテンプレートを割り当てる必要があります。ここでも、テンプレートの概念実証をここに投稿します。

<?php
/**
 * Template Name: Staff Page
*
*/

get_header(); ?>

<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">

<?php
/* The page content */
while ( have_posts() ) : the_post();
    $page_link = get_permalink();
    the_content();
endwhile;

$required_user = get_query_var( 'user' );

$wanted_meta = array(
    'first_name', // This is a standard meta
    'facebook',   // This is an example of custom meta
    'twitter'     // This is another example of custom meta
);

if ( empty( $required_user ) ) {

    /* The Users Loop */

    // Customize the args as you need
    $args = array (
        'role'    => 'Staff',
        'orderby' => 'post_count',
        'order'   => 'DESC',
        'fields'  => 'all'
    );
    $user_query = new WP_User_Query( $args );
    if ( ! empty( $user_query->results ) ) { 
        foreach ( $user_query->results as $user ) {
            $profile_url = trailingslashit($page_link) . 'user/' . $user->user_nicename;
            // This gets ALL the meta fields as a 2 dimensional array (array of arrays)
            $meta_fields = get_user_meta( $user->ID ); 
            ?>
            <div id="user-<?php echo $user->ID ?>">
            <?php
            // An example of custom meta where to save the id of an attachment
            if ( isset($meta_fields['photo_id'][0]) && ! empty($meta_fields['photo_id'][0]) ) {
                echo '<a href="' . esc_url($profile_url) . '/">';
                echo wp_get_attachment_image( $meta_fields['photo_id'][0], 'medium' );
                echo '</a>';
            }
            ?>
            <h2><?php echo '<p><a href="' .esc_url( $profile_url ) . '/">' . 
                $user->display_name . '</a></p>';?></h2>
            <p><?php echo $meta_fields['description'][0]; ?></p>
            <ul>
            <?php
            foreach ( $wanted_meta as $key ) { 
                if ( isset($meta_fields[$key][0]) && ! empty($meta_fields[$key][0]) ) {
                    ?>
                    <li><?php echo $meta_fields[$key][0]; ?></li>
                <?php } 
            } ?>
            </ul>
            </div>
            <?php
        }
    }

} else {

    /* One User Requested */

    $user = get_user_by( 'slug', $required_user );
    if ( $user ) {
        ?>
        <div id="user-<?php echo $user->ID ?>">
        <?php
        $meta_fields = get_user_meta( $user->ID );
        if ( isset( $meta_fields['photo_id'][0] ) && ! empty( $meta_fields['photo_id'][0] ) ) {
            echo wp_get_attachment_image( $meta_fields['photo_id'][0], 'full' );
        }
        ?>
        <h1><?php echo '<p>' . $user->display_name . '</p>';?></h1>
        <p><?php echo $meta_fields['description'][0]; ?></p>
        <p>
            <a href="<?php echo get_author_posts_url($user->ID); ?>"><?php 
                printf(__('See all posts by %s'), $user->display_name); ?></a> | 
            <a href="<?php echo $page_link; ?>"><?php _e('Back to Staff'); ?></a>
        </p>
        <ul>
        <?php
        foreach ( $wanted_meta as $key ) {
            if ( isset( $meta_fields[$key][0] ) && ! empty( $meta_fields[$key][0] ) ) {
                ?>
                <li><?php echo $meta_fields[$key][0]; ?></li>
                <?php 
            } 
        } ?>
        </ul>
        </div>
        <?php
    }
}
?>

</div><!-- #content -->
</div><!-- #primary -->

<?php get_footer(); ?>

次に、ページを作成し、このテンプレートを割り当てます。次に、ユーザーロール「スタッフ」をスタッフに割り当て、プロファイルを入力します。

最後の仕上げとしてauthor.php、おそらくヘッダーに次のようなものを追加できます:

<div class="author-info">
    <?php
    $curauth = ( get_query_var( 'author_name' ) ) ? 
        get_user_by( 'slug', get_query_var( 'author_name' ) ) : 
        get_userdata( get_query_var( 'author' ) );
    $photo = get_user_meta( $curauth->ID, 'photo_id', true );
    if ( $photo ) echo wp_get_attachment_image( $photo, 'medium' );
    ?>
    <h2><?php echo $curauth->display_name; ?></h2>
    <h3><em><?php echo $curauth->user_description; ?></em></h3>
</div>

それで全部です。それをテストし、改善し、楽しんでください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.