Як додати динамічний вміст за допомогою шорткодів
Ось проблема:
Ви хочете включити форму, повзунок або інший динамічний елемент в одну зі своїх публікацій або сторінок. Як ти це робиш?
На щастя, розробники WordPress створили просте рішення під назвою шорткоди.
Що таке шорткоди?
Підпишіться на конкурсні теми на Youtube
Шорткоди — це прості коди, які можна додати в редактор публікацій, щоб включити динамічний вміст із плагіна.
Наприклад, плагін MetaSlider дозволяє створювати та налаштовувати повзунки зображень на інформаційній панелі WordPress. Після створення повзунка ви можете вивести його на свій сайт за допомогою віджета або короткого коду.
Майже кожен плагін, який створює вміст, надасть вам і віджет, і шорткод для використання.
Ось приклад того, як виглядає шорткод, наданий плагіном MetaSlider:
[metaslider id="267"]
Шорткоди завжди укладаються в дужки і починаються з імені, призначеного плагіном. У цьому випадку ця назва — «метаповзунок». Потім є ряд параметрів. Шорткод вище має один параметр під назвою «id», який встановлюється рівним 267.
Як використовувати шорткоди
Користуватися шорткодами дуже просто.
Незалежно від того, який плагін ви використовуєте, вам буде надано короткий код десь в інтерфейсі плагіна. Наприклад, WPForms перераховує короткий код для відображення кожної форми в меню Усі форми.
Шорткоди можна просто скопіювати та вставити в редактор дописів. Наприклад, ось як виглядає наша сторінка контактів на інформаційній панелі WP:
Бачите, як видно шорткод?
Сама форма не відображатиметься в редакторі. Однак, якщо ви відвідаєте сторінку контактів на нашому сайті, ви побачите форму, яка відображається замість короткого коду, знайденого в редакторі.
Якщо ви редагуєте чернетку, а не опубліковану сторінку/публікацію, вам потрібно буде зберегти чернетку, перш ніж шорткод запуститься в попередньому перегляді.
Тонни плагінів використовують шорткоди, тому ви напевно зіткнетеся з ними в якийсь момент, якщо ще цього не зробили.
Висновок
Хоча шорткоди не зовсім інтуїтивно зрозумілі через їх обмежену можливість попереднього перегляду вмісту в редакторі, вони добре працюють для додавання динамічних елементів у публікації та сторінки.
Коли ви зрозумієте, що вам потрібно просто скопіювати та вставити їх у редактор, з ними стане дуже легко працювати. Деякі плагіни навіть мають додаткові параметри для своїх шорткодів, які можна використовувати для налаштування виводу.