Help in displaying a custom entry?

Question

WordPress

The question is, I want to create a website for myself,
there is a difficulty in displaying information.
I need that when adding a new record, the structure of the record on the page was like in this photo

spoiler

Here is the layout in it the record output loop

spoiler

<div class="wrap_palay_list">
                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                  <div class="play_name">
                    <div class="name">OVH Telecome-</div>
                    <div class="option">
                      <i class="fa fa-check-square" aria-hidden="true"></i>
<p>Рабочий</p><p>Страна</p>
                    </div>
                  </div>
                  <div class="content_pl">
                    <div class="name_code">#EXTM3U</div>
                    <div class="con">
          <ul class="sintax">
            <li>
              <div class="sintax_code">#EXTINF:-1,<span class="name_chanel">ТНТ</span> <div class="chanel"><img src="" alt=""></div></div>
              <div class="potok">http://89.107.137.173:7666/udp/239.195.54.13:1234</div>
            </li>
            <li>
              <div class="sintax_code">#EXTINF:-1,<span class="name_chanel">ТНТ</span> <div class="chanel"><img src="" alt=""></div></div>
              <div class="potok">http://89.107.137.173:7666/udp/239.195.54.13:1234</div>
            </li>
            <li>
              <div class="sintax_code">#EXTINF:-1,<span class="name_chanel">ТНТ</span> <div class="chanel"><img src="" alt=""></div></div>
              <div class="potok">http://89.107.137.173:7666/udp/239.195.54.13:1234</div>
            </li>
            <li>
              <div class="sintax_code">#EXTINF:-1,<span class="name_chanel">ТНТ</span> <div class="chanel"><img src="" alt=""></div></div>
              <div class="potok">http://89.107.137.173:7666/udp/239.195.54.13:1234</div>
            </li>

          </ul>

                    </div>
                    <div class="link">
                      <a href="#" id="viesv">Смотреть весь плейлист</a>
                    </div>
                  </div>
                  <div class="blok_info">
                    <div class="pl_information">
                      <i class="fa fa-eye" aria-hidden="true"></i><span>222</span>
                      <i class="fa fa-desktop" aria-hidden="true"></i><span>33</span>
                      <i class="fa fa-user-plus" aria-hidden="true"></i><span>22.04.2018</span>

                    </div>
                    <div class="likes">
                      <div class="like"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
<span>33</span></div>
                      <div class="rep"><i class="fa fa-heart-o" aria-hidden="true"></i>
</div>
                    </div>
                  </div>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
                </div>
                <!-- /.wrap_palay_list -->

And here is how it is displayed in the layout

spoiler

What do I need? I need that if I add a new entry and insert this into the entry (in the WordPress text editor!)

http://89.107.137.173:7666/udp/239.195.54.13:1234
#EXTINF:-1,ТНТ
http://89.107.137.173:7666/udp/239.195.54.13:1234

The entry was displayed on the site as in the screenshot above
, for example, there is a site Here and there the output of the entries is like this, I also need to
wait for information, and is there any plugin or functionality so that it would immediately generate a file for me with the information that will be inserted into the record, mp3u format file, I really hope for help!

Answer 1

What is written here is hardly clear, except for you. The task, the question is not clear. Edit the question to make it clearer