Створення шорткодів – урок 30

за Ніколаєнко Максим · Опубліковано Листопад 18, 2015 · Оновлено Серпень 27, 2020

Зміст приховати

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

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

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

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

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

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

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

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

Подключение шорткодов в wordpress

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

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

<?php

function multiplication_func( $atts ) {

$res = $atts['var']*2;

return 'Результат умножения переменной из шорткода на 2 = '.$res;

}

add_shortcode( 'multiplication', 'multiplication_func' );

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

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

Результат обробки створеного шорткоду

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

приклад 2

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

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

function multiplication_calc_func( $atts ) {
    // значение переменных по умолчанию, если пользователь их не указал
    $atts = shortcode_atts( array(
        'var' => 0,
        'var2' => 0
    ), $atts, 'multiplication_three' );

    $res = $atts['var'] * $atts['var2'];
    return 'Результат умножения ('.$atts['var'].' * '.$atts['var2'].')  = '.$res.'<br />';
}

function multiplication_calc_func( $atts ) {

// значение переменных по умолчанию, если пользователь их не указал

$atts = shortcode_atts( array(

'var' => 0,

'var2' => 0

), $atts, 'multiplication_three' );

$res = $atts['var'] * $atts['var2'];

return 'Результат умножения ('.$atts['var'].' * '.$atts['var2'].') = '.$res.'<br />';

}

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

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

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

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

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

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

приклад 3

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

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

function wpadmin_func( $atts, $content = "" ) {
    return "content = $content";
}
add_shortcode( 'wp-admin', 'wpadmin_func' );

function wpadmin_func( $atts, $content = "" ) {

return "content = $content";

}

add_shortcode( 'wp-admin', 'wpadmin_func' );

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

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

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

створити шорткод wordpress

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

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