Wordpress создание shortcode
Заметки по Wordpress

WordPress создание shortcode

wordpress создание shortcode

Использование шорткодов может значительно облегчить ведение блога. С их помощью можно быстро добавить различные блоки с разными параметрами. И поэтому в этой посту мы рассмотрим, как создать и использовать простые шорткоды, и продемонстрируем примеры готовых шорткодов.

Что такое шорткоды(shortcode)?

Шорткод – это код, заключенный в квадратные скобки.
Наверняка при создании своего блога на WordPress вам встречался шорткод {gallery}, предназначенный для создания галерей.
Чаще всего шорткодам дают названия, указывающие на его предназначение, для этого подбирают емкое слово.

Например:

[plain][шорткод][/plain]

Использование шорткода

Вы без труда можете освоить использование шорткодов. Все очень просто: создаем новый пост, или открываем для редактирования уже имеющийся, в HTML редакторе вводим шорткод в квадратных скобках. Теперь он заменится на функцию, для которой он предназначен.

Создание простого шорткода

[spoiler name=”ВидеоДля открытия – нажмите“]

[/spoiler]

Создадим шорткод всем известного сообщения “Привет, мир”

  1. Открываем файл темы functions.php или создаем новый.
  2. Вставляем в файл functions.php следующий код:
  3. [crayon lang=”php”]function название функции() {
    return ‘Привет, мир!’;
    }[/crayon]

  4. Мы получили функцию, которую должны превратить в шорткод.
    Вставим функцию [plain]add_shortcode()[/plain] после нашей функции. Сохраним изменения.
  5. [crayon lang=”php”]add_shortcode(‘шорткод’, ‘название функции’);[/crayon]

    Первый параметр – имя шорткода, а второй – имя функции.

  6. Вся работа по созданию шорткода закончена, теперь можно использовать его по назначению в статьях и на страницах нашего блога. Для этого переключаемся в режим HTML и вводим

[crayon lang=”php”][шорткод][/crayon]

Все.Мы создали и применили на практике этот довольно простой шорткод.

ПРИМЕРЫ ШОРТКОДОВ

[spoiler name=”Шорткод "Отправить в твиттер"Для открытия – нажмите“]

Что бы вывести ссылку для отправки вашего поста в твиттер для этого в файл functions.php вставляем код:

[crayon lang=”php”]function twitt() {
return ‘

‘;
}
add_shortcode(‘subscribe’, ‘subscribeRss’);[/crayon]

Меняем ссылку из примера на свою собственную.

Мы можем также привести это сообщение к единому уникальному дизайну сайта с использованием CSS стилей, применимых к сообщению. Делается это очень просто вставляем его в файл style.css темы:

[crayon lang=”css”].rss-box{
background:#F2F8F2;
border:2px #D5E9D5 solid;
font-weight:bold;
padding:10px;
}[/crayon]

[/spoiler]

[spoiler name=”Шорткод "Реклама"Для открытия – нажмите“]

Вставляем рекламный код в любое место на сайте. Рассмотрим на примере Google AdSense, его код легко встроить в файл sidebar.php нашей темы. Но доказано, что реклама более эффективна при ее встраивании в контент. Для этого создаем шорткод:

1. Открываем файл functions.php темы и вставляем следующее.

[crayon lang=”php”]function showads() {
return ‘


‘;
}

add_shortcode(‘adsense’, ‘showads’);[/crayon]

Не забудьте заменить код JavaScript своим кодом AdSense!

2. Сохраняем изменения в functions.php, теперь следующий шорткод [plain][adsense][/plain] можно использовать в произвольном месте на страницах блога или в постах. При желании можно придать ему стиль, соответствующий общему дизайну сайта в файле style.css
[/spoiler]

Теперь попробуйте самостоятельно добавить и создать шорткод для своего блога на WordPress.

Новые посты

Сustom fields – создаем поиск по произвольным полям

Гордеев Игорь

Пользовательская таксономия (Custom Taxonomy)

Гордеев Игорь

Выделяем комментарии автора в wordpress

Гордеев Игорь

4 комментария

Сергей 23.06.2012 / 12:37

Шорткоды отлично расширяют функционал движка WordPress. При ведении блога использование шорткодов может существенно упрощать работу блогера.

Ответить
Наталья 29.11.2012 / 21:43

Шорткоды вещь классная и очень удобная. Еще бы кнопку научится делать в редактор, но не на вкладку HTML, а на визуальный редактор – чтоб было четко видно куда вставить. Пока мучаюсь копированием

Ответить
Елена Олейникова 03.08.2013 / 17:01

Файл темы functions.php довольно большой, в какое именно место нужно вставлять код?

Ответить
Гордеев Игорь 07.08.2013 / 17:19

Можно в самый конец записать. Хотя у всех functions.php разные

Ответить

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