Как добавить класс или идентификатор к HTML элементам шорткода?

Question

Как добавить класс или идентификатор к HTML элементам шорткода?

6 мая 2014 г., 16:48:48

Просмотры: 23.7K

Голосов: 1

У меня есть элементы строки и 3 колонки внутри:

[row]
[one_third]1[/one_third]
[one_third]2[/one_third]
[one_third]3[/one_third]
[/row]

Как я могу добавить пользовательский класс или идентификатор к элементу [row]? Мне нужно приблизить колонки 1 и 3 ближе к 2, изменив их отступы.

gskema

113

шорткод колонки post class

Все ответы на вопрос

Комментарии

хотя ваш ответ значительно лучше, чем просто "добавить параметр class в шорткод column", это делает тему чисто HTML/CSS вопросом

JMau

6 мая 2014 г. 23:32:19

Это верно, но вопрос, вероятно, был задан исходя из предположения, что плагин/тема, создавшие шорткод [row], могут иметь специфичный для Wordpress способ обработки классов.

Douglas.Sesar

6 мая 2014 г. 23:59:40

Douglas.Sesar 1.37K · Accepted Answer · 2014-05-06T17:03:53Z

Вы можете отказаться от шорткодов и использовать HTML.

<div class="row full-width whatever">
[one_third]1[/one_third]
[one_third]2[/one_third]
[one_third]3[/one_third]
</div>

ИЛИ

Вы можете просто обернуть весь ваш код в другой div и стилизовать элемент [row] через CSS:

<div class="your_special_wrapper">
[row]
[one_third]1[/one_third]
[one_third]2[/one_third]
[one_third]3[/one_third]
[/row]
</div>
<style>
.your_special_wrapper div{ /*ваши CSS стили */ }
</style>

Douglas.Sesar

1.37K

6 мая 2014 г. 17:03:53