Шорткоди wordpress

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

Що таке шорткоди (shortcode)?

Шорткоди wordpress

Так само з шорткодамі є можливість використовувати атрибути. Тоді вони будуть виглядати так:

Шорткоди також дозволяють вбудовувати контент:

Створення простого шорткода

Шорткоди дуже просто створити. Якщо ти знаєш, як написати просту Php-функцію, то ти вже знаєш, як створити WordPress шорткод. Для початку давай створимо відоме повідомлення "Привіт, світ"

1. Відкрий файл functions.php твоєї теми. Якщо його немає, то створи.
2. Перше, ми повинні створити функцію для виведення рядка "Привіт, світ". Встав наступний код в твій файл functions.php:

3. Тепер у нас є функція, ми повинні перетворити її в шорткод. Це дуже просто зробити, завдяки функції add_shortcode (). Встав цей рядок після нашої функції hello (), потім збережи і закрий файл functions.php:

Перший параметр це ім'я шорткода, а другий це ім'я функції.

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

От і все! Звичайно, це дуже простий шорткод, але це хороший приклад того, наскільки просто їх створювати.

Створення просунутих шорткодов

Як згадувалося, шорткоди можуть бути використані з атрибутами, які дуже корисні. У цьому прикладі ми покажемо тобі, як створити шорткод для виведення URL, точно так же, як ти це робив з BBCode на форумах на кшталт VBulletin і PHPBB.

1. Відкрий твій файл functions.php. Встав в нього наступну функцію:

2. Тепер перетворимо функцію в шорткод:

3. Шорткод створений. Ти можеш використовувати його в постах і на сторінках приблизно так:

Тепер ми знаємо, як створити і використовувати шорткоди, давай заценим кілька готових до використання шорткодов!

1. Шорткод Відправити в твіттер

Шорткоди wordpress

Мета. Виводити посилання для відправки поста в твіттер.

Цей шорткод просто створити. Встав наступний код в файл functions.php твоєї теми:

Щоб його використовувати, просто переключись в HTML-режим і введи:

2. Створити шорткод "Підпишись на RSS"

Шорткоди wordpress

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

Як і раніше ми створюємо функцію, а потім переводимо її в шорткод. Цей код повинен бути в твоєму файлі functions.php. Не забудь змінити URL фида в прикладі на твій власний!

Стилізація. Ти можливо помітив клас rss-box, який доданий в div, що містить посилання. Він дозволить тобі стилізувати повідомлення за смаком. Ось приклад деякого CSS стилю, який ти можеш застосувати на своєму повідомленні. Просто встав його в файл style.css своєї теми:

3. Вставляй Google AdSense всюди де хочеш

Шорткоди wordpress

Що б вмонтувати AdSense в будь-якому місці твого поста або сторінки, створи шорткод:

2. Зберігши зміни в functions.php, ти можеш використовувати наступний шорткод для відображення AdSense в будь-якому місці твоїх постів і сторінок:

Зауваж, що наш код AdSense обгорнутий в div з id = "adsense", ми можемо додати йому стилю в файлі style.css.

4. Інтеграція RSS потік

Шорткоди wordpress

Давай вбудуємо RSS потік прямо в наші пости і сторінки. (Цей трюк глючить з російської кодуванням, якщо хто знає причину, будь ласка відпишіть в каментах)

Як завжди, що б цей трюк вдався, просто скопируй наступний код в файл function.php твоєї теми.

Що б використовувати шорткод, введи:

Атрибут feed це URL, що вбудовується фида, а num, це кількість постів для виведення.

5. Бери пости з бази даних WordPress за допомогою шорткодов

Встав цей код в твій файл functions.php.

6. Викликай картинку останнього поста

У Вордпресі досить просто маніпулювати зображеннями. Але чому б не спростити це ще більше? Давай розглянемо більш складний шорткод, який автоматично викликає останню, прикріплену до посту картинку.

Відкрий файл functions.php і встав наступний код:

7. Додавання шорткодов в віджети бічній колонки

Шорткоди wordpress

Ще трохи коду для вставки в файл functions.php:

Це все, що тобі потрібно.

Пояснення коду. Те, що ми зробили, досить просто: ми додали фільтр до функції widget_text (), що б виконати функцію do_shortcode (), яка використовує API для виконання шорткодов. Таким чином шорткоди тепер включені в віджети бічній колонки.

Схожі статті