Є кілька простих способів створити шорткоди, найпростіший спосіб це використовувати спеціальні плагіни такі як Shortcode Exec PHP (зараз у цього плагіна знайшлася вразливість і довелося відмовитися від нього), можна звичайно користуватися масою інших. Тому що наше завдання зробити тему, яку проста людина зможе з мінімальними знаннями встановити і налаштувати., при цьому не встановлюючи додаткових плагінів, то для створення шорткодів ми не будемо використовувати плагіни. Приступимо до вивчення Shortcode API.

Shortcode API у WordPress своїми словами

Шорткод можна прописувати як у плагінах так і у файлі functions.php створюваної нами теми, тому що ми створюємо власну тему, то будемо використовувати другий спосіб. Для зручності читання коду ми винесемо його в окремий файл.

Зайдемо у файл functions.php і підключимо ще один файл під назвою короткий код.php в якому зберігатимуться наші шорткоди.

вимагати(‘functions/shortcode/shortcode.php’);

Створимо у потрібному місці файл.

приклад 1
Для початку необхідно розібратися, як працюють шорткоди., для цього зробимо простий код і помістимо його в shortcode.php додаємо код функції add_shortcode().

<?php
function multiplication_func( $ATTS ) {
    $res = $atts['var']*2;
    return 'Результат множення змінної з шорткоду на 2  = '.$res;
}
add_shortcode( 'множення', 'multiplication_func' );
?>

Після додавання цього простого коду ми можемо зайти на сторінку Шорткоди яку ми додавали в попередніх уроках та додати наш шорткод [множення var=”5″].

Подивимося на результат роботи функції, яка множить змінну var на 2 на сайті:

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

приклад 2

Продовжуємо вивчення на прикладах та ускладнимо наш приклад у новому шорткоді та новій функції. У новій функції ми будемо множити 2 змінних одна на одну, а якщо змінні були не задані, то підставимо значення за умовчанням.

Вставте новий код нижче за функцію multiplication_func() у файлі shortcode.php

функція multiplication_calc_func( $ATTS ) {
    // Значення змінної за замовчуванням, если пользователь их не указал
    $atts = shortcode_atts( array(
        'var' => 0,
        'var2' => 0
    ), $ATTS, 'multiplication_three' );

    $res = $atts['var'] * $ATTS['VAR2'];
    повернення 'Результат множення ('.$atts['var'].' * '.$atts['VAR2'].')  = '.$res.'<Бр />';
}

Для тестування роботи нового шорткоду, у контенті будь-якої сторінки вашого сайту вставте 2 у короткому коді.

[обчислення_множення]

[multiplication_calc var=”2″ var2=”2″]

Те, що вийшло:

Результат множення (0 * 0) = 0

Результат множення (2 * 2) = 4

приклад 3

Використання парних шорткодів у WordPress

Для створення парного шорткоду додамо простий приклад після функції multiplication_calc_func() у файлі shortcode.php.

функція wpadmin_func( $ATTS, $зміст = "" ) {
    повернення "зміст = $content";
}
add_shortcode( 'WP-ADMIN', 'wpadmin_func' );

Для тестування роботи нового шорткоду, вставте його у контенті будь-якої сторінки вашого сайту.

[wp-адміністратор]wp-admin.com.ua – уроки wordpress[/wp-адміністратор]

По суті, в цьому прикладі показано як використовувати, те, що знаходиться всередині парного шорткоду на висновку буде виводитися просто текст. Спробуйте використати створений шорткод.

Сподіваюся урок вам був цікавий та корисний, у наступному уроці ми навчимося створювати складніші шорткоди. Успіхів у розробці зручних та якісних сайтів.

Завантажуйте файл прикладу