Як застосовувати do_shortcode в WordPress

1. вступ Шорткоди в WordPress дають вам додаткову функціональність і дозволяють вбудовувати контент...
2. Використання функції WordPress do_shortcode
3. висновок

вступ

Шорткоди в WordPress дають вам додаткову функціональність і дозволяють вбудовувати контент в сторінки, записи і бічні панелі. Багато плагінів і тим використовують шоркоди і дають можливість користувачам динамічно додавати контент в свій блог. Щоб краще показати, як працюють шоркоди візьмемо в якості прикладу шорткод форми контактів Contact Form 7:

[Contact-form-7 id = "тисячу двісті шістьдесят-дві" title = "hostinger-tutorials.com Contact Form"]

Як бачите це дуже просто. У нас є макрос Contact Form 7 в квадратних дужках. Макрос генеруються плагіном Contact From 7. WordPress замінить макрос контентом, який видасть PHP-функція. Якщо ми додамо шорткод до запису, сторінці або бічній панелі, WordPress покаже вам форму контактів.

Але що, якщо ви захочете використовувати шорткоди WordPress в файлах теми? В такому випадку, можна скористатися функцією WordPress do_shortcode.

Давайте заглибимося і подивимося, як використовувати функцію WordPress do_shortcode.

що знадобиться

Перш ніж приступити до виконання керівництва, перевірте наявність:

• Доступ до адмінській частини WordPress

У цьому керівництві розповідається про те, як редагувати файли теми WordPress. Тому перед початком настійно рекомендуємо вам зробити повний бекап вашого WordPress сайту і використовувати дочірню тему WordPress .

Використання функції WordPress do_shortcode

Тепер, коли ви вловили основну ідею використання шорткодов в WordPress, давайте подивимося, як можна використовуючи шорткоди, удосконалити функціональність вашого сайту на WordPress.

Наприклад, припустимо, що ви хочете вставити плагінWordPress-а Contact Form 7 десь в головній частині (хедері) вашої теми. Але проблема в тому, що у вас немає ніякого віджета в цій області.

Перш за все, знадобиться взяти шорткод плагіна, який ви хочете використовувати. Як приклад, ми будемо використовувати той же шорткод Contact Form 7:

1. Перейдіть в Консоль WordPress і натисніть на Contact Form 7 -> Контактні форми.
2. Справа, поряд з назвою форми ви знайдете шорткод для вашої форми: [contact-form-7 id = "+1262" title = "hostinger-tutorials.com Contact Form"]

   

3. Натисніть на шорткод і скопіюйте виділився код.

Так як в нашій темі немає віджета в заголовку сторінки і ми не може просто скопіювати і вставити шорткод туди, ми скористаємося функцією WordPress do_shortcode. Вона виглядає так:

<? Php echo do_shortcode ( '[your shortcode goes here]'); ?>

Тепер додамо Contact From 7 в наш хедер, для цього нам потрібно відредагувати файл header.php. Як уже згадувалося, настійно рекомендуємо зробити бекап вашого WordPress сайту перед тим, як вносити зміни в основні файли WordPress і використовувати дочірню тему WordPress .

У наступних кроках показано як редагувати файли WordPress через Файловий Менеджер Hostinger , Однак, можна також скористатися FTP клієнтом (керівництво по цій темі) :

1. Зайдіть в Панель Управління Hostinger і натисніть на Файловий Менеджер.
2. Далі, перейдіть в інсталяційний каталог WordPress (зазвичай це public_html) і перейдіть в каталог wp-contents -> themes.
3. Знайдіть каталог вашої поточної теми і відкрийте його.
4. Так як ми збираємося додати форму контактів в хедер, відкриваємо файл header.php.
5. Прокрутіть сторінку і знайдіть точне місце і div, де саме ви хочете додати форму. Наш шорткод WordPress з функцією do_shortcode буде виглядати так: <? Php echo do_shortcode ( "[contact-form-7 id =" 12 "title =" hostinger-tutorials.com Contact Form "]");?>
6. Збережіть файл і перевірте тепер вигляд вашого сайту.
   

Примітка: У більшості випадком, редагування основних файлів теми ламають шаблон WordPress. Швидше за все потрібно буде внести зміни в CSS, щоб зробити більш привабливий вигляд для WordPress. Обов'язково ознайомтеся з нашими керівництвом про те, як перевірити стилі CSS за допомогою браузера (англ.) і download CSS cheatsheet (англ.) .

висновок

Сподіваємося, тепер стала зрозуміла вся користь шорткодов і їх широкі можливості в поліпшенні привабливості вашого сайту. Також сподіваємося, що керівництво було викладено зрозумілою мовою і тепер ясно, як користуватися функцією WordPress do_shortcode. Все ж, якщо у вас залишилися якісь питання, пишіть їх в коментарях до статті нижче.