Что такое шорткод

Рада Вас приветствовать на сайте Успех в Интернет.

Сегодня поговорим о шорткодах и расмотрим что же это такая штучка и чем она полезна. Само слово шорткод обозначает - короткий код.
Шорткод значительно облегчает труд веб мастера. Если Вы прописываете в посту какие -то скрипты или html коды, они довольно длинные и требуют время написания. А теперь представте что Вы в статью прописывете одно слово в квадратных скобках и у вас выводится то, что Вы хотели.
Для вывода шорткодов на движке WordPress существуют различные плагины, но Вы должны понимать, чем больше плагинов на сайте, тем медленее загружается страница.
Приведу несколько примеров. Вы рописываете короткое слово например: [avtor]  или [reklama] в любом месте поста и у вас  будет выводится то, что пропишете в функции один раз. Это очень удобно. Если Вы поймете саму суть составления шорткода, то Вы сможете выводить все, что задумали.
Давайте разберемся по подробнее.

Вам нужно сделать всего три шага.

  1. Подготавливается код блока, который нужно выводить в теле поста.
  2. Прописывается функция в файле functions.php вашей темы
  3. Вставка конструкции (кодовое слово)

Сам код выглядит так:

function da () { return 'здесь ваш html код или скрипт'; } add_shortcode ('avtor','da')

Его надо добавить в functions.php Вашего шаблона.

function da - название функции
здесь ваш html код или скрипт - в одинарных кавычках прописываем код
avtor -здесь выводим кодовое слово.
Я задумала вывести свою подпись. Я могу написать, могу ввиде картинки ее сделать. Буду писать. Вот что у меня получилось.
<p style="text-align: right;">Автор: Вероника Филиппова> <a href="http://infosona.ru/"><Успех в Интернет</a> </p>
Этот код я должна вставить между одинарными кавычками

Результат:
 function da () { return '<p style="text-align: right;">Автор: Вероника Филиппова> <a href="http://infosona.ru/"><Успех в Интернет</a> </p>'; } add_shortcode ('avtor','da')
Теперь захожу в редактор шаблона, вызываю functions.php и в конце, перед закрывающим тегом php, имеющим вот такой вид ?> ставлю этот код. Сохраняю файл, обновляю, а в посте пишу avtor, котрое заключаю в квадратные скобки. По аналогии можно создать любой шорткод.

 

Это интересно!:

Поделитесь с друзьями!

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img src="" alt="" class="" width="" height="">

http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif