Вставляем произвольный код в посты и страницы WordPress. Вставляем произвольный код в посты и страницы WordPress Произвольный код

Всем привет! На сегодня у меня запланирована небольшая инструкция — как на блоге для пользователей приходящих с поиска выводить произвольный код в любом месте шаблона.

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

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

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

Функция, определяющая источник запроса (HTTP referer)

Первым делом создаем новую функцию fromsearch (условный перевод — «из поиска»), название функции может быть любым, главное учтите и используйте в дальнейшем принятое название. Эта функция предназначена для определения источника перехода — будь то ПС, другой сайт и т.п. Нас интересует ПС. Итак, на WordPress в файл шаблона functions.php вставляем код:

function fromsearch () { $ref = $_SERVER["HTTP_REFERER" ]; $SE = array ("/search?" , "images.google." , "search." , "yandsearch" , "/search/" , ".yahoo." ); foreach ($SE as $source) { if (strpos($ref,$source)!==false ) return true ;} return false ;}

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

Вывода произвольного кода при переходах с поисковых систем

Следующим шагом необходимо заранее заданную функцию вывести на странице. Для этого используем следующие строки, которые вставляем в файл шаблона, для примера я использую index.php:

class ="showfromsearch" > ПРОИЗВОЛЬНЫЙ КОД div >

Например у меня полный код с подпиской выглядел так:

class ="showfromsearch" > <div class ="warning" > Впервые на блоге? Подпишитесь на рассылку! div > div >

Все, на этом вывод функции закончен, переходим к следующему шагу.

Стили оформления блока, выводящего код для посетителей с ПС

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

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

Блок, отмеченный красной стрелкой показывается только пользователям, пришедшим с поисковых систем, для всех других переходов он не виден. Приведу свой пример, для которого в файле style.css задаю стиль оформления:

.showfromsearch { width :900px ; border :0 ; text-align :left; margin :auto; padding :0 ; }

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

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

Если вам нужно вставить произвольный код в посты и страницы WordPress сайта, можно воспользоваться плагином Global Content Blocks. Плагин не тяжелый, позволяет быстро и удобно вставить в статью или страницу коды HTML, PHP, произвольные коды, формы подписки, рекламу AdSense, текстовые блоки. С его помощью можно вставить код php в шаблон сайта и разместить блоки в две, три колонки. Плагин постоянно обновляется и его можно отнести к лучшим плагинам WordPress.

Скачать и установить

Проходим стандартные шаги . Если ставите плагины по , даю адрес официальной страницы плагина: https://ru.wordpress.org/plugins/global-content-blocks/

Настройка плагина Global Content Blocks

Как таковых, настроек плагина нет. После активации плагина в консоли появляется меню: Global Content Blocks . На странице плагина видим вкладки управления:

Manage Blocks (1)- управления блоками плагина;
Add a Content Blocks (2) — добавление блоков;
Setting (3) — импорт блоков с другого сайта.

Также, в редакторе сайта появляется кнопка добавления блоков плагина.

кнопка добавления блоков Global Content Blocks в редакторе

Вставить произвольный код в посты и страницы WordPress при помощи плагина Global Content Blocks

Работать с плагином несложно:

Идем на страницу добавления блока;
Даем новому блоку название (1),
Даем ему латинское название для шорткода (2);
Выбираем тип контента (3);
Можно выбрать картинку (5), которая будет помещена в блок;
Вставляем содержание блока (4).

Создаем новый блок Global Content Blocs

Сегодня хотел бы Вам рассказать о том как на примере WordPress добавить произвольный код HTML в нужном месте. Будь то код счётчика или код подписки на Ваш канал, реклама и так далее. Вставлять код будем через стандартный виджет WordPress.

WordPress – добавляем произвольный код HTML.

Всегда есть необходимость вставить произвольный код HTML, сделать красивую подписку на Ваш канал в боковой панели или просто разместить текст на главной странице, вариантов масса всё зависит от Ваших потребностей.

В последних версиях WordPress уже есть встроенный виджет для добавления произвольного HTML кода, так что устанавливать отдельные плагины не требуется.

И так, для того что бы добавить наш код нам необходимо в панели администратора перейти во вкладку “Внешний вид” -> “Настройка”. Можно и через виджеты, но тогда мы не увидим сразу результат. Я предпочитаю больше визуальный редактор.

Выбираем место куда хотим добавить наш код. Я хочу добавить счётчик в боковую панель. Выбираем “Боковую панель (Sidebar)”, у Вас может отличаться название, всё зависит от шаблона.

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

В результате получим такой результат.

Таким образом Вы можете добавить HTML код в любое место где можно использовать виджеты.

На этом всё, надеюсь данная статья была полезной.

В этом уроке мы рассмотрим, как отображать дополнительные материалы на сайте с помощью модуля "Произвольный HTML-код". Также будет показано, как сделать перевод содержимого этого модуля на другой язык с помощью компонента Joom!Fish .

Введение

Модуль "Произвольный HTML-код " есть стандартным модулем CMS Joomla , с помощью которого мы можем добавить HTML-код в любое место страницы сайта, которое позволено шаблоном сайта. С помощью этого модуля удобно добавлять не только текст с графикой, но и различные скрипты и информеры.
В этом уроке мы покажем, как пользоваться модулем "Произвольный HTML-код", а также как использовать этот модуль в компоненте для создания переводов на другие языки - Joom!Fish .

Сначала мы создадим "Произвольный HTML-код" и добавим этот модуль на главную страницу сайта «Ездим сами» . Потом мы покажем, как делать изменения в этом модуле для русского и украинского языков сайта. А точнее, мы изменим заголовок «Новый год в Карпатах...» на «В Карпаты...», а потом заменим объект «Червона Рута» на «Поляна Квасова».

Создание модуля на основе "Произвольный HTML-код"

Чтобы создать модуль "Произвольный HTML-код" нужно зайти «Менеджер модулей» (в меню «Расширения»). Потом нужно нажать кнопку «Создать» и выбрать из списка модуль "Произвольный HTML-код". Откроется окно модуля, где нужно ввести заголовок, включить его, а также в форме «Пользовательский текст» ввести нужный (Ваш) HTML-код. В качестве заголовка мы ввели «Горячие предложения» и выставили позицию в низу сайта выбрав «footer» из списка для пункта «Позиция:». Так как мы хотим, чтобы наш контент отображался только на главной странице, то нужно в колонке «Назначение меню» напротив надписи «Меню:» поставить галочку на «Выбрать из списка» и выбрать в списке только «Главная» (рис. 1). и нажать кнопку «Сохранить». Более подробно работа с модулем "Произвольный HTML-код" описана в уроке «Добавление произвольного html в модуле joomla на примере информера прогноза погоды ».

Работа с переводом модуля с помощью компонента Joom!Fish

После создания наш модуль появится на главной странице.
Чтобы что либо изменить в модуле, нужно просто в панели администратора зайти в «Менеджер модулей» и потом зайти в наш модуль, где визуально делаем наши изменения.

В некоторых случаях удобно делать перевод другим способом – через панель управления компонента Joom!Fish.
Чтобы сделать перевод модуля вторым способом, нужно зайти в меню «Компонеты» и выбрать «Joom!Fish» - «Управление переводами». Далее нажимаем кнопку «Копия оригинала как перевод», выбираем из списка пункт «Modules» и у выпадающем меню «Языки» (оно расположено справа) выбираем нужный язык. У нас на сайте два языка: русский (по умолчанию) и украинский (рис. 2). В нашем случае мы выбираем украинский язык.

После выбора языка появится список модулей, в котором мы должны найти наш модуль и зайти в его. Появится окно с названием «Перевод», в котором мы можем сделать перевод нашего модуля на другой язык. В нашем случае мы заменяем объект «Червона Рута» на «Поляна Квасова» (рис. 3). После нажатия кнопки «Сохранить» наш перевод модуля появится главной странице сайта (рис. 4).

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