Домой / Самообразование / Шорткоды WordPress что это и зачем нужно на сайте?

Шорткоды WordPress что это и зачем нужно на сайте?

шорткоды wordpress
шорткоды wordpress

Шорткоды WordPress — Примеры использования и реализация

Здравствуйте, уважаемые друзья и гости блога!


Сегодня поговорим о шорткодах. Вы не знаете что такое шорткоды wordpress? Не беда! сейчас все узнаете и сами сможете ими пользоваться для создания креативных вещей на своем сайте или блоге в WordPress.

И так ...

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

То есть коротенький шорткод заключенный в квадратные скобки, преобразует на вашем сайте вызов длинного сценария php кода, что очень удобно. Не нужно сочинять свой php код, да и не все это могут сделать, а все просто — ввел кусок кода и готово!

Сейчас мы с вами рассмотрим небольшой пример создания шорткода для WordPress, который вы в последствии сможете использовать, переделывая под себя. Давайте приступим прямо сейчас ...

Шорткоды в WordPress — Примеры

Вот Вам первый пример использования шорткода в WordPress:

function pribylwm() {
return'Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru!';
}
add_shortcode('hi', 'pribylwm');

Этот небольшой кусок кода php вы можете вставить в файл functions.php своей активной темы оформления перед значком "?>" в самом конце. И когда Вы вставите вот такой шорткод:

[hi]

когда будете писать свою новую статью, то вместо этого шорткода появится строка с записью:

Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru!

И не нужно будет писать длинные строчки и все время повторяться, тратя при этом лишнее время на их написание. Не правда ли удобно и быстро?!

Теперь я Вам расскажу и покажу несколько примеров шорткодов, которые Вы сможете использовать для своего сайта или блога и они вам облегчат жизнь!

  • Если вам нужно вписать, например ту же фразу, но с использованием ссылки на сайт, то нужно сделать вот так:
function pribylwm_link() {
return'Здравствуйте, уважаемые друзья и гости блога <a href="https://pribylwm.ru">Pribylwm.ru</a>!';
}
add_shortcode('hi link', 'pribylwm_link');
  •  Хотите, чтобы была возможность вставить шорткод для подписки на ваш сайт по RSS? Тогда нужно сделать вот так:
function pribylwm_rss() {
return '<a href="https://feedburner.google.com/fb/a/mailverify?uri=pribylwm&loc=ru_RU" rel="nofollow">Подпишись на обновления блога Pribylwm.ru!</a>';
}
add_shortcode('rs', 'pribylwm_rss');

Только используйте для вызова свой адрес подписки по RSS. И вставляйте в текстовом редакторе в своей записи в нужное место вот этот шорткод для подписки по RSS:

[rs]

Вам нужно подключить специальные стили для красивого вывода своих записей через шорткоды WordPress? Нет проблем! Давайте сделаем это прямо сейчас ...

Сейчас мы с вами сделаем при помощи шорткода кнопку «Твитнуть» с применением стилей и она будет выглядеть вот так:

кнопка твитнуть
кнопка твитнуть

  • Для этого нам нужно вот этот код:
function pribylwm_twitt() {
return '
<style type="text/css">
button{
background: #2E8CE3;
padding: 7px 30px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border: solid 1px #73C8F0;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: -moz-linear-gradient(0% 100% 90deg, #2E8CE3, #fff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff),
to(#2E8CE3));
box-shadow: inset 0 1px 0 0 #FFFFFF;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
button:hover {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #2E69E3, #59C2FF);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59C2FF),
to(#2E69E3));
}
button:active {
background: #2E69E3;
background: -moz-linear-gradient(0% 100% 90deg, #2E69E3, #59C2FF);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59C2FF),
to(#2E69E3));
box-shadow: inset 1px 1px 0 0 #004A7F;
-moz-box-shadow: inset 1px 1px 0 0 #004A7F;
-webkit-box-shadow: inset 1px 1px 0 0 #004A7F;
padding: 8px 29px 6px 31px;
}
</style>

<button><a title="Кликни и отправь этот пост в Твиттер!" href="http://twitter.com/home?status=В данный момент я читаю '.get_permalink($post->ID).'">Твитнуть</a></button>';
}
add_shortcode('tt', 'pribylwm_twitt')

Вставить в нам уже известный файл нашей темы functions.php и в запись, где должна быть наша «кнопка твитнуть» вставить вот такой коротенький шорткод:

[tt]

Вот таким образом и делаются шорткоды WordPress, которые спасают нас от монотонного и емкого труда.

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

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

На этом позвольте по прощаться. До свидания! До новых встреч!



Про Валерий Бородин

Проверьте также

асессор яндекса

Асессор Яндекса или Как стать асессором Яндекса и заработать?

Как асессор Яндекса оценивает сайты и зарабатывает этим? И вообще кто такой асессор Яндекса? Здравствуйте, …

Блог Валерия Бородина: LiveInternet число посетителей за сегодня Блог Валерия Бородина: данные за сегодня (Yandex.Metrika) Блог Валерия Бородина: рейтинг МайлРу