Изучаю wordpress.
Использую шаблон underscores и плагин Unyson.
Как мне вставить нужные элементы плагина в верстку?
Или переделывать шорткоды под мой шаблон верстки, делать такие же классы, чтобы стили подцепились?
Спасибо;)
<div class="privilege">
<div class="container">
<h2>8 ПРЕИМУЩЕСТВ РЕЗИНОВЫХ ПОКРЫТИЙ</h2>
<p class="descr">В сравнении с твердыми покрытиями (бетон, мрамор, керамика, гранит)</p>
<div class="row">
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">01</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Высокая износостойкость материала</h5>
<span>Пластичность материала защищает его от механических воздействий,
позволяет не ломаться, не крошиться, не биться. В то время как твердые
материалы уязвимы к механическим воздействиям.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">02</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Защита от получения травм</h5>
<span>Упругость резины делает покрытие травмобезопасным и позволит
сохранить ваше здоровье и здоровье вашей семьи. Твердые же материалы,
наоборот, только усиливают риск получения травмы.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">03</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Покрытие сохраняет свою форму</h5>
<span>Эластичность материала позволит восстанавливать первоначальную
форму при различных нагрузках, оно всегда будет выглядеть хорошо.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">04</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Антискользящий эффект</h5>
<span>Шероховатая поверхность дает хорошее сцепление с подошвой
обуви, что предотвратит падение при дожде и снежной погоде.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">05</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Долговечность покрытия</h5>
<span>Срок службы более 10 лет.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">06</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Устойчивость к погодным условиям</h5>
<span>Покрытие можно использовать в любой сезон (-50 до +60 ОС) и при
любых погодных условиях. Оно устойчиво к температурным перепадам и к
атмосферным осадкам.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">07</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Не требует серьезного ухода</h5>
<span>Неприхотливость к уборке, чистке зимой и летом позволит сохранить
первоначальный вид покрытия.</span>
</div>
</div>
</div>
<div class="privilege-item col-12">
<div class="row">
<p class="col-xl-2 col-md-2">08</p>
<div class="privilege-item-wrap col-xl-9 col-md-10">
<h5>Шумоизоляция</h5>
<span>Резиновые покрытия позволят предотвратить распространение
излишнего шума.</span>
</div>
</div>
</div>
</div>
<div class="know row">
<h3 class="col-xl-8 col-md-12">Узнай самую важную, 9 причину!</h3>
<div class="know-wrap col-xl-8 col-md-12">
<div class="number-main">
<a href="tel:+73952265728"><span>+7 (3952)<strong> 26-57-28</strong></span>
</a>
</div>
<a href="#!" id="main-btn">Узнать 9 причину</a>
</div>
</div>
</div>
</div>
