Нова работилница

5 грешки, които допускаш по време на интервю
dev blondie - blond hacks - do_shortcode

Как да използваш do_shortcode в custom WordPress тема

Какво представлява do_shortcode функцията и как да я използваш? Разбери за 1 минута :)

Случвало ли ти се е да работиш по custom WordPress тема и да ти се наложи да използваш third-party софтуер (най-често плъгин), който генерира shortcode със съдържанието, което ти е необходимо да визуализираш? Ако да – прочети по-нататък как да интегрираш такъв директно в PHP файл посредством вградената в WordPress функция do_shortcode.

Какво е shortcode?

Shortcode-ът е парченце код, което ти позволява да изпълниш функция, най-често свързана с визуализиране на съдържание. Например, ако използваш плъгин като Constant Contact или MetaSlider, най-често ще бъде генериран тъкмо shortcode, който трябва да поставиш на мястото, където искаш да се визуализира това съдържание в страницата.

Разбира се, може да направиш това посредством Gutenberg модул за вграждане на shortcode или пък чрез текстово поле, генерирано от page builder-a, който използваш.

Но какво ако разработваш персонализирана WordPress тема и искаш да „вградиш“ даден shortcode директно в source code-a на страницата? Тук на помощ идва вградената в WordPress функция do_shortcode:

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

Как да използваш do_shortcode?

Сега, след като знаеш какво прави do_shortcode, нека ти покажа и как можеш да го използваш.
За целите на теста, нека си представим, че създаваш custom тема и желаеш да използваш Constant Contact плъгин за създаване на форма за бюлетин. В настройките на формата ще намериш нейния shortcode, с който можеш да я „повикаш“ където решиш:

Да речем, че желаеш тази форма да бъде във footer-a на уеб сайта, който разработваш. В този случай, във файл footer.php и на съответното място ще я добавиш по следния начин:

// Form for mobile subscribtion
<div class="mobile-subscribe">
    <?php echo do_shortcode( '[ctct form="1750" show_title="false"]' ); ?>
</div>

Disclaimer: целта на този blond hack е да ти покаже как се използва функцията do_shortcode. {dev} blondie; не препоръчва интегрирането на third party софтуер по този начин, особено за уеб сайтове, които са с комерсиална цел, администрирани от трети лица 🙂

Stay blond 😉

Остави коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *