Хлебные крошки для WordPress без плагина. Хлебные крошки WordPress установка и настройка
Приветствую вас, уважаемые читатели блога сайт. В этой статье я покажу вам, как сделать навигационную строку, которую вы можете наблюдать у меня вверху перед началом заголовков статей. Данную цепочку навигаций мне делает простой плагин для
WordPress
—
Breadcrumb
NavXT
, который переводится как «хлебные крошки».
Данное название плагин получил из-за того, что его автору Джону Хавлику понравилась сказка про братьев Гримм, где мальчик Гензель сыпал хлебные крошки, чтобы по ним найти обратный путь. Правда было бы логичнее назвать плагин «камушки», так как по истории сказки Гензель и Гретель не смогли найти путь назад, так как хлебные крошки съели птицы. Ну да ладно, не в этом суть, главное, что этот плагин поможет посетителям не потеряться на вашем сайте и точно даст знать, где и в какой категории (части сайта) они сейчас находятся.
К тому же плагин 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). И вставьте <a href="/otklyuchit-parol-uchetnoi-zapisi-vindovs-10-etap-otklyuchit-vyvod-okna-vvoda.html">данный код</a> практически в самый низ и обновите файл.</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>Всем привет друзья. В сегодняшней статье я расскажу вам о том, что такое хлебные крошки, для чего они нужны и как добавить их на свой wordpress блог при помощи плагина и без него. Начнем!
</p><h2>Хлебные крошки – удобный способ перелинковки блога</h2>
<p>Один из простых способов одновременно упростить навигацию по сайту и его перелинковку, это Хлебные крошки (breadcrumbs). Свое название он получил в честь того способа, благодаря которому герои немецкой сказки «Гензель и Гретель» пытались найти дорогу из леса.</p>
<p>Правда, детям крошки не помогли – их склевали птицы, а вот в сайтостроении функция, названная в честь неудачного способа спасения, прижилась и используется в ресурсах самого разного назначения, от личных блогов до интернет-магазинов.</p>
<p>Вы наверняка видели эту навигационную цепочку на самых разных интернет ресурсах. Обычно ее размещают над статьей, и выглядит она примерно так:</p>
<p>Главная страница
</span> > Рубрика
> Подрубрика
> <span>Текущая страница
</p>
<p>Причем все «звенья», кроме последнего — это внутренние ссылки.</p>
<p>Благодаря этой цепочке, читатель в любой момент может понять, на каком уровне сайта он находится и имеет возможность пройти как по всей цепочке, так и сразу перейти в интересующий его раздел или же вернуться на главную страницу ресурса.</p>
<h2>Какую пользу несут хлебные крошки для сайта и блога</h2>
<p>Как сказано выше, во-первых, это упрощение навигации. Например, читатель зашел в статью, прочитал ее и решил почитать другие статьи раздела. Благодаря хлебным крошкам, ему не нужно искать карту сайта или список рубрик. Он просто вернется на шаг назад.</p>
<p>Вы ненавязчиво приглашаете читателя перейти по ссылкам, то есть даете ему еще одну причину задержаться на вашем сайте. Это, в свою очередь, улучшает поведенческие факторы, то за что поисковые роботы, в первую очередь, отличают блоги и сайты.</p>
<p>Чем сложнее структура сайта, тем важнее установить на него breadcrumbs. Так как посетителям, особенно впервые оказавшимся на данном ресурсе, сложно разобраться во всех блоках, страницах, разделах и подразделах. Если им не будет подсказок, они так и будут уходить, прочитав лишь одну статью.</p>
<p>Вторая задача этого элемента, тесно связанная с первой – внутренняя оптимизация сайта, точнее еще один способ связать ссылками как можно большее количество статей. Причем, в отличие от ручной перелинковки, здесь все происходит автоматически. Над каждой опубликованной статьей сразу появляется нужная навигационная цепочка.</p>
<p>Данную функцию можно добавлять на сайты и блоги разными способами. Рассмотрим два самых простых варианта для WordPress – установку с помощью плагина и с помощью внесения небольших изменений в код.</p>
<h2>Как добавить хлебные крошки на блог плагином</h2>
<p>Самый простой способ установить хлебные крошки на блог – установить специальный плагин. Для WordPress обычно используют Breadcrumb NavXT.</p>
<p>Способ его установки стандартный: заходим в админку блога -> Плагины -> Добавить новый. В появившееся окно вставляем название плагина и нажимаем «Найти плагины».</p>
<p><img src='https://i2.wp.com/isif-life.ru/wp-content/uploads/2014/08/1.jpg' align="center" width="100%" loading=lazy></p>
<p>Вот он, наш плагин, нажимаем «Установить сейчас», затем «Активировать».</p>
<h1><?php the_title (); ??></h1>
<p>и над этой строчкой вставляем следующий кусочек кода:</p>
<p><?php if(function_exists("bcn_display"))
{
bcn_display();
}
??></p>
<p>Если вы хотите разместить навигационную цепочку в другом месте, значит этот же код размещаете там.</p>
<p>После этого переходим в «Настройки» — > «Настройки Breadcrumb NavXT» и в графе «Название ссылки» меняем название на свое и сохраняем изменения.</p>
<p><img src='https://i2.wp.com/isif-life.ru/wp-content/uploads/2014/08/2.jpg' align="center" width="100%" loading=lazy></p>
<p>Осталось перейти на блог и полюбоваться на результат.</p>
<h2>Как добавить хлебные крошки на блог без плагина</h2>
<p>Так как любые плагины, это дополнительная нагрузка на блог, замедляющая его работу, то лучше просто немного изменить код, тем более что в данном случае, это проще, чем установить плагин.</p>
<p>Заходим в админку –> «Внешний вид» -> «Редактор» -> functions.php. Здесь в любом месте (главное не внутрь другой функции) вставляем следующий код:</p><p>Function the_breadcrumb() {
echo "You are here: ";
if (!is_front_page()) {
echo "Home";
echo " » ";
if (is_category() || is_single()) {
the_category(" ");
if (is_single()) {
echo " » ";
the_title();
}
} elseif (is_page()) {
echo the_title();
}
}
else {
echo "Home";
}
}
</p><p>и сохраняем. Если боитесь запутаться, просто вставьте его в самом конце над последней скобкой.</p>
<p>Теперь нужно вот этот код:</p>
<?php the_breadcrumb();
??><p>разместить там, где вы хотите видеть навигационную цепочку, например, опять же над заголовком статьи. Для этого идем в single.php, ищем строчку с the_title и над ней вставляем этот код и сохраняем изменения.</p>
<p>Можете перейти на сайт и посмотреть, что получилось. Как видите, You are here и Home тут явно не к месту и их нужно изменить на что-то более подходящее, например, на Путь и Главная (или название блога).</p>
<p>Кроме того, нужно убедиться, что изменения одинаково хорошо смотрятся на разных браузерах – не наплывают на другие части темы и, одновременно, хорошо заметны.</p>
<p>Все, «Хлебные крошки» помогают вашим читателям, а вы можете гордиться тем, что самостоятельно разобрались в их установке. Всем спасибо за внимание!</p>
<p>P.S. В заключение статьи видео о том как поставить хлебные крошки на свой блог:</p>
<p><span class="MVWNvgeSPJI"></span></p>
<p>Так называемые «Хлебные крошки» служат для улучшения навигации по сайту и помогают посетителю сайта разобраться, где он сейчас находиться. Посетитель, находящийся на любой странице сайта, с помощью хлебных крошек понимает свое местонахождение в структуре блога.</p><p>Хлебные крошки являются еще одним элементом внутренней перелинковки сайта. Упрощается навигация по сайту, что удобно посетителю сайта, и в связи с этим повышаются поведенческие факторы.</p><p>Сам термин «Хлебные крошки» взят из сказки братьев Гримм «Гензель и Гретель», в которой детей заводили в лес. В первый раз, когда отец по воле злой мачехи заводит брата и сестру в лес, они находят дорогу обратно, благодаря тому, что оставляли по своему пути камешки. Во второй раз у детей камешков не оказалось, и они оставляли на своем пути вместо камешков хлебные крошки, которые склевали лесные птицы и дети заблудились в лесу. После различных приключений детям все-таки удалось вернуться домой.</p><p>Обычно навигация Хлебные крошки (по-английски Breadcrumbs) представляет из себя полосу в верхней части страницы, которая имеет примерно такой вид:</p><p>Все разделы сайта, кроме последнего являются ссылками. Последний раздел навигации является именно той страницей, на которой вы сейчас находитесь. На эту страницу гиперссылку делать не нужно.</p><p>Этот последний элемент может быть не обязательно отдельной страницей, а например названием рубрики, если вы вошли в какую-нибудь рубрику. В этом случае название рубрики уже не будет гиперссылкой.</p><p>Хлебные крошки на сайт можно установить с помощью плагина, а также без использования для этого специального плагина. Вначале рассмотрим установку хлебных крошек с помощью плагина Breadcrumb NavXT.</p><h2>Плагин Breadcrumb NavXT</h2><p>Для установки плагина Breadcrumb NavXT нужно войти в «Админ-панель WordPress» => «Плагины» => «Добавить новый». В поле «Поиск» нужно ввести выражение «Breadcrumb NavXT», а после этого нужно нажать на кнопку «Поиск плагинов».<br>
В окне «Установить плагин» под названием плагина «Breadcrumb NavXT» следует нажать на ссылку «Установить».</p><p>В открывшемся окне «Установка плагина: Breadcrumb NavXT» необходимо нажать на ссылку «Активировать плагин». После этого в боковой панели «Админ-панели WordPress» появился новый пункт «Breadcrumb NavXT». Если нажать на этот пункт, то тогда можно будет войти в настройки плагина хлебных крошек.</p><p>В окне «Настройки Breadcrumb NavXT» расположено довольно много настроек этого плагина. Настройки Breadcrumb NavXT можно оставить сделанными по умолчанию. Во вкладке «Основные» можно, если вы хотите, изменить пункт «Ссылка на главную».</p><p>Теперь нужно вставить в файлы вашей темы, в те места, где должны будут отображаться хлебные крошки, следующий код:</p><p> <div class="breadcrumb">
<?php
if(function_exists("bcn_display"))
{
bcn_display();
}
>?
</div>
</p><p>Этот код желательно вставить в такие файлы вашей темы: «Одна запись (single.php)», «Шаблон страницы (page.php)», «Архивы (arhvie.php)», «Результаты поиска (search.php)».</p><p>Для того, чтобы вставить этот код нужно войти в «Админ-панель WordPress» => «Внешний вид» => «Редактор» => «Шаблоны».</p><p>В шаблон «Одна запись (single.php)», который отвечает за страницы со статьями, код вставляется так, как показано на этом изображении.</p><p><img src='https://i1.wp.com/vellisa.ru/wp-content/uploads/2012/11/22.png' align="center" width="100%" loading=lazy></p><p>После вставки кода, нажимаете на кнопку «Обновить файл».</p><p><img src='https://i2.wp.com/vellisa.ru/wp-content/uploads/2012/11/31.png' align="center" width="100%" loading=lazy></p><p>Код вставлен, затем нужно нажать на кнопку «Обновить файл».</p><p>В файл «Архивы (arhvie.php)», который отвечает за рубрики, также нужно будет вставить этот код.</p><p><img src='https://i2.wp.com/vellisa.ru/wp-content/uploads/2012/11/41.png' align="center" height="252" width="365" loading=lazy></p><p>После того, как код вставлен, нажимаете на кнопку «Обновить файл».</p><p>И в завершении установки кода в файлы темы WordPress, код вставляется в файл «Результаты поиска (search.php)», который отвечает за поиск по сайту. Вставляете код в то место, как это показано на изображении.</p><p><img src='https://i0.wp.com/vellisa.ru/wp-content/uploads/2012/11/51.png' align="center" width="100%" loading=lazy></p><p>На этом изображении видно как выглядит навигация хлебные крошки. Имя главной страницы не было изменено на название сайта.</p><p><img src='https://i2.wp.com/vellisa.ru/wp-content/uploads/2012/11/61.png' align="center" height="134" width="323" loading=lazy></p><p>Можно также вставить в файл «Таблица стилей (style.ccs)» такой код (это делать необязательно):</p><p>Breadcrumb {
font:bolder 12px "Trebuchet MS", Verdana, Arial;
padding-bottom: 10px;
}
.breadcrumb a{
color: #1B7499;
}
.breadcrumb a:hover {
color: #EF0E0E;
}
</p><p>В этом коде можно менять размер и шрифт (font:bolder 12px «Trebuchet MS», Verdana, Arial), отступы (padding-bottom: 10px), а также цвет ссылок хлебных крошек в статическом состоянии и при наведении на них курсора мыши (можно менять цифровые значения).</p><p>Показания в этом коде можно менять по своему усмотрению, или найти другой подобный код в Интернете. Также можно вообще обойтись и без установки этого кода в файл «Таблица стилей (style.ccs)». В установленной у меня теме, после установки кода, немного изменился шрифт.</p><p>В этой статье было рассмотрена установка хлебных крошек на сайт с помощью плагина Breadcrumb NavXT. В следующей статье будет рассмотрен такой вопрос - как установить без использования плагина.</p><h2>Выводы статьи</h2><p>При помощи плагина Breadcrumb NavXT на сайт устанавливается навигация, так называемые «хлебные крошки», которая помогает пользователю понять в каком разделе сайта он находится в данный момент времени.</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://i1.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://i2.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://i0.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://i2.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://i1.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://i1.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://i2.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://i1.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://i1.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>
<p>Здравствуйте, уважаемые читатели! Сегодня речь пойдет о том, что такое хлебные крошки, какие функции они выполняют на блоге, а самое главное — как установить и настроить плагин Breadcrumb NavXT, позволяющий создать <b>хлебные крошки WordPress
</b>.</p>
<h2>Что такое хлебные крошки</h2>
<p>«Хлебные крошки» показывают путь на блоге, по которому необходимо пройти от главной до текущей страницы. Это своего рода навигационная цепочка, каждое звено которой является ссылкой на страницу более высокого уровня. Самый высокий уровень — это главная блога. В идеале путь к любой странице блога от главной должен занимать максимум 3 клика мыши. Фактически, это <span>главная — категория — запись
</span> или <span>главная — категория — категория — запись
</span>, но никак не длиннее. Это необходимо для удобства не только пользователей, но и поисковых систем. Посты с более глубоким заложением поисковики могут индексировать с некоторой задержкой. К тому же их важность в глазах поисковиков уменьшается с увеличением уровня вложенности. Как следствие — ссылки на самые важные и интересные статьи на блоге старайтесь проставлять на главной.</p>
<p>Подобную фишку на сайте называются по-разному — навигатор, навигационная цепочка, путь на сайте, но самым популярное название — это именно «хлебные крошки». Такое название пошло от сказки про Гензеля и Грету, в которой герои разбрасывали хлебные крошки, чтобы найти дорогу назад.</p>
<p>Помимо удобства и навигации они выполняют еще одну важную функцию — улучшает внутреннюю перелинковку страниц блога. Ранее я уже рассказывал о трех важных и интересных плагинах, для внутренней перелинковки — , которые настоятельно рекомендую установить каждому на свой блог. Breadcrumb NavXT смело можно причислить к этому списку.</p>
<p>Когда поисковики индексируют какую-то статью блога, они сразу видят к какой рубрики она относятся и полный путь до главной, что помогает им определить структура блога. Только не забудьте еще добавить на блог как для поисковиков, так и для пользователей.</p>
<h2>Установка и настройка плагина Breadcrumb NavXT</h2>
<p>Установка Breadcrumb NavXT несколько отличается от , поэтому рассмотрим ее подробно:</p>
<p>2. Распакуйте архив и загрузите папку с файлами плагина на сервер в директорию wp-content/plugins. Для этого воспользуйтесь — FileZilla.</p>
<p>3. Активируйте плагин через раздел «Плагины» панели администратора WordPress.</p>
<p>4. Теперь необходимо вставить следующий код:</p>
<p>Второе по популярности место — это шапка сайта. Для этого код необходимо вставить только в один шаблон — header.php
. Точного места я не могу сказать, все зависит от темы. Здесь подойдет способ научного тыка — вставляете код, сохраняете, смотрите результат, не нравится — меняете местоположения кода в шаблоне.</p>
<p>Некоторые продвинутые темы по умолчанию выводят хлебные крошки на блоге, но я бы посоветовал все-таки использовать плагин Breadcrumb NavXT, потому что он имеет более гибкие настройки. В таких случаях следует заменить стандартный код в шаблонах темы, отвечающий за вывод хлебных крошек, на код плагина, указанный выше. Стандартный код во многом должен быть похож на приведенный код плагина, поэтому найти его не составит труда (обычно он заключен в тег div, ID или class которого имеет тоже название — breadcrumb).</p>
<p>После добавления кода, можно изменить внешний вид хлебных крошек WordPress. Для этого следует добавить стили к классу breadcrumb в файл style.css используемой темы. Конечно, для этого необходимо знать основы CSS, поэтому советую ознакомиться с бесплатным самоучителем по CSS от Влада Мержевича, который вы можете скачать с моего блога.</p>
<p>Настройки плагина располагаются в разделе «Параметры» — «Breadcrumb NavXT». В интернете можно найти русификатор к нему, но, к сожалению, на последние версии плагина он встает очень криво — большая часть настроек так и остается на английском языке. Поэтому я рассматривать буду настройки именно на английском, давая перевод и свои комментария по самым важным пунктам.</p>
<p>Первая закладка называется «General»
— Общие.</p>
<p><img src='https://i1.wp.com/fairheart.ru/wp-content/uploads/2012/04/Breadcrumb-NavXT-Settings.png' align="center" width="100%" loading=lazy></p>
<p>Breadcrumb Separator
— символ, который будет использоваться в качестве разделителями между звеньями навигационной цепочки.</p>
<p>Breadcrumb Max Title Length
— в качестве звена навигационной цепочки используется заголовок страницы, эта опция задает максимальную длину заголовка, 0 — используется заголовок целиком, не обрезая его.</p>
<p>Home Breadcrumb
— указывать или нет в хлебных крошках главную блога. Советую включить и задать ей имя в соответствии с названием вашего блога.</p>
<p> — текст, который будет виден на главной блога, если это не ссылка.</p>
<p><img src='https://i0.wp.com/fairheart.ru/wp-content/uploads/2012/04/Home-Template-Unlinked.png' align="center" height="70" width="363" loading=lazy></p>
<p>Переходим на вкладку Current Item
, что означает «Текущей пункт» или «Текущее местоположение».</p>
<p><img src='https://i2.wp.com/fairheart.ru/wp-content/uploads/2012/04/nastroyka-Breadcrumb-NavXT.png' align="center" width="100%" loading=lazy></p>
<p>Link Current Item
— выводить название текущей страницы в качестве ссылки на нее же или нет.</p>
<p>Paged Breadcrumb
— поддержка постраничной навигации. После включения будут отображаться номера в хлебных крошках.</p>
<p> — шаблон, определяющий название текущей позиции при включенной поддержки постраничной навигации.</p>
<p>Следующий раздел называется «Post & Pages»
— Записи и страницы.</p>
<p>Post Taxonomy Display
— показывать все варианты путей, ведущих к записи.</p>
<p>Post Taxonomy
— в вариантах путей к записи можно отображать. Для своего блога выбрал стандартный вариант — Рубрики.</p>
<p>Page Template и Page Template (Unlinked)
</span> — аналогичны рассмотренным выше Post Template и Post Template (Unlinked), только выводится будут для опубликованных статей.</p>
<p>На очереди раздел «Categories & Tags»
.</p>
<p><img src='https://i2.wp.com/fairheart.ru/wp-content/uploads/2012/04/kategorii-i-tegi-Breadcrumb-NavXT.png' align="center" width="100%" loading=lazy></p>
<p>В этом разделе задаются шаблоны для формирования хлебных крошек рубрик и тэгов. Просто действуйте по аналогии с рассмотренными выше шаблонами для записей.</p>
<p>В разделе можно задать шаблоны для страницы автора (Author
), даты/архива (Date
), результатов поиска (Search
) и ошибки 404
.</p>
<p><img src='https://i2.wp.com/fairheart.ru/wp-content/uploads/2012/04/Miscellaneous-Breadcrumb-NavXT.png' align="center" width="100%" loading=lazy></p>
<p>Остальные опции я не использую, поэтому умничать о их назначении не буду.</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_after?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 class="data">
<div class="data__top clearfix">
<div class="data__print">
<a href='javascript:window.print(); void 0;'> Печать</a>
</div>
</div>
<div class="data__bottom clearfix">
<div class="data__share">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,evernote,whatsapp,skype"></div>
</div>
</div>
</div>
<div class="navi">
<a href="/zashchita-ot-telefonnogo-fluda-telefonnaya-ataka-metody-borby-i.html" class="navi__prev"></a>
<!-- /next_post -->
<a href="/obzor-samsung-galaxy-a3-2017-potencialnyi-hit-prodazh-no-dorogoi-samsung-galaxy-a3-2017--.html" class="navi__next"></a>
<!-- /next_post -->
</div>
</div>
</div>
<div class="news-blocks clearfix">
<div class="news-block">
<div class="papers">
<div class="papers__title">Также интересно:</div>
<div class="papers__items">
<style>
</style>
<div class="papers__item">
<div class="papers__img">
<a href="/kakoi-razem-processora-luchshe-v-godu-kak-vybrat-centralnyi.html"><img src="/uploads/a126d48a5dcafa9c4a0c21f1fbcfd703.jpg" style="width:70px; height:70px;" / loading=lazy></a>
</div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/kakoi-razem-processora-luchshe-v-godu-kak-vybrat-centralnyi.html">Как выбрать центральный процессор, и зачем это нужно?</a>
</div>
<div class="papers__category">
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/asus-vosstanovlenie-vindovs-7-do-pervonachalnogo-sostoyaniya-vosstanovleniya.html"><img src="/uploads/1f2e034b4ae1dee35ae3bfbb50ce6a3d.jpg" style="width:70px; height:70px;" / loading=lazy></a>
</div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/asus-vosstanovlenie-vindovs-7-do-pervonachalnogo-sostoyaniya-vosstanovleniya.html">Восстановления раздела recovery ASUS</a>
</div>
<div class="papers__category">
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/nauchites-poluchat-bitkoiny-besplatno-gde-vzyat-bitkoin-besplatno-gde.html"><img src="/uploads/9de40f8b406c4cee91b8e92af347fc6e.jpg" style="width:70px; height:70px;" / loading=lazy></a>
</div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/nauchites-poluchat-bitkoiny-besplatno-gde-vzyat-bitkoin-besplatno-gde.html">Где взять биткоин бесплатно?</a>
</div>
<div class="papers__category">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news-block">
<div class="papers">
<div class="papers__title">Рекомендуем почитать:</div>
<div class="papers__items">
<div class="papers__item">
<div class="papers__img">
<a href="/powered-by-smf-zabotlivyi-kak-zashchitit-svoi-forum-na-simple-machines-smf-ot-spama.html"> <img width="50" height="50" src="/uploads/9be3911f0c9dc4f8e2b5c4543014b1fc.jpg" class="attachment-50 size-50 wp-post-image" alt="Как защитить свой форум на Simple Machines (SMF) от спама" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-11 00:07:07</div>
<div class="papers__name">
<a href="/powered-by-smf-zabotlivyi-kak-zashchitit-svoi-forum-na-simple-machines-smf-ot-spama.html">Как защитить свой форум на Simple Machines (SMF) от спама</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/poshagovaya-pereustanovka-vindovs-7-s-fleshki-ustanovka-vindovs-s-fleshki.html"> <img width="50" height="50" src="/uploads/e11b9f00132812377892578fa623a5bc.jpg" class="attachment-50 size-50 wp-post-image" alt="Установка виндовс с флешки через биос" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-11 00:07:07</div>
<div class="papers__name">
<a href="/poshagovaya-pereustanovka-vindovs-7-s-fleshki-ustanovka-vindovs-s-fleshki.html">Установка виндовс с флешки через биос</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/testirovanie-web-servisov-chto-takoe-web-servisy.html"> <img width="50" height="50" src="/uploads/f1ddf4bb22e8b48703d63c32210a40e1.jpg" class="attachment-50 size-50 wp-post-image" alt="Тестирование web сервисов" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-09 00:06:08</div>
<div class="papers__name">
<a href="/testirovanie-web-servisov-chto-takoe-web-servisy.html">Тестирование web сервисов</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rate clearfix">
<div class="papers__title">В продолжение темы:</div>
</div>
<div class="rate clearfix">
<div class="rate__img">
<a href="/vk-helper-rasshirenie-skachat-na-android-rasshirenie-vk-helper-vash.html"> <img width="150" height="150" src="/uploads/ad189f53250014261332b9832a553ef3.jpg" class="attachment-alm-thumbnail size-alm-thumbnail wp-post-image" alt="Расширение VK Helper – ваш незаменимый помощник" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy> </a>
</div>
<div class="rate__ovh">
<div class="rate__label">
<span>Android</span>
</div>
<div class="rate__name">
<a href="/vk-helper-rasshirenie-skachat-na-android-rasshirenie-vk-helper-vash.html">Расширение VK Helper – ваш незаменимый помощник</a>
</div>
<div class="rate__description">
<p>Популярная социальная сеть ВКонтакте позволяет находить новых друзей и держать контакт со всеми близкими. Помимо этого, каждый пользователь может делиться собственными... </p>
</div>
</div>
</div>
<!-- /next_post -->
</div>
<div class="button-menu"></div>
<div class="page__right">
<div class="menu">
<div class="menu__exit">×</div>
<ul>
<li><a href="/category/android/" class="link-catalog">Android</a>
</li>
<li><a href="/category/ios/" class="link-catalog">Ios</a>
</li>
<li><a href="/category/ip-telephony/" class="link-catalog">IP-телефония</a>
</li>
<li><a href="/category/mobile-tips/" class="link-catalog">Мобильные советы</a>
</li>
<li><a href="/category/mobile-operators/" class="link-catalog">Мобильные операторы</a>
</li>
<li><a href="/category/mts/" class="link-catalog">Мтс</a>
</li>
<li><a href="/category/megaphone/" class="link-catalog">Мегафон</a>
</li>
<li><a href="/category/beeline/" class="link-catalog">Билайн</a>
</li>
</ul>
</div>
<div id="wowugi1" style="height:400px;width:290px;" align="center"></div>
<div class="page__hidden-mobile">
<div class="papers">
<div class="papers__tabs">
<div class="active" data-eq="0">Новые статьи</div> <span>/</span> <div data-eq="1">Популярные</div>
</div>
<div class="papers__blocks">
<div class="papers__block active">
<div class="papers__items">
<div class="papers__item">
<div class="papers__img">
<a href="/vy-dolzhny-byt-zaregistrirovannym-riski-i-posledstviya.html"> <img width="50" height="50" src="/uploads/94055c5de1c96bade4363916849ee44d.jpg" class="attachment-50 size-50 wp-post-image" alt="Риски и последствия временной регистрации для собственника" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-05 00:05:57</div>
<div class="papers__name">
<a href="/vy-dolzhny-byt-zaregistrirovannym-riski-i-posledstviya.html">Риски и последствия временной регистрации для собственника</a>
</div>
<div class="papers__category">
<a href="/category/megaphone/">Мегафон</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/xiaomi-mi4-vremya-raboty-smartfon-mi4-xiaomi-otzyvy-i-tehnicheskie-harakteristiki-prakticheskoe-ispo.html"> <img width="50" height="50" src="/uploads/6ee85fb8590f35ec682771a308cdbd7b.jpg" class="attachment-50 size-50 wp-post-image" alt="Смартфон Mi4 Xiaomi: отзывы и технические характеристики" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-04 00:06:07</div>
<div class="papers__name">
<a href="/xiaomi-mi4-vremya-raboty-smartfon-mi4-xiaomi-otzyvy-i-tehnicheskie-harakteristiki-prakticheskoe-ispo.html">Смартфон Mi4 Xiaomi: отзывы и технические характеристики</a>
</div>
<div class="papers__category">
<a href="/category/tele2/">Tele2</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/kem-byl-razrabotan-yazyk-html-tehnologiya-html-yazyk-gipertekstovoi.html"> <img width="50" height="50" src="/uploads/7f78f5f183eab447996c1b75cbef0ae6.jpg" class="attachment-50 size-50 wp-post-image" alt="Технология HTML – язык гипертекстовой разметки текста" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-04 00:06:07</div>
<div class="papers__name">
<a href="/kem-byl-razrabotan-yazyk-html-tehnologiya-html-yazyk-gipertekstovoi.html">Технология HTML – язык гипертекстовой разметки текста</a>
</div>
<div class="papers__category">
<a href="/category/megaphone/">Мегафон</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/kakoi-normalnyi-antivirus-reiting-besplatnyh-antivirusov.html"> <img width="50" height="50" src="/uploads/ae819e743c2f941994ddb848f89c2924.jpg" class="attachment-50 size-50 wp-post-image" alt="Рейтинг бесплатных антивирусов: обзор, описание и отзывы" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-03 00:06:53</div>
<div class="papers__name">
<a href="/kakoi-normalnyi-antivirus-reiting-besplatnyh-antivirusov.html">Рейтинг бесплатных антивирусов: обзор, описание и отзывы</a>
</div>
<div class="papers__category">
<a href="/category/tele2/">Tele2</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/kak-vybrat-sistemu-dlya-zagruzki-po-umolchaniyu.html"> <img width="50" height="50" src="/uploads/c3adb61273e4737160814c378d74dbf6.jpg" class="attachment-50 size-50 wp-post-image" alt="Как выбрать систему для загрузки по умолчанию" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-03 00:06:53</div>
<div class="papers__name">
<a href="/kak-vybrat-sistemu-dlya-zagruzki-po-umolchaniyu.html">Как выбрать систему для загрузки по умолчанию</a>
</div>
<div class="papers__category">
<a href="/category/android/">Android</a>
</div>
</div>
</div>
<div class="papers__item">
<div class="papers__img">
<a href="/kak-podklyuchit-ide-zhestkii-disk-k-novoi-materinskoi-plate-perehodnik-sata-ide.html"> <img width="50" height="50" src="/uploads/7d09b804bfa9dc5b6cf89dbfdefac241.jpg" class="attachment-50 size-50 wp-post-image" alt="Как подключить ide жесткий диск к новой материнской плате" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a>
</div>
<div class="papers__ovh">
<div class="papers__date">2024-04-03 00:06:53</div>
<div class="papers__name">
<a href="/kak-podklyuchit-ide-zhestkii-disk-k-novoi-materinskoi-plate-perehodnik-sata-ide.html">Как подключить ide жесткий диск к новой материнской плате</a>
</div>
<div class="papers__category">
<a href="/category/beeline/">Билайн</a>
</div>
</div>
</div>
</div>
</div>
<div class="papers__block">
<div class="papers__items">
<div class="papers__item">
<div class="papers__img"><a href="/kak-naiti-v-gugl-koordinaty-koordinaty-v-google-earth.html"> <img width="50" height="50" src="/uploads/c89cb8674c9c9c462a5937c023e96dba.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Координаты в Google Earth" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a></div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/kak-naiti-v-gugl-koordinaty-koordinaty-v-google-earth.html">Координаты в Google Earth</a>
</div>
<div class="papers__category"><a href="/category/mts/" rel="tag">Мтс</a></div>
</div>
</div>
<div class="papers__item">
<div class="papers__img"><a href="/prilozhenie-dropbox-dlya-windows-kak-skachat-i-ustanovit-programmu-dropbox-versiya.html"> <img width="50" height="50" src="/uploads/9896455c963267de59cd4e8df5e0e120.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Как скачать и установить программу Dropbox" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a></div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/prilozhenie-dropbox-dlya-windows-kak-skachat-i-ustanovit-programmu-dropbox-versiya.html">Как скачать и установить программу Dropbox</a>
</div>
<div class="papers__category"><a href="/category/tele2/" rel="tag">Tele2</a></div>
</div>
</div>
<div class="papers__item">
<div class="papers__img"><a href="/istoriya-sozdaniya-veb-studii-put-v-digital-kak-otkryt-veb-studiyu.html"> <img width="50" height="50" src="/uploads/cc56a0184b6303b52c249a1f12c8c4e8.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Путь в digital: как открыть веб-студию" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a></div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/istoriya-sozdaniya-veb-studii-put-v-digital-kak-otkryt-veb-studiyu.html">Путь в digital: как открыть веб-студию</a>
</div>
<div class="papers__category"><a href="/category/news/" rel="tag">Новости</a></div>
</div>
</div>
<div class="papers__item">
<div class="papers__img"><a href="/api-chto-eto-takoe-rasshifrovka-opredelenie-perevod-chto-takoe-api-api.html"> <img width="50" height="50" src="/uploads/34534c00a1f9a536b065a2b22fbaaa6d.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Расшифровка, определение, перевод" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a></div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/api-chto-eto-takoe-rasshifrovka-opredelenie-perevod-chto-takoe-api-api.html">Расшифровка, определение, перевод</a>
</div>
<div class="papers__category"><a href="/category/mobile-operators/" rel="tag">Мобильные операторы</a></div>
</div>
</div>
<div class="papers__item">
<div class="papers__img"><a href="/usluga-bilain-privet-kak-otklyuchit-usluga-bilain-privet-kak-postavit.html"> <img width="50" height="50" src="/uploads/74b5bf37e2a88802bf368cd431073406.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Как отключить услуга Билайн «Привет Как поставить мелодию на вызов билайн" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a></div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/usluga-bilain-privet-kak-otklyuchit-usluga-bilain-privet-kak-postavit.html">Как отключить услуга Билайн «Привет Как поставить мелодию на вызов билайн</a>
</div>
<div class="papers__category"><a href="/category/news/" rel="tag">Новости</a></div>
</div>
</div>
<div class="papers__item">
<div class="papers__img"><a href="/zashchita-ot-telefonnogo-fluda-telefonnaya-ataka-metody-borby-i.html"> <img width="50" height="50" src="/uploads/fd5e8199ce2b170a1fa9beffc05b205d.jpg" class="attachment-50x50 size-50x50 wp-post-image" alt="Телефонная атака: методы борьбы и средства защиты Флудить — что это значит" sizes="(max-width: 50px) 100vw, 50px" / loading=lazy> </a></div>
<div class="papers__ovh">
<div class="papers__name">
<a href="/zashchita-ot-telefonnogo-fluda-telefonnaya-ataka-metody-borby-i.html">Телефонная атака: методы борьбы и средства защиты Флудить — что это значит</a>
</div>
<div class="papers__category"><a href="/category/ios/" rel="tag">Ios</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="comments">
<div id="wowugi2" class="wowugi-sticky" style="height:500px;width:254px;" align="center"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__top">
<div class="cnt">
<div class="footer__nav">
<ul>
<li><a href="/feedback.html">Контакты</a></li>
<li><a href="">Реклама</a></li>
<li><a href="">О сайте</a></li>
</ul>
</div>
<div class="footer__counter">
</div>
<div class="footer__logo1" align="right">
<img style="max-height:60px;" src="/public/logo.png" alt="" loading=lazy>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="cnt">
<div class="footer__copyright">
© amok.ru 2024 г. Мобильные телефоны и связь
</div>
</div>
</div>
</div>
<a href="#top" class="up"></a>
</div>
<script src="https://amok.ru/wp-content/themes/tehnika-expert/js/jquery-1.12.0.js"></script>
<script src="https://amok.ru/wp-content/themes/tehnika-expert/js/owl.carousel.min.js"></script>
<script src="https://amok.ru/wp-content/themes/tehnika-expert/js/mousewheel.js"></script>
<script src="https://amok.ru/wp-content/themes/tehnika-expert/js/jscrollpane.min.js"></script>
<script src="https://amok.ru/wp-content/themes/tehnika-expert/js/scripts.js?v=8"></script>
<!--[if lt IE 10]>
<script src="https://amok.ru/wp-content/themes/tehnika-expert/js/placeholder.js"></script>
<![endif]-->
<script type='text/javascript' src='https://amok.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript' src='https://amok.ru/wp-content/plugins/wp-ajaxify-comments/js/wp-ajaxify-comments.min.js?ver=1.5.0'></script>
<script type='text/javascript' src='https://amok.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.8'></script>
<script type='text/javascript' src='https://amok.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script>
<script type='text/javascript' src='https://amok.ru/wp-content/plugins/wp_testme/js/testme.js?ver=1.1'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar-2", "margin_top" : 10, "margin_bottom" : 112, "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" : ['cb_widget-2'] } ;
</script>
<script type='text/javascript' src='https://amok.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.9'></script>
</body>
</html>
