Как на WordPress сделать такой блок?

Question

[San Taganeiro]

Как перенести такую конструкцию на wp?

<nav class="col-md-3 nav-sidebar" >
            <ul class="nav tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">Проектирование</a></li>
                    ***
                <li class=""><a href="#tab2" data-toggle="tab">Все виды отделочных работ</a></li>
            </ul>
        </nav>

   <div class="tab-pane  text-style" id="tab1">
       <div class="facts">
          <img src="images/construct/s-2.png" alt="">
          <h4> Строительство</h4>
          <p>Текст</p>
              <a href="#">Читать далее</a>
          </div>
      </div>
    <div class="tab-pane  text-style" id="tab2">
       <div class="facts">
          <img src="images/construct/s-3.png" alt="">
          <h4>Юридическое сопровождение</h4>
          <p>Текст</p>
              <a href="#">Читать далее</a>
          </div>
      </div>

Comments

[Павел]

Так а в чем вопрос? Что это за страница? Что за тип материала?

[San Taganeiro]

записи, которые должны редактироваться через админку. При клике на пункт слева, то справа загружается содержимое.

[Павел]

Legalas61: слева это сайдбар. Покажите макет страницы целиком. По ссылке "читать далее" открывается одиночная сираница с этой записью? Сами записи, это встроенные записи или кастомный тип поста. Вот это все надо указывать. И когда отвечаете кому-то, то делайте через кнопку "ответить", иначе не придет уведомление и никто не увидит)

[San Taganeiro]

Павел: Заговнокодол обычным слайдером. Не изящно, но заказчик принял. Интересно, как можно было решить это проблему по другому. Просто и без плагинов.

Answer 1

[iminby]

Можешь с помощью visual composer
Как минимум вставить там через виджет Вставка html
С помощью данного конструктора страниц будет легко и просто.

Answer 2

[Игорь Воротнёв]

Обычный repeater в Advanced Custom Fields или аналогичном плагине.
iminby вставить html можно и в обычный стандартный редактор WP в режиме text. Для этого не нужен VC.

Comments

[iminby]

Я предложил ему это, в виде конструктора страницы.
Так как, судя по всему, с конструированием страницы, тут у человека какие-то проблемы.

[iminby]

Тем более там уже есть готовые решения, подобные вертикальные табы...
Поэтому если он через VC всё сделает, это ему снизит гемора.

[Игорь Воротнёв]

iminby: если делать виджетом VC то да, для не-разработчиков очень даже выход и вариант. Просто предложение "вставить свой хтмл код через VC" лишего всякой логики и смысла - свой код можно вставить в родной редактор без дополнительных плагинов.

[San Taganeiro]

можно это просто оставить в html, но мне интересно как средствами WP это можно сделать. Без плагинов.

[Игорь Воротнёв]

Legalas61: У вас формулировка не совсем верная, как будто плагины - это какие-то существа из другой Вселенной. На самом деле плагины - это код, использующий средства WP для решения конкретных задач. В вашем случае можно решить плагином Advanced Custom Fields (поле repeater), либо же руками (средствами WP) сделать метабокс с рипитером. В первом случае вы потратите максимум 30 минут, в другом - часы, если не дни (зависит от уровня ваших навыков). В конечном же итоге оба способа окажутся в виде идентичных данных в таблице wp_postmeta

[iminby]

Legalas61: как средствами WP ,это сделать без плагинов.
Ну вставьте в html-редакторе код в страницу, вот и станет средствами WP.
Откройте фтп, создайте php файл..и сделайте страницу главную там...
Не понятно, куда вы хотите конкретно это вставить..
если не разбираетесь ..
то вам поможет VC ..
Поставили и сконструировали с помощью него страницу.
И вставили там любой какой хотите код в любое место.

[iminby]

Legalas61: и там уже есть готовые табы данные, с кучей настроек..и ничего не нужно ковырять и тратить по 30 минут или по несколько дней на разбирательства в custom fields и тому подобном.