# 57 Shortcode и элементов

URL: https://canvaswp.com/ru/templates/shortcodes/
Updated: 2026-11-03

Шаблоны

Каждый элемент контента, входящий в Canvas, на собственной странице, со всеми вариациями, показанными вместе, чтобы вы могли оценить варианты до того, как начнёте собирать страницу.

[Открыть живую витрину](https://demos.canvaswp.com/classic/) [Просмотреть демо-сайты](https://canvaswp.com/ru/demos/)

Обновлено 3 ноября 2026 г.

- [Анимации (откроется в новой вкладке)](https://demos.canvaswp.com/classic/animations/)
- [Кнопки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/buttons/)
- [Карусель (откроется в новой вкладке)](https://demos.canvaswp.com/classic/carousel/)
- [Клиенты (откроется в новой вкладке)](https://demos.canvaswp.com/classic/clients/)
- [Колонки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/columns-grids/)
- [Счётчики (откроется в новой вкладке)](https://demos.canvaswp.com/classic/counters/)
- [Read More (откроется в новой вкладке)](https://demos.canvaswp.com/classic/read-more/)
- [Ticker (откроется в новой вкладке)](https://demos.canvaswp.com/classic/ticker/)
- [Количество в корзине (откроется в новой вкладке)](https://demos.canvaswp.com/classic/cart-quantity/)
- [Элементы параллакса (откроется в новой вкладке)](https://demos.canvaswp.com/classic/parallax-elements/)
- [Разделители (откроется в новой вкладке)](https://demos.canvaswp.com/classic/dividers/)
- [Блоки с иконками (откроется в новой вкладке)](https://demos.canvaswp.com/classic/featured-boxes/)
- [Галереи (откроется в новой вкладке)](https://demos.canvaswp.com/classic/gallery/)
- [Стили заголовков (откроется в новой вкладке)](https://demos.canvaswp.com/classic/headings-dropcaps/)
- [Списки с иконками (откроется в новой вкладке)](https://demos.canvaswp.com/classic/icon-lists/)
- [Градиенты (откроется в новой вкладке)](https://demos.canvaswp.com/classic/gradients/)
- [Лайтбокс (откроется в новой вкладке)](https://demos.canvaswp.com/classic/lightbox/)
- [Оверлеи элементов (откроется в новой вкладке)](https://demos.canvaswp.com/classic/item-overlays/)
- [Элементы форм (откроется в новой вкладке)](https://demos.canvaswp.com/classic/form-elements/)
- [Загрузка файлов (откроется в новой вкладке)](https://demos.canvaswp.com/classic/component-uploads/)
- [Circle Stack (откроется в новой вкладке)](https://demos.canvaswp.com/classic/circle-stack/)
- [Video Facade (откроется в новой вкладке)](https://demos.canvaswp.com/classic/video-facade/)
- [Прокрутка элементов (откроется в новой вкладке)](https://demos.canvaswp.com/classic/scroll-elements/)
- [Lists & Cards (откроется в новой вкладке)](https://demos.canvaswp.com/classic/lists-cards/)
- [Карты (откроется в новой вкладке)](https://demos.canvaswp.com/classic/maps/)
- [Встраивание медиа (откроется в новой вкладке)](https://demos.canvaswp.com/classic/media-embeds/)
- [Модальные окна (откроется в новой вкладке)](https://demos.canvaswp.com/classic/modal-popovers/)
- [Уведомления (откроется в новой вкладке)](https://demos.canvaswp.com/classic/notifications/)
- [Пагинация (откроется в новой вкладке)](https://demos.canvaswp.com/classic/pagination-progress/)
- [Прогресс и навыки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/progress-skills/)
- [Shape Dividers (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shape-dividers/)
- [Cascading Images (откроется в новой вкладке)](https://demos.canvaswp.com/classic/cascading-images/)
- [Подсветка кода (откроется в новой вкладке)](https://demos.canvaswp.com/classic/code-highlighter/)
- [Действия с медиа (откроется в новой вкладке)](https://demos.canvaswp.com/classic/media-actions/)
- [Блоки тарифов (откроется в новой вкладке)](https://demos.canvaswp.com/classic/pricing/)
- [Process Steps (откроется в новой вкладке)](https://demos.canvaswp.com/classic/process-steps/)
- [Promo Boxes (откроется в новой вкладке)](https://demos.canvaswp.com/classic/promo-boxes/)
- [Цитаты (откроется в новой вкладке)](https://demos.canvaswp.com/classic/quotes-blockquotes/)
- [Слайдеры изображений (откроется в новой вкладке)](https://demos.canvaswp.com/classic/image-sliders/)
- [Секции (откроется в новой вкладке)](https://demos.canvaswp.com/classic/sections/)
- [Social Icons (откроется в новой вкладке)](https://demos.canvaswp.com/classic/social-icons/)
- [Анимации при наведении (откроется в новой вкладке)](https://demos.canvaswp.com/classic/hover-animations/)
- [AJAX Button (откроется в новой вкладке)](https://demos.canvaswp.com/classic/ajax-button/)
- [Условные формы (откроется в новой вкладке)](https://demos.canvaswp.com/classic/conditional/)
- [Прелоадеры (откроется в новой вкладке)](https://demos.canvaswp.com/classic/preloaders/)
- [Блоки оповещений (откроется в новой вкладке)](https://demos.canvaswp.com/classic/style-boxes/)
- [Стилизованные иконки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/styled-icons/)
- [Таблицы (откроется в новой вкладке)](https://demos.canvaswp.com/classic/tables/)
- [Вкладки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/tabs/)
- [Testimonials (откроется в новой вкладке)](https://demos.canvaswp.com/classic/testimonials-twitter/)
- [Thumbnails (откроется в новой вкладке)](https://demos.canvaswp.com/classic/thumbnails-slider/)
- [Переключатели (откроется в новой вкладке)](https://demos.canvaswp.com/classic/toggles-accordions/)
- [Ленивая загрузка (откроется в новой вкладке)](https://demos.canvaswp.com/classic/lazy-loading/)
- [Flip Cards (откроется в новой вкладке)](https://demos.canvaswp.com/classic/flip-cards/)
- [Переключатель режимов (откроется в новой вкладке)](https://demos.canvaswp.com/classic/color-mode-switcher/)
- [Настраиваемый курсор (откроется в новой вкладке)](https://demos.canvaswp.com/classic/custom-cursor/)
- [Image Compare (откроется в новой вкладке)](https://demos.canvaswp.com/classic/image-compare/)

Каждая ссылка открывает настоящую страницу на живой витрине, созданную той же темой и теми же блоками, которые вы установите.

Какой блок

## Блок, который лежит в основе каждого элемента

На каждой странице элемента показан один или несколько блоков Canvas с их вариантами рядом. Найдите нужный элемент, вставьте блок, название которого указано под ним, а варианты настраиваются на его панели.

- **Кнопки**
   Button, Page Title Buttons
- **Карусель**
   Carousel, Product Carousel
- **Клиенты**
   Клиенты
- **Колонки**
   Column, Row
- **Счётчики**
   Countdown, Counter
- **Read More**
   Read More
- **Ticker**
   Ticker
- **Количество в корзине**
   Quantity Input
- **Элементы параллакса**
   Parallax Image
- **Разделители**
   Разделитель
- **Блоки с иконками**
   Icon Box
- **Галереи**
   Gallery
- **Стили заголовков**
   Dropcap, Heading, Text Rotator
- **Списки с иконками**
   Icon List
- **Оверлеи элементов**
   Overlay Content, Overlay Item
- **Элементы форм**
   Form Field
- **Circle Stack**
   Circle Stack
- **Lists & Cards**
   Link Tiles, Lists & Cards
- **Карты**
   Map
- **Встраивание медиа**
   Media Embed
- **Модальные окна**
   Modal
- **Уведомления**
   Уведомление
- **Пагинация**
   Пагинация
- **Прогресс и навыки**
   Progress Bar
- **Shape Dividers**
   Plain Image, Shape Divider
- **Cascading Images**
   Cascading Images
- **Подсветка кода**
   Code Highlight
- **Действия с медиа**
   Background Video / Audio
- **Блоки тарифов**
   Inline SVG, Pricing Switcher, Pricing Table
- **Process Steps**
   Process Steps
- **Promo Boxes**
   Promo Box
- **Цитаты**
   Quote
- **Слайдеры изображений**
   Image Slider
- **Секции**
   Hero, Wrapper
- **Social Icons**
   Social Icons
- **AJAX Button**
   AJAX Button
- **Прелоадеры**
   Preloader
- **Блоки оповещений**
   Alert
- **Стилизованные иконки**
   Styled Icon
- **Вкладки**
   Вкладки
- **Testimonials**
   Testimonials
- **Переключатели**
   Accordion, Toggle
- **Flip Cards**
   Flip Card
- **Image Compare**
   Image Compare

Общие настройки

## Что несёт в себе каждый элемент

### Расширенная панель

Canvas добавляет одну и ту же расширенную панель ко всем типам блоков на сайте, включая базовые блоки и блоки других плагинов: анимацию появления и исчезновения, собственный CSS, действующий только на этот блок, пользовательские атрибуты и условия показа по роли или устройству. Страница Animations показывает эту панель в действии.

### Значения по умолчанию и глобальные стили

Настройте кнопку так, как того требует ваш бренд, и сохраните эти параметры как значения по умолчанию, чтобы следующая добавленная кнопка начинала с них. Глобальный стиль — это набор настроек, который применяется ко всему сайту и который потом можно изменить в одном месте.

### Бесплатные и премиум в одном тарифе

Бесплатных блоков Canvas: 228 из 314, премиальных: 86. Все они входят в каждый тариф, поэтому ни один элемент этой страницы не требует перехода на более дорогой тариф.

- [Полная библиотека блоков](https://canvaswp.com/ru/blocks/)

### Почему в меню написано «Шорткоды»

Витрина сохраняет названия меню Canvas HTML, шаблона, по которому построены эти страницы, а Shortcodes — так это меню называет страницы элементов, чтобы всякий, кто работал с HTML-шаблоном, сразу находил каждую страницу там, где ожидает. В Canvas для WordPress ни одна из них не является шорткодом. Каждый элемент — зарегистрированный блок с параметрами на боковой панели, сохраняемый как стандартная разметка блоков, и вам не нужно помнить какой-либо тег в квадратных скобках.

- [Что переносится из Canvas HTML](https://canvaswp.com/ru/canvas-html-to-wordpress/)

Другие шаблоны

## Остальная библиотека

- [Шаблоны страниц 13](https://canvaswp.com/ru/templates/page-templates/)
- [Макеты портфолио 27](https://canvaswp.com/ru/templates/portfolio/)
- [Шаблоны блога 35](https://canvaswp.com/ru/templates/blog/)
- [Макеты магазина 9](https://canvaswp.com/ru/templates/shop/)