Добрый день, простой вопрос как сделать три колонки в WordPress.
Использую плагин Smart Before After Viewer для фoто. Для вставки фoто использую их код после чего вставляю фoто и закрываю код.
А как сделать, чтоб они были по колонкам вот пример с их сайта.
Попробуйте таблицей воспользоваться
А как в моей панели инструментов таблицы нет.
Я только начинаю с WordPress, я так понимаю нужно воспользоватся каким то плагином?
Я руками создаю таблицы. Но если надо постоянно так делать то можно поискать плагин в базе по ключевому слову
Плагин Shortcodes Ultimate, можно разбивать на 2,3,4 колонки, ну еще всякого куча
Понял. Всем Спасибо. Буду пробовать.
Добавлено: 20-09-2016, 15:13:56
Забыл, посоветуйте пожалуйста платин чтоб был responsible. Чтоб на маленьком экране ложились одно под другое.
Shortcodes Ultimate
Есть ли У Вас возможность показать на коде с моим случаем ка вставить в этой таблице "код плагина" - картинка - "код плагина".
Добавлено: 20-09-2016, 21:08:58
Shortcodes Ultimate не получается, код вставил, колонки получились, но код что внутри колонки не работает!
[su_row]
[su_column size="1/2"] (если колонки две), [su_column size="1/3"] (если колонки три)
Ваша картинка, код текст, и т.д
[/su_column]
[su_column size="1/2"] (если колонки две), [su_column size="1/3"] (если колонки три)
Ваша картинка, код текст и т.д
[/su_column]
[/su_row]
Цитата: kuhni от 20-09-2016, 14:23:55
Плагин Shortcodes Ultimate, можно разбивать на 2,3,4 колонки, ну еще всякого куча
Спасибо за подсказку) Этот плагин стал для меня находкой. Очень много можно с помощью него сделать, о чем я раньше и мечтать не мог. Уже давно веду блог на WordPress, но про него ни разу не слышал :)
Используйте встроенный редактор блоков (Gutenberg). Шаги:
В редакторе нажмите «+» → «Колонки» → выберите «Три колонки».
В каждую колонку вставьте шорткод плагина: [smart_beforeafter id="X"], где X – ID галереи.
При необходимости настройте отступы через «Дополнительные CSS‑классы», например my-three-cols.
Если используете Classic‑Editor, добавьте CSS‑правило:
.my-three-cols{
display:flex;
justify-content:space-between;
}
.my-three-cols > div{
flex:0 0 32%;
}
И разметку:
<div class="my-three-cols">
<div>[smart_beforeafter id="101"]</div>
<div>[smart_beforeafter id="102"]</div>
<div>[smart_beforeafter id="103"]</div>
</div>