Домой / Самообразование / Шорткоды 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) Блог Валерия Бородина: рейтинг МайлРу