artur_kudaev
@artur_kudaev
Frontend Developer

Как вставить элементы плагина в нужные места верстки?

Изучаю 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>
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы