Flector
5
Breadcrumb NavXT
это самый продвинутый и популярный плагин "хлебных крошек
" для блога на WordPress
. У него всего один недостаток – нет никаких встроенных стилей оформления. Этот недостаток плагина вы можете исправить, взяв готовые к использованию стили из этой статьи. В плагине достаточно много тонких настроек, так что я перевел его на русский язык, чтобы в настройках могли разобраться даже новички. Также читайте как оформить панель "хлебных крошек
" в разметке RDFa
, которая поможет поисковикам найти и использовать эту панель при формировании сниппета.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Эти стили подойдут к дизайну большинства шаблонов, но никто вам не мешает поиграться с цветами, чтобы получить что-то типа:
Breadcrumb NavXT
это очень настраиваемый плагин. При желании можно настроить его так, чтобы он генерировал код "хлебных крошек
" в соответствии с принятым гуглом стандартом RDFa
. Такая разметка панели "хлебных крошек
" не является гарантией того, что гугл применит их при формировании поискового сниппета, но шансы на это резко возрастут.
Как это сделать? Первым делом, поменяйте код вызова панели на:
Главная
| <
span typeof=
"v:Breadcrumb"
>
<
a href=
"%link%"
rel=
"v:url"
property=
"v:title"
>%
htitle%
|
%htitle%
И так для каждой ссылки в панели навигации. Я не буду заставлять вас вручную менять каждую ссылку в настройках плагина - вот вам готовый настроек (правая кнопка мышки и "Сохранить объект как
"). Нажмите "Помощь
", затем кликните на "Импорт/Экспорт/Сброс
" и выберите скаченный файл для загрузки и импорта. В данном файле экспорта использованы настройки плагина по умолчанию плюс RDFa
разметка и ничего больше. При желании вы можете настроить плагин под себя, но не трогайте в настройках все, что относится к RDFa
.
После этого плагин начнет генерировать правильный код панели "хлебных крошек
", пригодный для поисковиков. При желании можно проверить выводимый код . Если все правильно, то вам визуально покажут, как примерно будет выглядеть ваш сниппет в выдаче:
Главная страница в этом превью не отображается, но в реальном поиске она, конечно, будет присутствовать.
Кстати, формально плагин поддерживает разметку для "хлебных крошек
". Но почему-то только в виджете и только разметку "schema.org
". Однако поддерживает он ее криво - валидацию у гугла такая разметка не проходит:
Но в любом случае плагин поддерживает разметку только в виджете, что вряд ли может кого устроить, так как "хлебные крошки
" выводят, как правило, в начале страницы, а вовсе не в сайдбаре.
К сожалению, на данный момент "хлебные крошки
" не поддерживаются яндексом . Причем ни в каком виде – что в размеченном, что нет. Жаль, конечно, но тут ничего не поделаешь.Скачать плагин версии 6.2.1
(всего скачено 6 988 695
раз)
Понравился пост? Подпишись на обновления по или
Привет всем!. Сегодня в этой статье я хотел бы рассказать вам, как можно улучшить юзабилити своего сайта при помощи плагина Yoast SEO, о котором я расскажу подробно в одной из следующих своих статей.
Наверняка многие уже слышали про этот плагин и знают, что он необходим для написания сео-оптимизированных статей. Но то, что еще можно сделать хлебные крошки WordPress Yoast SEO, догадываются немногие.
Для начала, давайте я поясню, что такое «хлебные крошки» и для чего вообще они нужны.
Итак, «хлебные крошки» - это дополнительная постраничная навигация, которая отображает в какой рубрике или в каком разделе находится статья.
Посетитель, перейдя на какую-то страницу вашего блога должен понимать, в каком разделе он находится и в той ли рубрике он ищет нужную ему информацию. Обобщенно эта навигация может быть представлена так:
У нас на сайте она выглядит следующим образом:
Кроме того, наличие данной навигации помогает роботам более четко понимать структуру сайта и быстрее индексировать ваш блог. А это очень важно при проекта в сети.
«Почему?» — вы спросите, мы решили пользоваться данным плагином. Ответ тут будет прост. В интернете существует большое количество похожих сервисов, которые помогут с выводом «крошек», но при этом они дополнительно будут нагружать сайт, от этого лучше уж точно не станет. А раз мы все равно используем Yoast SEO для оптимизации постов, то грех не воспользоваться его возможностями и не сделать удобное юзабилити с его помощью.
Настройка вывода хлебных крошек плагином Yoast SEO
Как устанавливать данный Yoast SEO я писать тут не буду. Если вы не знаете, как это сделать, то прочитайте вот эту мою статью « ». В ней я подробно рассказываю и показываю, какими способами можно устанавливать необходимые плагины для работы.
В открывшемся окне поставьте галочку «Включить навигационную цепочку (breadcrumbs)».
К нашей радости откроются настройки все на русском языке, и они интуитивно понятны. В видео, которое скоро появится в этой статье, я более наглядно покажу, что будет происходить при изменении некоторых пунктов данного меню. А пока, вы можете сами с легкостью поэкспериментировать и попробовать поменять настройки. Ничего страшного тут сотворить не возможно, так как это всего лишь визуальные корректировки наших «крошек».
Следующим шагом после включения навигационной цепочки, будет вставка кода активации данной функции в шаблон вашей темы. Чтобы узнать, какой код нужно вставить, переходим по ссылке, которая идет после настроек нашей цепочки.
После того, как мы попали на официальный сайт данного плагина, копируем требуемый код и вставляем в то место своей темы, в котором мы планируем, чтобы они выводились.
Универсального места для вставки данного кода я вам посоветовать не могу, так как это зависит от темы, которую вы используете. Возможно вам понадобиться прописать его или в файл single.php, или в page.php, а в некоторых случаях и в header.php.
В нашем случае код мы вставили практически в самом начале файла single.php, который расположен по адресу www/wp-content/themes/ваша тема/ .
Примечание:
Обращаю ваше внимание, что вставлять код лучше через FTP клиент. Мы используем Filezilla, о работе которой подробно писали . Обязательно прочитайте нашу инструкцию, чтобы избежать многих ошибок новичков.
Причем прошу также обратить внимание, что код который стоит у нас, немного отличается от того, который нам рекомендован разработчиками. А именно, функцию breadcrumbs мы обернули в тэг div. Это сделано для того, чтобы можно было задать свой индивидуальный стиль отображения.
Для этого в файле style.css мы прописываем те стили, которые нам требуются. В них мы можем задать цвет, фон, размер шрифта, подчеркивание, то есть привести к такому виду, который бы полностью устраивал бы наш вкус или сочетался с общей стилистикой страницы. В нашем случае это выглядит вот так:
На этом настройка плагина практически закончена, но в таком варианте, у нас после вывода рубрики еще будут выводиться и название статьи. Это может привести к переспамленности. Я думаю, вы со мной согласитесь, что это лишнее, поскольку название статьи и так прекрасно видно пользователю и дублировать его еще раз нет никакой необходимости.
Чтобы избежать этого, требуется дополнительно вставить небольшой код в файл functions.php.
Function adjust_single_breadcrumb($link_output) { if(strpos($link_output, "breadcrumb_last") !== false) { $link_output = ""; } return $link_output; } add_filter("wpseo_breadcrumb_single_link", "adjust_single_breadcrumb");
Вот теперь все наши настройки окончены. Если вы все сделали правильно, то у вас получится примерно также как на нашем блоге.
Если возникнут вопросы — пишите в комментариях!
Всем пока-пока!
С вами был Калмыков Антон
Приветствую вас, уважаемые читатели блога сайт. В этой статье я покажу вам, как сделать навигационную строку, которую вы можете наблюдать у меня вверху перед началом заголовков статей. Данную цепочку навигаций мне делает простой плагин для
WordPress
—
Breadcrumb
NavXT
, который переводится как «хлебные крошки».
Данное название плагин получил из-за того, что его автору Джону Хавлику понравилась сказка про братьев Гримм, где мальчик Гензель сыпал хлебные крошки, чтобы по ним найти обратный путь. Правда было бы логичнее назвать плагин «камушки», так как по истории сказки Гензель и Гретель не смогли найти путь назад, так как хлебные крошки съели птицы. Ну да ладно, не в этом суть, главное, что этот плагин поможет посетителям не потеряться на вашем сайте и точно даст знать, где и в какой категории (части сайта) они сейчас находятся.
К тому же плагин Breadcrumb NavXT помогает равномерно распределить статический вес по всем страницам сайта, что очень важно для его и продвижения в поисковых системах. На всякий случай, если вы считаете, что внутренняя перелинковка (оптимизация) сайта не так важна, то рекомендую почитать вам вот эту , из которой вы поменяете свою точку зрения.
Итак, в этой статье я покажу вам, как реализовать данную навигацию у вас на сайте или блоге при помощи плагина Breadcrumb NavXT,
а также простого кода.
1
)
Как обычно скачиваем плагин и закачиваем его на блог, активируем.
2
)
Теперь нам нужно разместить специальный код в том месте, где вы хотите видеть строчку хлебных крошек. Для этого перейдите во «внешний вид» «редактор» и выберите файл, в который будете вставлять код. Чаще всего код плагина вставляют в файл «одна запись» (single.php) непосредственно перед или после заголовка статьи. Если вы совсем не разбираетесь в кодах, то просто ищите в самом начале кода два тега
и , которые отвечают за вывод названия публикаций. У меня данный код выглядит так:</p>
<p><b><h2>" title="<?php the_title (); ?>"><?php the_title (); ?></h2>
</b></p>
<p>Как найдете у себя нечто подобное, сразу же перед ним вставьте этот код хлебных крошек и обновите файл.</p>
<p><b><?php
</b><br><br><b>{ bcn_display (); }
</b><br><b>?>
</b></p>
<p>Кстати, если вам не нравится горизонтальная навигация и вы хотите чтобы она отображалась вертикально, то вам нужно вместо предыдущего кода вставить этот.</p>
<p><b><?php if (function_exists ("bcn_display_list"))
</b><br><b>{
</b><br><b>bcn_display_list ();
</b><br><b>}?>
</b></p>
<p>Гуд, как вы видите, у вас появилась навигационная строка, но без отображения даты публикации в самом конце, как у меня. Если хотите приделать ее к своей навигационной строке, то вам надо просто найти код в вашей теме оформления, который отвечает за вывод даты публикации, и добавить его после кода хлебных крошек.</p>
<p><b><?php
</b><br><b>if (function_exists ("bcn_display"))
</b><br><b>{ bcn_display (); }
</b><br><b>?><span>> <span>Опубликовано <?php the_time (" j F Y"); ?></span></div>
</span>
</b></p>
<p>Если что-то непонятно, то > — выводит у меня такую вот стрелку > а буква j – обозначает день, F- месяц, Y- год. Думаю после таких объяснений, вам и самим не будет трудно найти такой код.</p>
<p>Хорошо, теперь разберемся с дизайном. Сам стиль шрифта и цвет ссылок навигационной строки берутся из ваших стилей темы оформления, но если они вам не нравятся и вы их хотите изменить, то просто добавьте эту дополнительную строчку к коду, который мы вставляли выше.</p>
<p><b><divclass="breadcrumb"></div>
</b></p>
<p>В итоге у вас должен будет получиться такой код:</p>
<p><b><divclass="breadcrumb">
</b>
</span><br><b><?php
</b><br><b>if (function_exists ("bcn_display"))
</b><br><b>{
</b><br><b> bcn_display ();>
</b><br><b>}
</b><br><b>?>
</b><br><b></div>
</b>
</p>
<p>Теперь зайдите во «внешний вид» «редактор» и откройте файл «таблица стилей» (style.css). И вставьте данный код практически в самый низ и обновите файл.</p>
<p><b>.breadcrumb {
</b><br><b>font:bolder 12px «Trebuchet MS», Verdana, Arial;
</b><br><b>padding-bottom: 10px;
</b><br><b>}
</b><br><b>.breadcrumb a{
</b><br><b>color: #1B7499;
</b><br><b>}
</b><br><b>.breadcrumb a:hover {
</b><br><b>color: #EF0E0E;
</b><br><b>}
</b></p>
<p>Плагин Breadcrumb NavXT поможет создать на блоге хлебные крошки или навигационную цепочку ссылок на любой странице блога, включая главную, рубрик и меток. Зачем это делается? Такая навигационная цепочка поможет читателю понять, где он находиться, облегчиться его перемещение по блогу, а значит поможет ему найти необходимые материалы на блоге.</p>
<p>Для поисковых систем плагин Breadcrumb NavXT предоставляет информацию о структуре сайта, он говорит, Вы находитесь на страничке поста, вот ссылка на страницу категории, а вот главная страница. Как видите сайт не использует какую-то запутанную иерархию страниц, где конечная страница, на которой размещен полезный материал, находиться в 5 — 6 кликах от главной. Это хороший сайт, проиндексируй его быстрее.</p>
<h2>Установка плагина Breadcrumb NavXT и вывод хлебных крошек на блоге.</h2>
<p>Вкладка «Другое»
</span> — настройка внешнего вида и кода хлебных крошек, которые будут формироваться плагином Breadcrumb NavXT на архивных страницах страницах, выборка материалов на которых выполняется по имени автора постов. Обратите внимание, что в навигационной цепочке ссылок используется имя автора, разместившего посты, которое размещено в профиле(опция «Отображать как»).</p>
<p>Я плагин Breadcrumb NavXT впервые установил на один из блогов 3 года назад, и вот в конце 2013 года повторно с ним познакомился. Скажу честно — он стал удобнее в настройке, опций меньше, работает также. Новички могут без страха устанавливать его на свои блоги, и польза и первые навыки по</p>
<p>Сегодня я расскажу о плагине для WordPress под народным названием "Хлебные крошки", официальное название Breadcrumb NavXT. <span>Это пожалуй самый востребованный и популярный плагин среди веб мастеров. Его популярность связана с двумя причинами.
</p>
<h2>Первая причина популярности плагина "Хлебные крошки"</h2>
<p>Это удобство для навигации по . После установки и настройке плагина Breadcrumb NavXT в верхней части страницы появляется удобное меню навигации которое поэтапно показывает пользователю не только название страницы на которой он находится но и последовательно все страницы сайта на которых он побывал ранее. Что безусловно очень удобно, особенно при изучении большого количества материала и просмотра нескольких страниц.</p>
<h2>Вторая причина востребованности этого плагина</h2>
<p>Дополнительная перелинковка страниц, и как следствие <b>+
</b>в ранжировании поисковиков. (Собственно, прозвище "Хлебные крошки" произошло от сказки братьев Гримм под названием Гензель и Гретель по сюжете которой дети чтобы не заблудится в лесу бросали хлебные крошки… Но это так, лирическое отступление.) Вернёмся всё же к нашему плагину.</p>
<h2>Скачиваем и устанавливаем плагин Breadcrumb NavXT.</h2>
<p>Скачать плагин Breadcrumb NavXT лучше всего, найдя его через свою панель управления введя в строке поиска "<b>Breadcrumb NavXT
</b>"</p>
<p><img src='https://i0.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-11_065655.png' align="center" height="248" width="380" loading=lazy></p>
<p><img src='https://i0.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-11_065501.png' align="center" width="100%" loading=lazy></p>
<p>Установка обычная ничем не отличается от установки остальных плагинов. А вот с настройками придётся повозиться.</p>
<p>Переходим по вкладке "Параметры"…</p>
<p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_185405-e1389337037125.jpg' align="center" height="525" width="300" loading=lazy></p>
<p>… и попадаем в панель настроек плагина Breadcrumb NavXT. В данном случае нас интересует только вкладка<b>"Основные"
</b>, все остальные вкладки настроек: <i>"Записи и страницы", "Таксономии", "Другое"
</i>, можно оставить пока без изменений. Возможно вам когда то придётся к ним вернуться чтобы более продвинуто настроить Хлебные крошки, но а пока оставляем всё как есть. Ну а настройки вкладки "Основные" изменяем как показано на картинке ниже:</p><p><img src='https://i1.wp.com/minaev.biz/wp-content/uploads/2019/01/2019-01-24_142049.jpg' align="center" width="100%" loading=lazy></p>
<p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_185939.png' align="center" height="648" width="600" loading=lazy></p>
<p><img src='https://i2.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_190130.png' align="center" height="631" width="600" loading=lazy></p>
<p>Сохраняем изменения настроек, и на этом здесь все.</p>
<p>Теперь приступаем к самому интересному.</p>
<h2>Необходимо отредактировать шаблон вашей темы.</h2>
<p>К сожалению без этого никак нельзя. Плагин Breadcrumb NavXT, "просто так" работать не будет.</p>
<p>Переходим в консоль и выбираем «Внешний вид»→«Редактор»:</p>
<p><img src='https://i1.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-10_092847.png' height="288" width="192" loading=lazy></p>
<p>В результате переходим в раздел редактирования тем. В этом разделе для редактирования необходимо выбрать именно ту тему которую вы сейчас используете. Как правило многие администраторы сайтов устанавливают несколько шаблонов сайтов но используется всего один. Поэтому редактировать следует тот который используется.</p>
<p>Редактировать необходимо такие шаблоны: single.php, index.php и page.php (если есть специально созданная страница, например, category.php, то и этот тоже)</p>
<p>Выглядит это так:</p>
<p>Сначала выбираем необходимый шаблон. (На данном примере показаны шаблоны имеющиеся в моей теме, у вас их может быть больше или меньше. Редактировать необходимо все что имеются согласно списка: <b>single.php, index.php и page.php, category.php
</b> Если какой то из перечисленных шаблонов в вашем списке не отображён, значит просто пропускаем.)</p>
<p><b>Затем берём код:
</b></p>
<p><b><span><div class="breadcrumb">
</span>
</b></p>
<p><b><span><?php
</span>
</b></p>
<p><b><span>if(function_exists("bcn_display"))
</span>
</b></p>
<p><b><span>{
</span>
</b></p>
<p><b><span>bcn_display();
</span>
</b></p>
<p><b><span>}
</span>
</b></p>
<p><b><span>?>
</span>
</b></p>
<p><b><span></div>
</span>
</b></p>
<p>И вставляем его в каждом из перечисленных шаблонов примерно в одно и тоже место, после заголовка (<b>header
</b>):</p>
<p><img src='https://i0.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_191416.png' align="center" width="100%" loading=lazy></p>
<p>Естественно сохраняем каждый изменённый файл. После чего плагин Breadcrumb NavXT начнёт работать.</p>
<p>Ну вот и всё, почти… Почти, потому что как правило этих настроек вполне достаточно.</p>
<p>Но бывают случаи когда дизайн вашей темы сайта не совпадает с дизайном отображаемой строки Хлебных крошек.</p>
<h2>В этом случае придётся подгонять Хлебные крошки под дизайн сайта отдельно.</h2>
<p>Делается это так. <b>Берём этот код:
</b></p>
<p><b><span>.breadcrumb {
</b>
</p>
<p><b><span>font:bolder 12px "Trebuchet MS", Verdana, Arial;
</span>
</b>
</p>
<p><b>padding-bottom: 10px;
</b>
</p>
<p><b><span>}
</b>
</p>
<p><b><span>.breadcrumb a{
</b>
</p>
<p><b><span>color: #1B7499;
</b>
</p>
<p><b><span>}
</b>
</span><span><b>.breadcrumb a:hover {
</b>
</p>
<p><b><span>color: #EF0E0E;
</b>
</p>
<p><b><span>}
</b>
</p>
<p>Изменяем в нём параметры отображения размера текста, шрифта и цвета на необходимые. Затем копируем изменённый код, идём по вкладке <b>"Таблица стилей"
</b> вашей темы</p>
<p><img src='https://i0.wp.com/minaev.biz/wp-content/uploads/2015/06/2014-01-09_192714.png' height="337" width="227" loading=lazy></p>
<p>… и вставляем код в самом низу редактора</p>
<p>… сохраняемся, нажав <b>"Обновить файл"
</b> Конечно, для получения удовлетворительного результата придётся немного поэкспериментировать.</p>
<p>Ну вот, теперь пожалуй всё.</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</div>
</article>
</div>
</div>
<div id="secondary">
<aside id="search-2" class="widget widget_search clearfix">
<form action="/" class="search-form searchform clearfix" method="get">
<div class="search-wrap">
<input type="text" placeholder="Поиск" class="s field" name="s">
<button class="search-icon" type="submit"></button>
</div>
</form>
</aside>
<aside id="recent-posts-2" class="widget widget_recent_entries clearfix">
<h3 class="widget-title"><span>Свежие записи</span></h3>
<ul>
<li>
<a href="/services/kak-na-androide-pereklyuchit-pamyat-na-kartu-kak-sdelat-tak-chtoby-vse.html">Как сделать так, чтобы все сохранялось на карту памяти</a>
</li>
<li>
<a href="/rates/kak-s-pomoshchyu-kompasa-nastroit-sputnikovuyu-antennu.html">Подключение спутникового ресивера к телевизору</a>
</li>
<li>
<a href="/rostelecom/ne-zagruzhaet-gugl-plei-na-telefone-ne-rabotaet-play-market-podklyuchenie.html">Не работает Play Market, подключение отсутствует</a>
</li>
<li>
<a href="/tele2/ustanovka-melodii-na-otdelnyi-kontakt-na-android-kak-postavit-melodiyu-na.html">Как поставить мелодию на контакт на "Андроид": советы, рекомендации, инструкции Как установить мелодию на группу контактов андроид</a>
</li>
<li>
<a href="/internet/plei-market-versiya-2-3-6-servisy-google-play-vozmozhnosti-i-osobennosti.html">Плей маркет версия 2.3 6. Сервисы Google Play. Возможности и особенности приложения Сервисы гугл плей</a>
</li>
<li>
<a href="/megaphone/upravlenie-linux-cherez-web-administrirovanie-linux-vvedenie-v-webmin-nastroika.html">Управление linux через web</a>
</li>
<li>
<a href="/services/chto-delat-esli-v-nedforspid-chernyi-ekran-pochemu-nfs-rivals-ne.html">Почему NFS Rivals не запускается?</a>
</li>
<li>
<a href="/beeline/ne-pokazyvaet-cifrovoe-kabelnoe-televidenie-kak-opredelit-pochemu-ne-rabotaet.html">Как определить, почему не работает цифровое телевидение</a>
</li>
</ul>
</aside>
<aside id="text-5" class="widget widget_text clearfix">
<div class="textwidget">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script>
<div id="vk_groups"></div>
</div>
</aside>
<aside id="text-4" class="widget widget_text clearfix">
<div class="textwidget">
<div id="pugoza1" style="height:500px;width:300px;" align="center"></div>
</div>
</aside>
<aside id="text-3" class="widget widget_text clearfix">
<div class="textwidget">
<div id="pugoza2" style="height:500px;width:300px;" align="center"></div>
</div>
</aside>
</div>
</div>
</div>
<footer id="colophon" class="clearfix">
<div class="footer-socket-wrapper clearfix">
<div class="inner-wrap">
<div class="footer-socket-area">
<div class="footer-socket-right-section">
</div>
<div class="footer-socket-left-sectoin">
<div class="copyright">© 2024 <a href="/" title="thetarif.ru"><span>thetarif.ru</span></a>. Мобильные операторы и тарифы.<br></div>
</div>
</div>
</div>
</div>
</footer>
<a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a>
</div>
<script type="text/javascript">
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = {
"sidebar": "colormag_right_sidebar",
"margin_top": 10,
"margin_bottom": 0,
"stop_id": "",
"screen_max_width": 0,
"screen_max_height": 0,
"width_inherit": false,
"refresh_interval": 1500,
"window_load_hook": false,
"disable_mo_api": false,
"widgets": ['text-3']
};
</script>
<script type="text/javascript">
(function(w, doc) {
if (!w.__utlWdgt) {
w.__utlWdgt = true;
var d = doc,
s = d.createElement('script'),
g = 'getElementsByTagName';
s.type = 'text/javascript';
s.charset = 'UTF-8';
s.async = true;
s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js';
var h = d[g]('body')[0];
h.appendChild(s);
}
})(window, document);
</script>
<div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common"
data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln."
data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true"
class="uptolike-buttons"></div>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var pwebcontact_l10n = pwebcontact_l10n || {};
pwebcontact_l10n.form = {
"INIT": "Initializing form...",
"SENDING": "Sending...",
"SEND_ERR": "Wait a few seconds before sending next message",
"REQUEST_ERR": "Request error: ",
"COOKIES_ERR": "Enable cookies and refresh page to use this form"
};
/* ]]> */
</script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = {
"visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c",
"visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c",
"width": "Auto"
};
/* ]]> */
</script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script>
<script type='text/javascript' src='https://thetarif.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script>
<div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr">
<div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free">
<span class="pweb-text">Есть вопросы?</span>
<span class="pweb-icon"></span>
</div>
<div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr">
<div class="pwebcontact-container-outset">
<div id="pwebcontact1_container" class="pwebcontact-container">
<div class="pwebcontact-container-inset">
<form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8">
<div class="pweb-fields">
<div class="pweb-row">
<div>
<div class="pweb-field-container pweb-field-name pweb-field-name">
<div class="pweb-label">
<label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name">
Имя </label>
</div>
<div class="pweb-field">
<div class="pweb-field-shadow">
<input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none">
</div>
</div>
</div>
</div>
</div>
<div class="pweb-row">
<div>
<div class="pweb-field-container pweb-field-email pweb-field-email">
<div class="pweb-label">
<label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email">
Email <span class="pweb-asterisk">*</span> </label>
</div>
<div class="pweb-field">
<div class="pweb-field-shadow">
<input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none">
</div>
</div>
</div>
</div>
</div>
<div class="pweb-row">
<div>
<div class="pweb-field-container pweb-field-textarea pweb-field-message">
<div class="pweb-label">
<label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message">
Сообщение <span class="pweb-asterisk">*</span> </label>
</div>
<div class="pweb-field">
<div class="pweb-field-shadow">
<textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="pweb-row">
<div>
<div class="pweb-field-container pweb-field-buttons">
<div class="pweb-field">
<button id="pwebcontact1_send" type="submit" class="btn pweb-button-send" data-role="none">Отправить</button>
</div>
</div>
</div>
</div>
</div>
<div class="pweb-msg pweb-msg-after">
<div id="pwebcontact1_msg" class="pweb-progress">
<script type="text/javascript">
document.getElementById("pwebcontact1_msg").innerHTML = "Initializing form..."
</script>
</div>
</div>
<input type="hidden" name="5eb40beb9e" value="1" id="pwebcontact1_token">
</form>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(function() {
jQuery(".tooltips img").closest(".tooltips").css("display", "inline-block");
new jQuery.Zebra_Tooltips(jQuery('.tooltips').not('.custom_m_bubble'), {
'background_color': '#000000',
'color': '#ffffff',
'max_width': 250,
'opacity': 0.95,
'position': 'center'
});
});
</script>
<script type="text/javascript">
jQuery(document).on('ready post-load', function() {
jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create"]').addClass('nolightbox');
});
jQuery(document).on('ready post-load', easy_fancybox_handler);
jQuery(document).on('ready', easy_fancybox_auto);
</script>
<div id="mistape_dialog" data-mode="comment" data-dry-run="0">
<div class="dialog__overlay"></div>
<div class="dialog__content">
<div id="mistape_confirm_dialog" class="mistape_dialog_screen">
<div class="dialog-wrap">
<div class="dialog-wrap-top">
<h2>Сообщить об опечатке</h2>
<div class="mistape_dialog_block">
<h3>Текст, который будет отправлен нашим редакторам:</h3>
<div id="mistape_reported_text"></div>
</div>
</div>
<div class="dialog-wrap-bottom">
<div class="mistape_dialog_block comment">
<h3><label for="mistape_comment">Ваш комментарий (необязательно):</label></h3>
<textarea id="mistape_comment" cols="60" rows="3" maxlength="1000"></textarea>
</div>
<div class="pos-relative">
</div>
</div>
</div>
<div class="mistape_dialog_block">
<a class="mistape_action" data-action="send" data-id="389" role="button">Отправить</a>
<a class="mistape_action" data-dialog-close role="button" style="display:none">Отмена</a>
</div>
<div class="mistape-letter-front letter-part">
<div class="front-left"></div>
<div class="front-right"></div>
<div class="front-bottom"></div>
</div>
<div class="mistape-letter-back letter-part">
<div class="mistape-letter-back-top"></div>
</div>
<div class="mistape-letter-top letter-part"></div>
</div>
</div>
</div>
</body>
</html>
