Javascript в WordPress за 5 минут

Рубрика [ Вебмастеру ]

Javascript в WordPress

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

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

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

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

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

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

И так.

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

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

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

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

javascript в wordpress за 5 минут

Javascript в WordPress за 5 минут

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

Javascript в WordPress за 5 минут

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

Javascript в WordPress за 5 минут

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

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

Javascript в WordPress за 5 минут

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

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

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

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 в WordPress за 5 минут

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

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

Javascript в WordPress за 5 минут

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

 

Возьмите хорошее техническое пособие по созданию сайтов. Уверяю вас, самое лучшее здесь — http://web-rynok.ru/1

«Получите новых клиентов, используя свой YouTube-канал»: http://web-rynok.ru/4

 

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

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

 

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

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

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

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

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

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

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

Related posts:





Вы можете прочитать комментарии к этой записи в формате RSS 2.0. Вы можете перейти в конец записи и оставить комментарий. Пинги не разрешены.
comments powered by HyperComments

Оставить комментарий

This blog is kept spam free by WP-SpamFree.

 
Индекс цитирования