Javascript в WordPress: за 5 минут
Здравствуйте уважаемые посетители.
Уже несколько раз пытался, по своей необходимости, вставлять в записях на своем блоге javascript в WordPress. Но почему то движок WordPress игнорирует скрипты. Кодировка вроде бы есть в записи, но на выдаче – пустое место, скрипты не работают. Я думаю, и вы сталкивались с этим же.
Если установить яваскрипт в виджите (боковой панеле), то все работает. Но не всегда это удовлетворяет тому, чему хотелось бы.
Что делать, если javascript в WordPress для данной записи или страницы для блога просто не обходим?
Для этого мы обойдем это дело. Не бывает такого, чтобы нельзя было, что то сделать.
Сразу вас могу успокоить. Для того, что бы javascript в WordPress по этому методу работали четко, вам придется совершить всего лишь несколько манипуляций в своей админки сайта.
И так.
Вам нужно войти в свой админ-панель, выбрать ту запись или страницу, в которой должен находиться яваскрипт.
Чтобы вы четко поняли, как все делать я возьму для примера специально сделанную для этого страницу, где я разместил новости от яндекса.
Создадим новую страницу. Назову страницу «Новости».
Дальше нужно произвести настройки экрана. Для этого нажмите на «Настройки экрана» и далее поставьте галочку на «Произвольные поля»:
После того, как вы поставили галочку, чуть ниже, где должна публиковаться статья страницы вы увидите, что появилось новое поле «Произвольные поля»:
В поле «Значение» вбиваем нужный скрипт, а в поле «Имя» выбираем например «Hide OgTags». Можно в это поле вписать свое выдуманное имя нажав на ссылку «Введите новое»:
Если вы все сделали, то тогда кликаем по кнопке «Добавить произвольное поле» и чуть выше на кнопку «Сохранить».
Возможно, появятся два одинаковых имени. Одно из них можно удалить:
Все, с произвольными полями мы закончили.
Это еще не все. Ваш яваскрипт, который вы вставили в поле «Значение», еще нигде не выводится, он просто нигде не виден. Но чтобы его вывести нужно использовать шорткод.
Для этого нужно войти во вкладку «Внешний вид» — «Редактор» и выбрать «Функции темы»:
Далее вам нужно добавить в самом конце кода «functions.php», перед знаком закрытия «?>» вот такой php –код:
function customscript_shortcode($atts, $text) {
global $post;
return get_post_meta($post->ID, $text, true);
}
@add_shortcode(‘customscript’,‘customscript_shortcode’);
Для того, чтобы вставить яваскрипт на страницу или запись нужно вывести его с помощью шорткода, о чем было написано выше. Используйте следующий шорткод:
["customscript"]Имя вашего произвольного поля["/customscript"]
Внимание! Кавычки в квадратных скобках убрать.
Поместите его туда, куда нужно на вашей странице или записи. Имя произвольного поля в данный момент мы указали — «Hide OgTags»:
Обновите или сохраните данные. Зайдите к себе на блог и вы увидите, что все получилось если сделали все правильно.
Жду от вас комментариев!
С уважением, Алексей Даренский.
Читайте другие посты блога: