কাস্টম পোস্ট টাইপ

/**
 * Register Team custom post type
 */
function rebelsoftt_register_team_post_type() {
    $labels = array(
        'name'                  => _x('Team Members', 'Post type general name', 'rebelsoftt'),
        'singular_name'         => _x('Team Member', 'Post type singular name', 'rebelsoftt'),
        'menu_name'             => _x('Team', 'Admin Menu text', 'rebelsoftt'),
        'name_admin_bar'        => _x('Team Member', 'Add New on Toolbar', 'rebelsoftt'),
        'add_new'               => __('Add New', 'rebelsoftt'),
        'add_new_item'          => __('Add New Team Member', 'rebelsoftt'),
        'new_item'              => __('New Team Member', 'rebelsoftt'),
        'edit_item'             => __('Edit Team Member', 'rebelsoftt'),
        'view_item'             => __('View Team Member', 'rebelsoftt'),
        'all_items'             => __('All Team Members', 'rebelsoftt'),
        'search_items'          => __('Search Team Members', 'rebelsoftt'),
        'parent_item_colon'     => __('Parent Team Members:', 'rebelsoftt'),
        'not_found'             => __('No team members found.', 'rebelsoftt'),
        'not_found_in_trash'    => __('No team members found in Trash.', 'rebelsoftt'),
        'featured_image'        => _x('Team Member Photo', 'Overrides the "Featured Image" phrase', 'rebelsoftt'),
        'set_featured_image'    => _x('Set team member photo', 'Overrides the "Set featured image" phrase', 'rebelsoftt'),
        'remove_featured_image' => _x('Remove team member photo', 'Overrides the "Remove featured image" phrase', 'rebelsoftt'),
        'use_featured_image'    => _x('Use as team member photo', 'Overrides the "Use as featured image" phrase', 'rebelsoftt'),
        'archives'              => _x('Team Member archives', 'The post type archive label used in nav menus', 'rebelsoftt'),
        'insert_into_item'      => _x('Insert into team member', 'Overrides the "Insert into post" phrase', 'rebelsoftt'),
        'uploaded_to_this_item' => _x('Uploaded to this team member', 'Overrides the "Uploaded to this post" phrase', 'rebelsoftt'),
        'filter_items_list'     => _x('Filter team members list', 'Screen reader text for the filter links heading on the post type listing screen', 'rebelsoftt'),
        'items_list_navigation' => _x('Team Members list navigation', 'Screen reader text for the pagination heading on the post type listing screen', 'rebelsoftt'),
        'items_list'            => _x('Team Members list', 'Screen reader text for the items list heading on the post type listing screen', 'rebelsoftt'),
    );

    $args = array(
        'labels'             => $labels,
        'public'             => true,
        'publicly_queryable' => true,
        'show_ui'            => true,
        'show_in_menu'       => true,
        'query_var'          => true,
        'rewrite'            => array('slug' => 'team'),
        'capability_type'    => 'post',
        'has_archive'        => true,
        'hierarchical'       => false,
        'menu_position'      => 20,
        'menu_icon'          => 'dashicons-groups',
        'supports'           => array('title', 'editor', 'thumbnail', 'excerpt', 'custom-fields'),
        'show_in_rest'       => true,
    );

    register_post_type('team', $args);
}
add_action('init', 'rebelsoftt_register_team_post_type');

/**
 * Register Team Department taxonomy
 */
function rebelsoftt_register_team_taxonomies() {
    // Add Department Taxonomy
    $labels = array(
        'name'              => _x('Departments', 'taxonomy general name', 'rebelsoftt'),
        'singular_name'     => _x('Department', 'taxonomy singular name', 'rebelsoftt'),
        'search_items'      => __('Search Departments', 'rebelsoftt'),
        'all_items'         => __('All Departments', 'rebelsoftt'),
        'parent_item'       => __('Parent Department', 'rebelsoftt'),
        'parent_item_colon' => __('Parent Department:', 'rebelsoftt'),
        'edit_item'         => __('Edit Department', 'rebelsoftt'),
        'update_item'       => __('Update Department', 'rebelsoftt'),
        'add_new_item'      => __('Add New Department', 'rebelsoftt'),
        'new_item_name'     => __('New Department Name', 'rebelsoftt'),
        'menu_name'         => __('Departments', 'rebelsoftt'),
    );

    $args = array(
        'hierarchical'      => true,
        'labels'            => $labels,
        'show_ui'           => true,
        'show_admin_column' => true,
        'query_var'         => true,
        'rewrite'           => array('slug' => 'department'),
        'show_in_rest'      => true,
    );

    register_taxonomy('department', array('team'), $args);
}
add_action('init', 'rebelsoftt_register_team_taxonomies');

/**
 * Add custom meta boxes for team members
 */
function rebelsoftt_team_meta_boxes() {
    add_meta_box(
        'team_details',
        __('Team Member Details', 'rebelsoftt'),
        'rebelsoftt_team_details_callback',
        'team',
        'normal',
        'high'
    );
    
    add_meta_box(
        'team_skills',
        __('Team Member Skills', 'rebelsoftt'),
        'rebelsoftt_team_skills_callback',
        'team',
        'normal',
        'high'
    );
    
    add_meta_box(
        'team_social',
        __('Social Media Links', 'rebelsoftt'),
        'rebelsoftt_team_social_callback',
        'team',
        'normal',
        'high'
    );
}
add_action('add_meta_boxes', 'rebelsoftt_team_meta_boxes');

/**
 * Team details meta box callback
 */
function rebelsoftt_team_details_callback($post) {
    wp_nonce_field('rebelsoftt_team_details_nonce', 'team_details_nonce');
    
    $position = get_post_meta($post->ID, '_team_position', true);
    
    ?>
    <p>
        <label for="team_position"><?php _e('Position/Job Title:', 'rebelsoftt'); ?></label>
        <input type="text" id="team_position" name="team_position" value="<?php echo esc_attr($position); ?>" class="widefat">
    </p>
    <?php
}

/**
 * Team skills meta box callback - Improved version
 */
function rebelsoftt_team_skills_callback($post) {
    wp_nonce_field('rebelsoftt_team_skills_nonce', 'team_skills_nonce');
    
    // Get existing skills or initialize empty array
    $skills = get_post_meta($post->ID, '_team_skills', true);
    if (!is_array($skills) || empty($skills)) {
        $skills = array(
            array('name' => '', 'percentage' => '0')
        );
    }
    
    ?>
    <div id="team-skills-container">
        <?php foreach ($skills as $index => $skill) : ?>
        <div class="skill-row" style="margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;">
            <p>
                <label style="display: block; margin-bottom: 5px; font-weight: bold;"><?php _e('Skill Name:', 'rebelsoftt'); ?></label>
                <input type="text" name="skill_name[]" value="<?php echo esc_attr($skill['name']); ?>" class="widefat">
            </p>
            <p>
                <label style="display: block; margin-bottom: 5px; font-weight: bold;"><?php _e('Percentage (0-100):', 'rebelsoftt'); ?></label>
                <input type="number" name="skill_percentage[]" value="<?php echo esc_attr($skill['percentage']); ?>" min="0" max="100" class="widefat">
            </p>
            <?php if ($index > 0) : ?>
            <p>
                <button type="button" class="button remove-skill"><?php _e('Remove This Skill', 'rebelsoftt'); ?></button>
            </p>
            <?php endif; ?>
        </div>
        <?php endforeach; ?>
    </div>
    <p>
        <button type="button" class="button button-primary" id="add-skill"><?php _e('Add New Skill', 'rebelsoftt'); ?></button>
    </p>
    
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Add new skill row
        document.getElementById('add-skill').addEventListener('click', function() {
            const container = document.getElementById('team-skills-container');
            const skillRowTemplate = `
                <div class="skill-row" style="margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;">
                    <p>
                        <label style="display: block; margin-bottom: 5px; font-weight: bold;"><?php _e('Skill Name:', 'rebelsoftt'); ?></label>
                        <input type="text" name="skill_name[]" value="" class="widefat">
                    </p>
                    <p>
                        <label style="display: block; margin-bottom: 5px; font-weight: bold;"><?php _e('Percentage (0-100):', 'rebelsoftt'); ?></label>
                        <input type="number" name="skill_percentage[]" value="0" min="0" max="100" class="widefat">
                    </p>
                    <p>
                        <button type="button" class="button remove-skill"><?php _e('Remove This Skill', 'rebelsoftt'); ?></button>
                    </p>
                </div>
            `;
            
            // Insert the new row
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = skillRowTemplate;
            container.appendChild(tempDiv.firstElementChild);
        });
        
        // Remove skill row - Use event delegation
        document.getElementById('team-skills-container').addEventListener('click', function(e) {
            if (e.target && e.target.classList.contains('remove-skill')) {
                const row = e.target.closest('.skill-row');
                if (row) {
                    row.parentNode.removeChild(row);
                }
            }
        });
    });
    </script>
    <?php
}

/**
 * Team social media meta box callback
 */
function rebelsoftt_team_social_callback($post) {
    wp_nonce_field('rebelsoftt_team_social_nonce', 'team_social_nonce');
    
    $linkedin = get_post_meta($post->ID, '_team_linkedin', true);
    $twitter = get_post_meta($post->ID, '_team_twitter', true);
    $facebook = get_post_meta($post->ID, '_team_facebook', true);
    $instagram = get_post_meta($post->ID, '_team_instagram', true);
    $email = get_post_meta($post->ID, '_team_email', true);
    
    ?>
    <p>
        <label for="team_linkedin"><?php _e('LinkedIn URL:', 'rebelsoftt'); ?></label>
        <input type="url" id="team_linkedin" name="team_linkedin" value="<?php echo esc_url($linkedin); ?>" class="widefat">
    </p>
    <p>
        <label for="team_twitter"><?php _e('Twitter URL:', 'rebelsoftt'); ?></label>
        <input type="url" id="team_twitter" name="team_twitter" value="<?php echo esc_url($twitter); ?>" class="widefat">
    </p>
    <p>
        <label for="team_facebook"><?php _e('Facebook URL:', 'rebelsoftt'); ?></label>
        <input type="url" id="team_facebook" name="team_facebook" value="<?php echo esc_url($facebook); ?>" class="widefat">
    </p>
    <p>
        <label for="team_instagram"><?php _e('Instagram URL:', 'rebelsoftt'); ?></label>
        <input type="url" id="team_instagram" name="team_instagram" value="<?php echo esc_url($instagram); ?>" class="widefat">
    </p>
    <p>
        <label for="team_email"><?php _e('Email Address:', 'rebelsoftt'); ?></label>
        <input type="email" id="team_email" name="team_email" value="<?php echo esc_attr($email); ?>" class="widefat">
    </p>
    <?php
}

/**
 * Save team member meta data
 */
function rebelsoftt_save_team_meta($post_id) {
    // Check if we're autosaving
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
        return;
    }
    
    // Check the user's permissions
    if (isset($_POST['post_type']) && 'team' == $_POST['post_type']) {
        if (!current_user_can('edit_post', $post_id)) {
            return;
        }
    }
    
    // Save team details
    if (isset($_POST['team_details_nonce']) && wp_verify_nonce($_POST['team_details_nonce'], 'rebelsoftt_team_details_nonce')) {
        if (isset($_POST['team_position'])) {
            update_post_meta($post_id, '_team_position', sanitize_text_field($_POST['team_position']));
        }
    }
    
    // Save team skills
    if (isset($_POST['team_skills_nonce']) && wp_verify_nonce($_POST['team_skills_nonce'], 'rebelsoftt_team_skills_nonce')) {
        $skills = array();
        
        if (isset($_POST['skill_name']) && isset($_POST['skill_percentage']) && is_array($_POST['skill_name']) && is_array($_POST['skill_percentage'])) {
            $skill_names = $_POST['skill_name'];
            $skill_percentages = $_POST['skill_percentage'];
            
            for ($i = 0; $i < count($skill_names); $i++) {
                if (!empty($skill_names[$i])) {
                    $skills[] = array(
                        'name' => sanitize_text_field($skill_names[$i]),
                        'percentage' => intval($skill_percentages[$i])
                    );
                }
            }
        }
        
        update_post_meta($post_id, '_team_skills', $skills);
    }
    
    // Save social media links
    if (isset($_POST['team_social_nonce']) && wp_verify_nonce($_POST['team_social_nonce'], 'rebelsoftt_team_social_nonce')) {
        if (isset($_POST['team_linkedin'])) {
            update_post_meta($post_id, '_team_linkedin', esc_url_raw($_POST['team_linkedin']));
        }
        
        if (isset($_POST['team_twitter'])) {
            update_post_meta($post_id, '_team_twitter', esc_url_raw($_POST['team_twitter']));
        }
        
        if (isset($_POST['team_facebook'])) {
            update_post_meta($post_id, '_team_facebook', esc_url_raw($_POST['team_facebook']));
        }
        
        if (isset($_POST['team_instagram'])) {
            update_post_meta($post_id, '_team_instagram', esc_url_raw($_POST['team_instagram']));
        }
        
        if (isset($_POST['team_email'])) {
            update_post_meta($post_id, '_team_email', sanitize_email($_POST['team_email']));
        }
    }
}
add_action('save_post', 'rebelsoftt_save_team_meta');

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

get_header(); ?>

<div class="container team-page">
    <div class="row">
        <div class="col-12">
            <h1 class="page-title"><?php the_title(); ?></h1>
            <?php the_content(); ?>
        </div>
    </div>
    
    <div class="row team-members">
        <?php
        // আমরা team কাস্টম পোস্ট টাইপ থেকে সব টিম মেম্বার আনব
        $team_members = new WP_Query(array(
            'post_type' => 'team',
            'posts_per_page' => -1, // সব পোস্ট আনা
            'orderby' => 'menu_order', // ম্যানুয়াল অর্ডার অনুসারে
            'order' => 'ASC'
        ));
        
        if ($team_members->have_posts()) :
            while ($team_members->have_posts()) : $team_members->the_post();
                // মেটা ডাটা নেওয়া
                $position = get_post_meta(get_the_ID(), '_team_position', true);
                $skills = get_post_meta(get_the_ID(), '_team_skills', true);
                $linkedin = get_post_meta(get_the_ID(), '_team_linkedin', true);
                $twitter = get_post_meta(get_the_ID(), '_team_twitter', true);
                $facebook = get_post_meta(get_the_ID(), '_team_facebook', true);
                $instagram = get_post_meta(get_the_ID(), '_team_instagram', true);
                $email = get_post_meta(get_the_ID(), '_team_email', true);
                
                // ডিপার্টমেন্ট টার্ম আনা
                $departments = get_the_terms(get_the_ID(), 'department');
                ?>
                
                <div class="col-md-4 team-member">
                    <div class="team-member-inner">
                        <?php if (has_post_thumbnail()) : ?>
                            <div class="team-member-photo">
                                <?php the_post_thumbnail('medium', array('class' => 'img-fluid')); ?>
                            </div>
                        <?php endif; ?>
                        
                        <div class="team-member-info">
                            <h3 class="team-member-name"><?php the_title(); ?></h3>
                            
                            <?php if (!empty($position)) : ?>
                                <div class="team-member-position"><?php echo esc_html($position); ?></div>
                            <?php endif; ?>
                            
                            <?php if (!empty($departments) && !is_wp_error($departments)) : ?>
                                <div class="team-member-department">
                                    <?php
                                    $dept_names = array();
                                    foreach ($departments as $dept) {
                                        $dept_names[] = $dept->name;
                                    }
                                    echo esc_html(join(', ', $dept_names));
                                    ?>
                                </div>
                            <?php endif; ?>
                            
                            <div class="team-member-content">
                                <?php the_content(); ?>
                            </div>
                            
                            <?php if (!empty($skills) && is_array($skills)) : ?>
                                <div class="team-member-skills">
                                    <h4>দক্ষতা</h4>
                                    <?php foreach ($skills as $skill) : ?>
                                        <div class="skill">
                                            <div class="skill-name"><?php echo esc_html($skill['name']); ?></div>
                                            <div class="skill-bar">
                                                <div class="skill-progress" style="width: <?php echo intval($skill['percentage']); ?>%;"></div>
                                            </div>
                                            <div class="skill-percentage"><?php echo intval($skill['percentage']); ?>%</div>
                                        </div>
                                    <?php endforeach; ?>
                                </div>
                            <?php endif; ?>
                            
                            <?php if (!empty($linkedin) || !empty($twitter) || !empty($facebook) || !empty($instagram) || !empty($email)) : ?>
                                <div class="team-member-social">
                                    <?php if (!empty($linkedin)) : ?>
                                        <a href="<?php echo esc_url($linkedin); ?>" target="_blank" class="social-icon linkedin">
                                            <i class="fab fa-linkedin"></i>
                                        </a>
                                    <?php endif; ?>
                                    
                                    <?php if (!empty($twitter)) : ?>
                                        <a href="<?php echo esc_url($twitter); ?>" target="_blank" class="social-icon twitter">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    <?php endif; ?>
                                    
                                    <?php if (!empty($facebook)) : ?>
                                        <a href="<?php echo esc_url($facebook); ?>" target="_blank" class="social-icon facebook">
                                            <i class="fab fa-facebook"></i>
                                        </a>
                                    <?php endif; ?>
                                    
                                    <?php if (!empty($instagram)) : ?>
                                        <a href="<?php echo esc_url($instagram); ?>" target="_blank" class="social-icon instagram">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    <?php endif; ?>
                                    
                                    <?php if (!empty($email)) : ?>
                                        <a href="mailto:<?php echo esc_attr($email); ?>" class="social-icon email">
                                            <i class="fas fa-envelope"></i>
                                        </a>
                                    <?php endif; ?>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                
                <?php
            endwhile;
            wp_reset_postdata();
        else :
            echo '<div class="col-12"><p>কোন টিম মেম্বার পাওয়া যায়নি।</p></div>';
        endif;
        ?>
    </div>
</div>

<?php get_footer(); ?>

/**
 * Team shortcode [team_members]
 */
function rebelsoftt_team_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'count' => -1, // সমস্ত টিম মেম্বার
            'department' => '', // সবগুলো ডিপার্টমেন্ট
            'orderby' => 'menu_order', // ম্যানুয়াল অর্ডার
            'order' => 'ASC' // আরোহী ক্রম
        ),
        $atts,
        'team_members'
    );
    
    $args = array(
        'post_type' => 'team',
        'posts_per_page' => intval($atts['count']),
        'orderby' => sanitize_text_field($atts['orderby']),
        'order' => sanitize_text_field($atts['order'])
    );
    
    // যদি ডিপার্টমেন্ট নির্দিষ্ট করা থাকে
    if (!empty($atts['department'])) {
        $args['tax_query'] = array(
            array(
                'taxonomy' => 'department',
                'field' => 'slug',
                'terms' => explode(',', sanitize_text_field($atts['department']))
            )
        );
    }
    
    $team_members = new WP_Query($args);
    
    ob_start();
    
    if ($team_members->have_posts()) :
        echo '<div class="team-members-shortcode">';
        echo '<div class="row">';
        
        while ($team_members->have_posts()) : $team_members->the_post();
            // আগের উদাহরণে দেওয়া টিম মেম্বার HTML স্ট্রাকচার এখানে ব্যবহার করুন
            $position = get_post_meta(get_the_ID(), '_team_position', true);
            ?>
            <div class="col-md-4 team-member">
                <div class="team-member-inner">
                    <?php if (has_post_thumbnail()) : ?>
                        <div class="team-member-photo">
                            <?php the_post_thumbnail('medium', array('class' => 'img-fluid')); ?>
                        </div>
                    <?php endif; ?>
                    
                    <div class="team-member-info">
                        <h3 class="team-member-name"><?php the_title(); ?></h3>
                        
                        <?php if (!empty($position)) : ?>
                            <div class="team-member-position"><?php echo esc_html($position); ?></div>
                        <?php endif; ?>
                        
                        <div class="team-member-content">
                            <?php the_excerpt(); ?>
                        </div>
                        
                        <a href="<?php the_permalink(); ?>" class="read-more">আরো দেখুন</a>
                    </div>
                </div>
            </div>
            <?php
        endwhile;
        
        echo '</div>'; // .row
        echo '</div>'; // .team-members-shortcode
        
        wp_reset_postdata();
    else :
        echo '<p>কোন টিম মেম্বার পাওয়া যায়নি।</p>';
    endif;
    
    return ob_get_clean();
}
add_shortcode('team_members', 'rebelsoftt_team_shortcode');

/* টিম মেম্বার কার্ড স্টাইল */
.team-member {
    margin-bottom: 30px;
}

.team-member-inner {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-member-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.team-member-photo img {
    width: 100%;
    height: auto;
    display: block;
}

.team-member-info {
    padding: 20px;
}

.team-member-name {
    margin: 0 0 5px;
    font-size: 20px;
    color: #333;
}

.team-member-position {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
}

.team-member-department {
    background-color: #f5f5f5;
    color: #555;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 15px;
}

.team-member-content {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #777;
}

/* স্কিল বার স্টাইল */
.team-member-skills {
    margin-top: 20px;
}

.team-member-skills h4 {
    margin-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.skill {
    margin-bottom: 10px;
}

.skill-name {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
}

.skill-bar {
    height: 8px;
    background-color: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 3px;
}

.skill-progress {
    height: 100%;
    background-color: #4A90E2;
    border-radius: 4px;
}

.skill-percentage {
    font-size: 12px;
    color: #888;
    text-align: right;
}

/* সোশ্যাল মিডিয়া আইকন স্টাইল */
.team-member-social {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.social-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    font-size: 16px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.1);
    opacity: 0.9;
}

.linkedin {
    background-color: #0077B5;
}

.twitter {
    background-color: #1DA1F2;
}

.facebook {
    background-color: #4267B2;
}

.instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.email {
    background-color: #dd4b39;
}

/* রেসপন্সিভ স্টাইল */
@media (max-width: 991px) {
    .team-member {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .team-member {
        flex: 0 0 100%;
        max-width: 100%;
    }
}