WordPress создание shortcode


wordpress создание shortcode

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

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

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

Например:

[шорткод]

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

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

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

ВидеоДля открытия - нажмите

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

  1. Открываем файл темы functions.php или создаем новый.
  2. Вставляем в файл functions.php следующий код:
  3. Мы получили функцию, которую должны превратить в шорткод.
    Вставим функцию
    add_shortcode()

    после нашей функции. Сохраним изменения.

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

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

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

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

Шорткод "Отправить в твиттер"Для открытия - нажмите

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

Переключаемся в режим HTML и вводим следующее:

[twitter]

Теперь ссылка «Отправить в твиттер» появится и на вашем блоге в том месте, где поставлен шорткод.

Шорткод "Подпишись на RSS"Для открытия - нажмите

Создаем функцию в файле functions.php, переводим ее в шорткод:

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

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

Шорткод "Реклама"Для открытия - нажмите

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

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

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

2. Сохраняем изменения в functions.php, теперь следующий шорткод

[adsense]

можно использовать в произвольном месте на страницах блога или в постах. При желании можно придать ему стиль, соответствующий общему дизайну сайта в файле style.css

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


Понравился пост, подпишись на обновления

Понравилась статья? Получай свежие статьи первым по e-mail

[newsletter_signup_form id=0]

4 раз(а) написали о “WordPress создание shortcode

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

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

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

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

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.