D
D
Daria Shashko2016-10-22 14:25:34
css
Daria Shashko, 2016-10-22 14:25:34

How to make a custom slider in Wordpress?

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">+375(152)73-00-91</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 the question

In order to leave comments, you need to log in

1 answer(s)
E
Egor Maltsev, 2016-10-22
@shashkodarya

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.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question