How to make a custom slider in Wordpress?

Question

css

Designed the slider and styled it. I used swiper-slider. I need to integrate all this into wordpress.
I'm not very friendly with Wordroess. using theFox theme and visualComposer.
inserting using the shortcode "HTML markup" does not work, because everything takes a long time to load.

<div class="swiper-slide"><img src="img/Albert_sisadmin-ref.jpg" alt="">

            <div class="overlay">
                <h3>Егиазарян Альберт Варданович</h3>
                <span>Системный администратор</span>

                <div class="skills-wrapper">
                    <div class="skill-unit">
                        <div class="skill-label">Администрирование компьютерного парка</div>
                        <div class="skill-icons skill-10">
                            <span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span>
                        </div>
                    </div>

                    <div class="skill-unit">
                        <div class="skill-label">Программирование 1С</div>
                        <div class="skill-icons skill-8">
                            <span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span>
                        </div>
                    </div>

                    <div class="skill-unit">
                        <div class="skill-label">Компьютерная инженерия</div>
                        <div class="skill-icons skill-8">
                            <span></span><span></span><span></span><span></span><span></span>
                            <span></span><span></span><span></span><span></span><span></span>
                        </div>
                    </div>

                </div>

                <div class="contacts-wrapper">

                    <div class="contact-unit">
                        <div class="contact-label">Телефон</div>
                        <div class="contact-value">[phone]</div>
                    </div>

                    <div class="contact-unit">
                        <div class="contact-label">e-mail</div>
                        <div class="contact-value">[email protected]</div>
                    </div>

                </div>
            </div>
        </div>

Answer 1

The simplest thing is to install the Advanced Custom Fields plugin and display the meta fields in the code. But you still have to edit the php files of the template.