Подключаем javascript с помощью произвольных полей

Опубликовано: 01.09.2018

видео Подключаем javascript с помощью произвольных полей

Свои поля в интерфейсе редактирования ресурса MODx

Вставлять javascript в записи (посты), странички вашего сайта на wordpress, используя произвольные поля, достаточно просто, разберемся же как это сделать.



Скачать исходники для статьи можно ниже

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

Как же данный метод работает?


Оформление дополнительных полей joomla с помощью css-классов

Давайте рассмотрим пример со скриптом (javascript), позволяющим создать простенькие часики.

Заходим в «Редактор записи» (чтобы его открыть заходим в панель управления вашим сайтом и в левом меню выбираем пункт «Записи», далее нажимаем на название нужной записи и попадаем в «Редактор записи»).


Как сделать всплывающее окно для отправки формы

Находим снизу в «Редакторе записи» окошко с названием «Произвольные поля».

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

В поле «имя» я ввел — chasiki, а в поле «значение» следующий код:

<script type="text/javascript"> var d=document var NN=d.layers?true:(window.opera&&!d.createComment)?true:false function showTime(){ var tmN=new Date() var dH=''+tmN.getHours();dH=dH.length<2?'0'+dH:dH var dM=''+tmN.getMinutes();dM=dM.length<2?'0'+dM:dM var dS=''+tmN.getSeconds();dS=dS.length<2?'0'+dS:dS var tmp=dH+':'+dM+':'+dS if(NN)d.F.chas.value=tmp;else d.getElementById('tm').innerHTML=tmp var t=setTimeout('showTime()',1000) } </script> <div id=tm><form name="F"><input type="button" name="chas" value="XX:XX:XX"></form></div> <script type="text/javascript">showTime()</script>

 

Далее жмем на кнопку «Добавить произвольное поле».

Теперь для отображения произвольного поля мы должны вставить в любой из шаблонов темы нашего сайта (single.php, header.php, footer.php, page.php и др.) следующую строчку:

<?php echo (get_post_meta($post->ID, 'chasiki', true)); ?>

Рассмотрим пример вставки данной строчки в шаблон single.php (он отвечает за вывод записей в wordpress).

Для этого заходим в «Редактор» кода — открываем панель управления вашим сайтом и в левом меню выбрираем пункт «Внешний вид», далее подпункт «Редактор» и справа в списке шаблонов выбираем файл single.php.

В открывшемся коде файла single.php вставляем в нужное место код вывода произвольного поля «chasiki».

Например вот так выглядит код моего файла single.php после вставки в него кода вывода произвольного поля:

<?php get_header(); ?> <div class="grid_11"> <div id="content"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> /* Код вывода заголовка записи */ <h1 class="entry-title"><?php the_title(); ?></h1> /* Код вывода произвольного поля chasiki */ <?php echo (get_post_meta($post->ID, 'chasiki', true)); ?> <div class="entry"> /* Код вывода контента записи */ <?php the_content(); ?> <div class="clearfix"></div> ...

То есть я расположил вывод скрипта часиков между «Заголовком записи» и «Контентом данной записи».

Посетители сайта при просмотре данной записи увидят следующее:

Теперь если вы хотите, чтобы часики отображались и на другой записи, вам нужно в «Редакторе» данной записи в окне «Произвольные поля» выбрать произвольное поле с именем chasiki (оно уже там создано), однако его «Значение» для данной записи будет пустым, поэтому вставляем в него опять javascript часиков.

PS: Если у вас возникли какие-либо вопросы по использованию произвольных полей в wordpress, советую также прочитать мою предыдущую статью: Произвольные поля WordPress: понятие, использование, создание .

3D стерео фильмы для 5D
    Как купить билеты на поезд

    Я всегда в последнее время пользуюсь услугами настоящего интернет сайта. Он у меня внушает доверие. И здесь придбати квитки возможно в любое

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

    Заказ такси в Киеве от 30 грн
    Если неудачи в жизни для вас нормой, в первую очередь необходимо проанализировать, откуда растут корни ваших проблем. Скорее всего, вы человек неорганизованный и постоянно опаздываете. В мегаполисе это

    Тайверб Тайверб
    Прочие ингредиенты: целлюлоза микрокристаллическая, повидон К30, натрия крахмалгликолят, магния стеарат, opadry желтый YS-1-12524-A. Лапатиниб содержится в форме лапатиниба дитосилата моногидрата. № UA/8847/01/01

    Шкафы купе в наличии
    Известно, что шкафы-купе поступили в ассортимент магазинов корпусной мели более 20 лет назад и сразу же заняли ведущие роли среди другой мебели. Их используют в помещениях, где разместить стандартный

    Копаксон
    Конкурентно замещает антигены миелина в местах связывания с молекулами главного комплекса гистосовместимости класса II на поверхности клеток, несущих антигены. Следствием этого является активация образования

    Begin.com.ua/
    Подбором персонала занимается HR-менеджер, но часто такая должность отсутствует в компании, и его обязанности берут на себя или директор, или его заместитель. Если выбор сотрудников окажется неправильным 

    Бесплатная раскрутка сайтов ucoz
    Необходимо для себя выяснить, какая цель преследуется при раскрутке Интернет проекта. Здесь всё просто, так как чаще всего это возможность при помощи различных способов и средств увеличить поток посетителей.

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

    Где купить качественные ссылки
    Большинство информации предлагаемой для изучения информации по продвижению ресурсов, непременно во главу угла ставят использование в интернет ресурсах качественного, уникального контента. Также для продвижения

rss