Как превратить этот HTML-код в шорткод? (добавление текста песни и присвоение идентификатора div)

ШАГИ:

1. Не забудьте использовать разные идентификационные номера в каждом аккордеоне. Например: id=»5″ (от 1 до 10)
2. Название находится между
3. Стихи перед
   
   

4. Поместите 2 аккордеона на посты (как в примере ниже). Или испортятся.

               <div class="basic" style="float:left;" id="5">
                   <a>There is one obvious advantage:</a>
                   <div>
                       <p>
                           You've seen it coming!<br/>
                           Buy now and get nothing for free!<br/>
   
                           Well, at least no free beer. Perhaps a bear,<br/>
                           if you can afford it.
                       </p>
                   </div>
                   <a>Now that you've got...</a>
                   <div>
                       <p>
                           your bear, you have to admit it!<br/>
   
                           No, we aren't selling bears.
                       </p>
                   </div>
                   <a>Rent one bear, ...</a>
                   <div>
                       <p>
                           get two for three beer.
                       </p>
                       <p>
   
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
   
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           Period.
                       </p>
                   </div>
           </div>
   
           <div class="basic" style="float:left;" id="6">
                   <a>There is one obvious advantage:</a>
                   <div>
                       <p>
                           You've seen it coming!<br/>
                           Buy now and get nothing for free!<br/>
   
                           Well, at least no free beer. Perhaps a bear,<br/>
                           if you can afford it.
                       </p>
                   </div>
                   <a>Now that you've got...</a>
                   <div>
                       <p>
                           your bear, you have to admit it!<br/>
   
                           No, we aren't selling bears.
                       </p>
                   </div>
                   <a>Rent one bear, ...</a>
                   <div>
                       <p>
                           get two for three beer.
                       </p>
                       <p>
   
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
   
                           And now, for something completely different.<br/>
                           And now, for something completely different.<br/>
                           Period.
                       </p>
                   </div>
           </div>
   

Мой клиент сказал, что это слишком сложно. Как я могу превратить это в шорткод?

РЕДАКТИРОВАТЬ

Это аккордеон jQuery, заголовок идет в тегах привязки, а текст перед тегами разрыва, а идентификаторы div должны меняться каждый раз.