Javascript в WordPress: за 5 минут

Здравствуйте уважаемые посетители.

Уже несколько раз пытался, по своей необходимости, вставлять в записях на своем блоге javascript в WordPress. Но почему то движок WordPress игнорирует скрипты. Кодировка вроде бы есть в записи, но на выдаче – пустое место, скрипты не работают. Я думаю, и вы сталкивались с этим же.

Если установить  яваскрипт  в виджите (боковой панеле), то все работает. Но не всегда это удовлетворяет тому, чему хотелось бы.

Что делать, если javascript в WordPress для данной записи или страницы для блога просто не обходим?

Для этого мы обойдем это дело. Не бывает такого, чтобы нельзя было, что то сделать.

Javascript в WordPress за 5 минут

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

И так.

Вам нужно войти в свой админ-панель, выбрать ту запись или страницу, в которой должен находиться яваскрипт.

Чтобы вы четко поняли, как все делать я возьму для примера специально сделанную для этого страницу, где я разместил новости от яндекса.

Создадим новую страницу. Назову страницу «Новости».

Дальше нужно произвести настройки экрана. Для этого нажмите на «Настройки экрана» и далее поставьте галочку на «Произвольные поля»:

javascript в wordpress

Javascript

После того, как вы поставили галочку, чуть ниже, где должна публиковаться статья страницы вы увидите, что появилось новое поле «Произвольные поля»:

Javascript в WordPress за пять минут

В поле «Значение» вбиваем нужный скрипт, а в поле «Имя» выбираем например «Hide OgTags». Можно в это поле вписать свое выдуманное имя нажав на ссылку «Введите новое»:

Яваскрипт

Если вы все сделали, то тогда кликаем по кнопке «Добавить произвольное поле» и чуть выше на кнопку «Сохранить».

Возможно, появятся два одинаковых имени. Одно из них можно удалить:

Яваскрипт в Вордпресс

Все, с произвольными  полями мы закончили.

Это еще не все. Ваш яваскрипт, который вы вставили в поле «Значение», еще нигде не выводится, он просто нигде не виден. Но чтобы его вывести нужно использовать шорткод.

Для этого нужно войти во вкладку «Внешний вид» — «Редактор» и выбрать «Функции темы»:

Javascript в вашем WordPress за 5 минут

Далее вам нужно добавить в самом конце кода «functions.php», перед знаком закрытия «?>» вот такой php –код:

function customscript_shortcode($atts, $text) {
global $post;
return get_post_meta($post->ID, $text, true);
}
@add_shortcode(‘customscript’,

‘customscript_shortcode’);

Javascript вставка кода

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

["customscript"]Имя вашего произвольного поля["/customscript"]

Внимание! Кавычки в квадратных скобках убрать.

Поместите его туда, куда нужно на вашей странице или записи. Имя произвольного поля в данный момент мы указали — «Hide OgTags»:

Javascript в WordPress размещение

Обновите или сохраните данные. Зайдите к себе на блог и вы увидите, что все получилось если сделали все правильно.

Жду от вас комментариев!

С уважением, Алексей Даренский.

Читайте другие посты блога:

Как составить текст по ключевым словам

Ваши скриншоты

Как установить виджеты комментариев на сайт от Facebook и Вконтакте?

Сервис для сохранения закладок

Как сделать qr-код?

Ваш бизнес-план

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

Ваш адрес email не будет опубликован.

Adblock
detector