Javascript в WordPress за 5 минут


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

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

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

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

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

Javascript в WordPress за 5 минут

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

И так.

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

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

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

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

javascript в wordpress

Javascript

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

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

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

Яваскрипт

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

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

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




style="display:inline-block;width:580px;height:400px"
data-ad-client="ca-pub-2172013863995979"
data-ad-slot="4275363181">

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

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

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

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-код?

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

Автор публикации

не в сети 10 часов

Алексей

0
Комментарии: 30Публикации: 182Регистрация: 03-11-2013


Оцените статью:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

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

Авторизация
*
*

Login form protected by Login LockDown.


Генерация пароля