Назначение элементов King Composer

Элемент

Назначение

Пример вида

Row Inner

Row Inner используется для добавления рова в ров, в элементы вроде табов для разделения контента на столбцы.

KC Box

Не используем!

Элемент для создания составных элементов, вроде коснтруктора. Не особо гибкий.

Tabs - Slider

Элемент для вывода табов и каруселей, работает на скрипте slick.js старой первой версии.

Accordeon

Простой и всем известный элемент аккордиона. Позволяет создавать вопросы и ответы, подобные секции.

Text Block

Позволяет выводить текст со ссылками и простые меню.

Spacing

Не используем!

Выводит пустое место. Отступы делаем паддингами вместо этого элемента

Raw Code

Выводит любой исходный код HTML, CSS, JS. Редко используем, только для каких-то интеграций.

Single Image

Не используем!

Используем элемент Image Effect вместо него.

Title

Не используем!

Используем элемент Multi Title вместо него.

Icon

Выводит иконку. На практике ни разу не понадобился. Для всех блоков с иконками используем IconBox.

Google Maps

Выводит ифрейм гугл карты.

Insgatram Feed

Выводит фотки с инстаграма. Нужен доступ к аккаунту.

Twitter Feed

Вывод твитов по АПИ.

Facebook Post

Выводит группу из фейсбука и ее последние посты.

Flip Box

Поворачивающийся бокс с иконкой, заголовком и описанием. Редко используется. Предпочтение отдаем IconBox.

Pie Chart

Выводит графики.

Progress Bar

Выводит прогресс бары.

Button

Не используем!

Используем элемент Button Extended вместо него.

Video Player

Выводит видео файл или с ютуба по ссылке.

Counter Box

Не используем!

Используем элемент Counter Extended вместо него.

List Blog Post

Не используем!

Используем элемент Post Grid вместо него.

Image Carousel

Не используем!

Используем элемент SecretLab Image Carousel вместо него.

Post Carousel

Выводит карусель постов из блога. На практике не использовал ни разу. Гибкость настроек довольно скудная. Предпочтительнее использовать Post Grid.

Image Gallery

Выводит галерею картинок сеткой или масонри. Лайтбокс при клике по картинке.

Countdown Timer

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

Divider

Выводит разделитесь полоской или бордюром. Чаще используем элемент Divider Icon вместо него.

Boxes Alert

Выводит простой алерт. Текст на фоне какого-то цветного фона. Не используем. Тоже самое можно сделать текстовым блоком или IconBox.

Feature Box

Не используем!

Используем элемент IconBox вместо него.

Testimonials

Не используем!

Используем элемент Testimonial Extended вместо него.

Pricing

Используем элемент Image Effect вместо него.

Team

Не используем!

Используем элемент Team Extended вместо него.

Dropcaps

Выводит текст с первой большой кнопкой, которую можно задизайнить стилями.

Image FadeIn Slider

Слайдер, в котором картинки сменяют друг друга эффектом Fade In. Редко применим.

Image Hover Effect

Выводит картинку при наведении мыши показывает заголовок, текст. Скудные настройки. Лучше использовать Image Effect элемент.

Creative Button

Не используем!

Используем элемент Button Extended вместо него.

Popover & tooltip

Выводит кнопку или иконку с всплывающим текстом при наведении мышки. Редко применим.

Multi Icons

Выводит череду иконок со ссылками. Используем для вывода кнопок соцсетей.

Blog Posts

Не используем!

Используем элемент Post Grid вместо него.

Nested Parent

Элемент, в который можно вставлять другие элементы. Может быть полезен для создания секций из нескольких элементов, например, заголовок + разделитель + подзаголовок + фоновая картинка. Чтобы 3-4 элемента по отдельности не копировать, удобнее копировать всю группу элементов с помощью Nested Parent.

Benefits Icon Grid

Выводит креативные блоки с иконочными блоками, например, о компании или преимущества. Можно добавлять новые виды.

Background Label

Выводит надпись в фоне с абсолютным позицонированием и настройках фона, стиля, цвета. При выводе больших букв для мобильных версий нужно сильно уменьшать, иначе на мобильных устройствах появляется горизонтальная прокрутка. Не все мобилы учитывают overflow:hidden.

Button Extended

Выводит кнопки с гибкими настройками стиля. Расширим анимациями и эффектами. Предложения принимаются.

Counter Extended

Гибкий элемент для вывода числовых счетчиков.

Caldera Form

Выводит и стилизует созданные в плагине Caldera Forms формы контактов.

Divider Icon

Выводит разделители в SVG формате. Примеры на странице https://atiframe.secretlab.pw/dividers/

Icon Box

Выводит иконочные блоки с иконкой в фоне, заголовком, подзаголовком, описанием, ссылкой подробнее. Поддерживает иконочный шрифт, картинки и SVG иконки. ПОзволяет сделать какой угодно иконочный блок. Пожелания по новым шаблонам принимаются.

Много примеров https://demo15.atiframe.com/icon-boxes/

SecretLab Image Carousel

Выводит карусель картинок с превью, стрелками или булетами навигации.

Image Effect

Гибкий элемент для вывода картинок с различными всплывающими или статичными иконками, заголовками, текстом, ссылками. Содержит ховер эффекты и Grayscale. Предложения по шаблонам и эффектам принимаются.

Примеры https://demo15.atiframe.com/image-effect/

Image Flow

Выводит несколько картинок поверх друг друга, позволяет создавать коллажи. Дорабатывам эффекты. Предложения принимаются.

Mega Menu

Гибкий, но сложный элемент для создания мега меню до 3 уровней вложенности.

Multiple Title

Основной элемент для вывода заголовков, позволяет создавать сложные составные заголовки с CSS фигурками.

Примеры https://demo15.atiframe.com/typography/

Blog Post Grid

Элемент для вывода постов, портфолио. Скоро добавим шаблоны для вывода товаров WooCommerce.

Powerful Image

Выводит картинки c открытием всплывающего окна на лайтбокс, галерею картинок, видео файл.

Slider Revolution

Позволяет вывести слайдер в любом месте.

Sidebar

Выводит сайтбар в любом месте. На практике не понадобится.

Table

Выводит таблицы с более-менее гибкими стилями. Примеры у вас в демо.

Testimonial Extended

Гибкий вывод отзывов. Предложения принимаются.

Team Extended

Гибкий вывод сотрудников. Предложения принимаются.

Search Form

Выводит стандартную форму поиска. Есть баги.

Powered by BetterDocs