Как добавить код на сайт WordPress

Как добавить код на сайт WordPress?

Привет, друзья! Сегодня у нас важная тема — Как добавить код на сайт WordPress без редактирования файлов? Практически на все создаваемые сайты приходится добавлять коды тех или иных сервисов (например, код счётчика Яндекс.Метрики, Google Analytics, мета-тег для подтверждения в Яндекс. Вебмастер), а в некоторых случаях необходимо добавить произвольный CSS/JS код, который будет выводится на всех страницах сайта. Читайте товарищи: Как добавить код в WordPress с помощью плагина LuckyWP Scripts Control.

Vassilis Dourdounis jQuery Countdown plugin v1.0

Данный скрипт изначально доступен в 2-х вариантах (в светлом и темном исполнении).
Пример темной версииПример светлой версии

Данный скрипт работает на базе фреймворка jQuery, поэтому перед установкой скрипта проверяем, подключен ли он к странице. Если нет, то вставляем в «голову» сайта (перед </head>) код:
<script src=»http://code.jquery.com/jquery-latest.min.js» type=»text/javascript»></script>

Подключение файлов скрипта осуществляется следующим кодом (его тоже в «голову» сайта):
<script language=»Javascript» type=»text/javascript» src=»https://mywpnote.ru/skriptyi-i-gotovyie-resheniya/skriptyi-taymerov-dlya-slozhyih-saytov-i-prostyih-html-stranits/js/jquery.lwtCountdown-1.0.js»></script>
<link rel=»Stylesheet» type=»text/css» href=»style/main.css»></link>
При этом напоминаю, что предварительно вам нужно закачать содержимое архива с таймером на ваш хостинг (в созданную вами папку или просто в корень сайта) и подготовить правильные ссылки на файлы. Поэтому если впоследствии таймер у вас не заработал, то проверяйте ссылки. Ссылка на файл задается параметром src="ссылка на файл".

В таком виде вы подключите светлую версию скрипта. Ежели вы хотите темную, то вместо ссылки style/main.css в коде выше, вы должны поставить style/dark.css

Если после подключения к вашей странице файла стилей у вас нарушился внешний вид сайта, то необходимо будет подчистить код в файле стилей. За помощью обращайтесь через форму контактов или на биржу фрилансеров (к примеру www.work-zilla.ru).

И в завершение всему, мы должны добавить на нашу страницу код вызова таймера, где будет задана дата, до которой проводить обратный отсчёт, и другие параметры, о которых вы можете почитать на официальном сайте скрипта.

Код вызова таймера выглядит следующим образом:
<script language=»javascript» type=»text/javascript»>
jQuery(document).ready(function() <
$(‘#countdown_dashboard’).countDown( <
targetDate: <
‘day’: 10,
‘month’: 1,
‘year’: 2014,
‘hour’: 11,
‘min’: 0,
‘sec’: 0
>
>);
>);
</script>

Здесь цифры нужно заменить на необходимые вам (день, месяц, год, час, минуты, секунды). После этого вы должны получить работающий таймер.
Скачать скрипт

Подробное описание настроек скрипта доступно на английском языке на сайте разработчика.

Сайт разработчика: www.littlewebthings.com/projects/countdown/

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

Добавление JavaScript в шаблоны Blogger

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

JavaScript для Blogger-блогов во многом не заменимый помощник, впрочем, как и для любых других сайтов и блогов различных платформ, именно поэтому хотя бы минимальные знания в области у любого самостоятельного блогера должны присутствовать.
©http://magentawave.com

10 комментариев:

Подскажите, не раз сталкивался когда одна HTML страница формируется из нескольких, в которых не указан тег head, а если он указывается то не работает.
Можно ли считать за ошибку, если скрипт или его подключение указывать прямо в теле документа? Ведь этот скрипт нужен именно тогда, когда загружается этот кусок страницы. или же правильней будет подключить скрипт в самом начале родительского документа. Но тогда будут грузиться вместе с сайтом те скрипты, которых пользователь может даже и не увидит в работе.

Начнем с того что скрипт можно указать где угодно, браузер, если он правильно сформирован, обработает его и выполнит в любом случаи, тут вопрос в другом, что тело документа это прежде всего контент, который по возможности должен быть как можно чище от других элементов ибо это вредит "здоровью" сайта. Если у вас,в следствии каких-то действий будет на страницу загружаться другой HTML документ, и скрипт нужен для обработки его внутренних элементов, то естественно что нужно размещать его лучше в этом документе(загружаемом), так как изначально на странице он не нужен, ни контент подключаемого документа, ни его скрипт.

Способ №3. Ссылка для отправки email.

Самый простой способ реализовать связь разработчика и пользователя. Оставить свою почту на сайте. Но мы ведь любим упрощать жизнь пользователям. Поэтому разместим не просто адрес, а ссылку адрес. Выглядит такая ссылка вот так:

Такую ссылку можно усложнить и задать сразу еще и тему к примеру

При клике по такой ссылке, пользователь перейдет в клиент электронной почты и сможет отправить вам сообщение. Также саму ссылку можно украсить с помощью CSS стилей, но это уже совсем другая история.