יצירת אקורדיון בעזרת Shortcode

 <div class="accordion-wrapper wrapper">
    <div class="accordion-item">
        <div class="accordion-title">
            Accordion Item Title 
        </div>
        <div class="accordion-content">
            Description for accordion Item
        </div>
    </div>
    <div class="accordion-item">
        <div class="accordion-title">
            Accordion Item Title 
        </div>
        <div class="accordion-content">
            Description for accordion Item
        </div>
    </div>
</div> 

 function wrapper_shortcode($atts, $content = null) {
    
    $atts = shortcode_atts(array(
        'class' => '', // default value
    ), $atts, 'wrapper');

    $classes =  $atts['class'] != '' ? 'wrapper ' . $atts['class'] : 'wrapper';

    return '<div class="'. $classes .'">' . do_shortcode($content) . '</div>';
}

function register_wrapper_shortcode() {
    add_shortcode('wrapper', 'wrapper_shortcode');
}
add_action('init', 'register_wrapper_shortcode'); 

 [wrapper] 
    Inner Content
[/wrapper]

[wrapper class="accordion-wrapper"] 
    Inner Content
[/wrapper] 

 function accordion_item_shortcode($atts, $content = null) {
    // קבלת המאפיינים שהוזנו בשורטקוד
    $atts = shortcode_atts(array(
        'title' => 'Default Title'
    ), $atts, 'accordion_item');

    // פלט פריט האקורדיון
    $output = '<div class="accordion-item">';
    $output .= '<div class="accordion-title">' . esc_html($atts['title']) . '</div>';
    $output .= '<div class="accordion-content">' . wpautop($content) . '</div>';
    $output .= '</div>';

    return $output;
}

function register_accordion_item_shortcode() {
    add_shortcode('accordion_item', 'accordion_item_shortcode');
}
add_action('init', 'register_accordion_item_shortcode'); 

 [accordion_item title="First item"] 
    Inner Content
[/accordion_item]

[accordion_item title="Second item"] 
    Inner Content
[/accordion_item] 

 [wrapper class="accordion-wrapper"]
    [accordion_item title="First item"] 
        Inner Content
    [/accordion_item]
    
    [accordion_item title="Second item"] 
        Inner Content
    [/accordion_item]
[/wrapper]