Найти на сайте
ГлавнаяИнтернет

Как сделать хлебные крошки WordPress? Плагин Yoast SEO наш лучший помощник. Хлебные крошки на WordPress с плагином и без

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

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

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

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

Breadcrumb полезны в таких случаях:

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

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

  1. Location. Данный тип определяет путь, и он является постоянным, т.е. он не будет меняться по мере передвижения пользователя по ресурсу;
  2. Path. Этот тип показывает посетителю тот путь, который он уже прошел. Главным минусом таких крошек является то, что если пользователь придет из поисковой машины, то крошки не будут показываться;
  3. Attribute. Такие крошки показываются в виде меток на конкретных страницах и позволяют определить рубрику на сайте. Данный вариант наиболее удобен и работает практически на всех ресурсах.

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

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

Вариант без установки плагина

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

Способ состоит из пары шагов:

  • вписывание кода в файл functions.php;
  • вписывание кода крошек в нужное место.

Итак, берем первый код и вставляем его в файл functions.php вашего активного шаблона:

function the_breadcrumb() {
if (!is_front_page()) {
echo "Главная";
echo " » ";
if (is_category() || is_single()) {
the_category(" ");
if (is_single()) {
echo " » ";
the_title();
}
} elseif (is_page()) {
echo the_title();
}
}
else {
echo "Home";
}
}

Его можно разместить в самом конце документа перед символами «?>» (без кавычек). Если в конце тега нет, то код можно закинуть в самое начало перед открывающимся тегом. При размещении кода смотрите, чтобы кодировка была UTF-8, или в противном случае некоторые русские буквы и слова будут отображаться неправильно. Задать кодировку можно при помощи редактора Notepad при помощи пункта «Кодировка – Кодировать в UTF-8 (без ВОМ).

Теперь используем другой код и прописываем его там, где и требуется вывести хлебные крошки:

the_breadcrumb ();
?>

Считается, что крошки должны размещаться везде, кроме главной страницы. То есть необходимо разместить этот код в файлах single.php, archive.php, page.php и category.php. Где конкретно размещать его – дело ваше, но по дефолту он вставляется перед выводом основного контента. Если есть возможность размещать код в главном блоке, то сделайте это, ведь потом не придется играться со стилями, чтобы крошки отображались как полагается.

Как видите, нужно лишь немного покопаться в файлах темы. Да и к тому же, способ работает без вспомогательных модулей. Ну а кому хочется получить возможность менять крошки на свое усмотрение, то придется ставить сторонние плагины. Отлично работает SEO by Yoast и Breadcrumb NavXT. Давайте рассмотрим первый из них.

Плагин SEO by Yoast

В качестве альтернативы вышеописанному способу можно использовать плагин SEO by Yaost, который способен создавать очень привлекательные крошки. Его основные достоинства:

  • нет необходимости в установке сторонних модулей;
  • плагин способен выводить рубрики и подрубрики, тем самым отображая полную картину площадки;
  • есть возможность поменять текст ссылки, ведущей на главную;
  • выделение последних страниц жирным;
  • возможность изменения разделителя и префикса;
  • установка формата таксономии;
  • при помощи CSS можно экспериментировать с внешним видом крошек.

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

Начнем с загрузки и инсталляции. Получить плагин можно по ссылке : https://wordpress.org/plugins/wordpress-seo/. Установка стандартна – заливаем содержимое в папку wp-content/plugins и активируем его в админке. Теперь можно переходить и к настройке:

  1. В админ панели переходим в раздел «SEO – Дополнительно»;
  2. Произойдет загрузка дополнительных настроек плагина (он создан не только для отображения крошек), но конкретно нас интересует раздел «Навигационная цепочка»;
  3. Активируем крошки, но для их появления на площадке необходимо будет разместить специальный код (найти его сможете в конце этого списка);
  4. Выбираем один из разделителей, который поддерживается HTML5;
  5. Далее выбираем текст главной страницы сайта (например, «Главная», «Домой» и т.д.);
  6. Префикс – это символ или слово, которое будет отображаться перед всеми крошками на ресурсе (обычно ставят стрелочку);
  7. Далее можно выбрать префиксы конкретно для архивов, страниц результатов поиска, страницы 404;
  8. Выделять последний пункт жирным может и кому-то покажется полезным, но последняя страница часто идентична заголовку, поэтому тут решайте сами, как поступить;
  9. Последний пункт настроек – таксономия (можно выбрать между рубриками, форматами, метками);
  10. Сохраняем внесенные изменения.

После выполнения настройки необходимо добавить код в шаблон:

{yoast_breadcrumb("");} ?>

Вот и все, во всех остальных моментах работы с плагином разобраться не составит особого труда.

Плагин Breadcrumb NavXT

Плагин имеет огромное количество настроек, а главное – работает как качественные часики за несколько тысяч долларов. Как уже упоминалось выше, постраничная навигация WordPress возможна и без установки сторонних модулей, но с помощью Breadcrumb NavXT все упрощается – каждый пользователь сможет настроить навигационную цепь так, как ему нравится.

Загрузить плагин можно на странице : http://wordpress.org/extend/plugins/breadcrumb-navxt/ ( не ниже 3.0 и PHP 5). После скачивания заливаем плагин в папку wp-content/plugins и активируем его в админ панели. Заметим, что если у вас уже стояла старая версия модуля, то ее необходимо отключить, или же плагин может немного глючить (не сохраняются настройки). Если выключить все же забыли и ничего не работает, то после установки выключаем его и ставим по-новому. Теперь все будет корректно запускаться.


if(function_exists("bcn_display"))
{
bcn_display();
}
?>

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

Итак, заходим админку ресурса, смотрим на левую панель и выбираем там пункт «Breadcrumb NavXT». Тут будет показано несколько вкладок по типу «Общие», «Текущая позиция» и т.п. На главной вкладке «Общие» расположены параметры, которые будут затрагивать все страницы сайта. Поле «Разделитель» позволяет указать символ, который будет как разделитель хлебных крошек (на наш взгляд, наиболее удачный символ – «>» – простой и понятный каждому).

Поле «Максимальная длинна» указывает длину анкора в символах. Мы рекомендуем указать ограничение в 60 символов, что полезно в плане оптимизации. Выше мы уже упоминали о пользе крошек для SEO; то есть крошки будут индексироваться поисковыми машинами, и использоваться они будут не только для передачи пустого веса. Оговоримся, что поисковые машины могут непредсказуемо относиться к ссылкам с идентичными анкорами, поэтому рекомендуем их укорачивать (это необязательно, но все же можно немного потратить времени на это).

Если проставить галочку напротив «Домашняя ссылка», то в крошках будет показываться ссылка на главную. И при необходимости можно выбрать анкор. Поля «Префикс» и «Суффикс» позволяют указать текст, который будет стоить перед или после линка на главную. Ну а поле «Текст домашней ссылки» позволит указать текст, который будет показан при наведении на линк домашней страницы.

Стоит взять во внимание: этот текст может учитываться поисковыми системами, как анкор. То есть, стоит указать ключевики, которые касаются вашей главной страницы. После этого сохраняем все внесённые изменения при помощи соответствующей кнопки.

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

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

На вкладке «Рубрики», по сути, все настройки походят на те, которые были на предыдущих страницах. При настройке мы не стали задавать префиксы и суффиксы, но внесли изменения в поле «Архивы». В результате всего этого, мы получили такие привлекательные крошки, где все исправно работает.

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

Функции

Перед тем как добавить в Wordpress «хлебные крошки», нужно понять, для чего это делается. С помощью вспомогательного меню можно указать посетителю, где находится заметка или товар, которые он рассматривает в данный момент. При необходимости пользователь мгновенно возвращается в нужную категорию, не прибегая к поиску более сложных элементов навигации. Таким способом можно повысить удобство использования сайта.

«Хлебные крошки» страниц Wordpress позволяют создать правильную перелинковку. Это мероприятие является одним из самых высокоэффективных способов продвижения блога. С помощью «хлебных крошек» можно распределять ссылочный вес между главной страницей, категориями и статьями.

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

Стоит ли добавлять вспомогательную навигацию на сайт

Если пользователю удается разбить тему блога на 3-4 рубрики, то устанавливать блок со ссылками необязательно. Структура веб-ресурса останется простой и понятной. В этом случае не рекомендуется использовать «хлебные крошки» Wordpress. Вспомогательную навигацию нужно добавлять, только если сайт имеет сложную структуру.

«Хлебные крошки» в Wordpress выводятся на страницы блога с помощью плагинов. Существует множество расширений, позволяющих устанавливать дополнительный блок со ссылками на сайте. В этом обзоре будут рассмотрены только некоторые из них.

Breadcrumb NavXT

Этот программный продукт является самым популярным и мощным плагином, позволяющим создавать в Wordpress «хлебные крошки». С его помощью можно генерировать вспомогательное меню, которое будет широко настраиваемым. Плагин подойдет как новичкам, так и специалистам в сфере Wordpress. Он обладает большим количеством функций. Пользователь может задавать уникальные классы и идентификаторы для продвинутой стилизации вспомогательного меню.

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

При необходимости можно включить функцию генерирования кода в соответствии с принятым Google стандартом RDFa. Подобная разметка панели вспомогательного меню не будет гарантией того, что система применит «хлебные крошки» при создании поискового сниппета, однако шансы на это существенно возрастут. Ссылки отображаются только в виджете. Добавить вспомогательное меню в начало страницы не удастся. Стоит учитывать, что «хлебные крошки» не поддерживаются поисковой системой «Яндекс».

Yoast Wordpress SEO

Создание вспомогательного меню - это одна из функций данного программного продукта. Большое количество инструментов позволяет выполнять расширенную SEO-оптимизацию. Этот плагин используют люди, настроенные на качественное продвижение блога. Редактирование блока со ссылками у некоторых владельцев сайтов может вызвать затруднения. Чтобы выполнить эту задачу, нужно открыть административную панель Wordpress, перейти в раздел «SEO» и выбрать строку «дополнительно».

Будет загружена страница с дополнительными настройками плагина. Здесь необходимо перейти на вкладку «навигационная цепочка». Пункт «включить» следует отметить галочкой. Для появления вспомогательного меню на сайте требуется добавить в код блога PHP-функцию, отвечающую за вывод. В поле «разделитель» можно ввести любой символ, который поддерживается HTML5.

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

Breadcrumb Trail

С помощью плагина от Джастина Тэдлока можно быстро создавать в Wordpress «хлебные крошки». Начинавшееся с небольшого скрипта, это программное обеспечение переросло в продвинутую систему.

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

Yummi «хлебные крошки»

Этот программный продукт можно установить прямо из панели администратора в Wordpress. Для этого следует перейти на страницу «плагины». Затем нужно кликнуть по кнопке «добавить новый», ввести название в строку поиска, нажать Enter и установить ПО. После активации необходимо настроить плагин. С этой задачей справится даже начинающий пользователь.

Сначала нужно указать тип установки блока со ссылками. Чтобы «хлебные крошки» Wordpress плагин вывел автоматически, следует выбрать соответствующий пункт. Если пользователь укажет тип «ручная установка», то он должен будет вставить код на сайт самостоятельно. Затем требуется выбрать внешний вид блока со ссылками. Далее следует указать, на каких страницах будут отображаться «хлебные крошки».

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

Really Simple Breadcrumb

Этот программный продукт - еще одно простое решение для Wordpress. Плагин работает корректно и без ошибок, отображается согласно коду используемой темы. Установить программное обеспечение можно через панель администратора. Для того чтобы «хлебные крошки» отображались на статических страницах, необходимо прописать над строкой вывода заголовка соответствующий код. Если пользователю нужно изменить тип разделителя, то он может редактировать 17 строчку файла breadcrumb.php.

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

DP RDFa Breadcrumb Generator

Плагин был создан для поисковой оптимизации сайта. Как и в случае с Yoast Wordpress SEO, «хлебные крошки» отображаются в сниппете выдачи автоматически.

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

Приветствую вас, уважаемые читатели блога сайт. В этой статье я покажу вам, как сделать навигационную строку, которую вы можете наблюдать у меня вверху перед началом заголовков статей. Данную цепочку навигаций мне делает простой плагин для 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="/kak-sdelat-zavodskoi-nastroika-nokiya-e65-instrukciya-po-ekspluatacii-nokia/">данный код</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>Flector 5 <h1></h1> <p><b>Breadcrumb NavXT </b> это самый продвинутый и популярный плагин "<b>хлебных крошек </b>" для блога на <b>WordPress </b>. У него всего один недостаток – нет никаких встроенных стилей оформления. Этот недостаток плагина вы можете исправить, взяв готовые к использованию стили из этой статьи. В плагине достаточно много тонких настроек, так что я перевел его на русский язык, чтобы в настройках могли разобраться даже новички. Также читайте как оформить панель "<b>хлебных крошек </b>" в разметке <b>RDFa </b>, которая поможет поисковикам найти и использовать эту панель при формировании сниппета.</p> <tr><td valign="top" width="18"> </td> <td valign="top" width="465"> <p><img src='https://i1.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/6.gif' width="100%" loading=lazy></p> </td> <td valign="top" width="44"> </td> </tr><tr><td valign="top" width="18"> </td> <td valign="top" width="465"> <p><img src='https://i1.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/7.gif' width="100%" loading=lazy></p> </td> <td valign="top" width="44"> </td> </tr><tr><td valign="top" width="18"> </td> <td valign="top" width="465"> <p><img src='https://i0.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/8.gif' width="100%" loading=lazy></p> </td> <td valign="top" width="44"> </td> </tr><tr><td valign="top" width="18"> </td> <td valign="top" width="465"> <p><img src='https://i0.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/9.gif' width="100%" loading=lazy></p> </td> <td valign="top" width="44"> </td> </tr><tr><td valign="top" width="18"> </td> <td valign="top" width="465"> <p><img src='https://i0.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/10.gif' width="100%" loading=lazy></p> </td> <td valign="top" width="44"> </td> </tr><tr><td valign="top" width="18"> </td> <td valign="top" width="465"> <p><img src='https://i2.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/11.gif' width="100%" loading=lazy></p> </td> <td valign="top" width="44"> </td> </tr><p>Эти стили подойдут к дизайну большинства шаблонов, но никто вам не мешает поиграться с цветами, чтобы получить что-то типа:</p> <p><b>Breadcrumb NavXT </b> это очень настраиваемый плагин. При желании можно настроить его так, чтобы он генерировал код "<b>хлебных крошек </b>" в соответствии с принятым гуглом стандартом <b>RDFa </b>. Такая разметка панели "<b>хлебных крошек </b>" не является гарантией того, что гугл применит их при формировании поискового сниппета, но шансы на это резко возрастут.</p> <p>Как это сделать? Первым делом, поменяйте код вызова панели на:</p> <p><span typeof="v:Breadcrumb"> Главная </p></p> <table><tr><td class="code"> < span typeof= "v:Breadcrumb" > < a href= "%link%" rel= "v:url" property= "v:title" >% htitle%</ a> </ span> </td> </tr></table><p><span typeof="v:Breadcrumb"> %htitle% </p> <p>И так для каждой ссылки в панели навигации. Я не буду заставлять вас вручную менять каждую ссылку в настройках плагина - вот вам готовый настроек (правая кнопка мышки и "<b>Сохранить объект как </b>"). Нажмите "<b>Помощь </b>", затем кликните на "<b>Импорт/Экспорт/Сброс </b>" и выберите скаченный файл для загрузки и импорта. В данном файле экспорта использованы настройки плагина по умолчанию плюс <b>RDFa </b> разметка и ничего больше. При желании вы можете настроить плагин под себя, но не трогайте в настройках все, что относится к <b>RDFa </b>.</p> <p>После этого плагин начнет генерировать правильный код панели "<b>хлебных крошек </b>", пригодный для поисковиков. При желании можно проверить выводимый код . Если все правильно, то вам визуально покажут, как примерно будет выглядеть ваш сниппет в выдаче:</p> <p><img src='https://i0.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/13.gif' width="100%" loading=lazy></p> <p>Главная страница в этом превью не отображается, но в реальном поиске она, конечно, будет присутствовать.</p> <p>Кстати, формально плагин поддерживает разметку для "<b>хлебных крошек </b>". Но почему-то только в виджете и только разметку "<b>schema.org </b>". Однако поддерживает он ее криво - валидацию у гугла такая разметка не проходит:</p> <p><img src='https://i2.wp.com/wordpressplugins.ru/pics/breadcrumb-navxt/14.gif' width="100%" loading=lazy></p> <p>Но в любом случае плагин поддерживает разметку только в виджете, что вряд ли может кого устроить, так как "<b>хлебные крошки </b>" выводят, как правило, в начале страницы, а вовсе не в сайдбаре.</p> <p>К сожалению, на данный момент "<b>хлебные крошки </b>" не поддерживаются яндексом . Причем ни в каком виде – что в размеченном, что нет. Жаль, конечно, но тут ничего не поделаешь.Скачать плагин версии 6.2.1 (всего скачено <b>6 988 695 </b> раз)<br></p> <p>Понравился пост? Подпишись на обновления по или</p> <p>Перед тем как перейти непосредственно к обзору модулей, пару слов скажу о том, как и зачем применятся данное решение:</p> <ul><li>Во-первых, оно полезно с точки зрения юзабилити — навигация сориентирует людей на сайте и прояснит его структуру.</li> <li>Во-вторых, эта фишка работает и для оптимизации, т.к. по сути, является еще одним вариантом , а также увеличивает число переходов и время пребывания (+ может отображаться в выдаче).</li> </ul><p>Однако такая функциональность эффективна в каждом веб-проекте. Если у вас имеется простая визитка на 10-20 страниц без вложенной иерархии, то нет смысла добавлять хлебные крошки в WP. Элемент не будет нести абсолютно никакой пользы, а лишь занимать <a href="/programma-dlya-otobrazheniya-mesta-na-diske-analiz-zanyatogo-mesta-na/">свободное место</a> на экране. В случае корпоративных порталов с многоуровневыми категориями / разделами — совсем другое дело. Плюс в он тоже отлично смотрится.</p> <p>Теоретически допускается вывод данного блока не на всех страницах. Например, у вас есть блог, где изначально предусмотрено несколько традиционных путей по сайту: теги и категории, архивы дат, авторов, а также конкретные посты. В разделах и заметках навигацию я бы оставил, тогда как в метках и датах ценность подобной информации минимальна, т.к. она просто дублирует заголовок. Если <a href="/kak-ustanovit-plagin-wordpress-chto-takoe-plaginy-kak-ustanovit-plagin-na/">установленные плагины</a> хлебных крошек для Вордпресс не позволяют сделать это напрямую, используйте . Кроме того, желательно максимально и ненавязчиво оформить элемент через макет и стили.</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread2.jpg' width="100%" loading=lazy></p> <p>Глупо получится, когда сразу же под цепочкой «Главная» — «Категория» — «Заголовок поста» вы видите тот же тайтл + указание текущей категории. Подобное отображение рубрик, кстати, часто встречается в стандартных WP шаблонах, поэтому после интеграции соответствующего решения желательно этот нюанс подправить. </p> <h2>Плагины и хлебные крошки в WordPress</h2> <p>Модули под <a href="/pci-express-na-materinskoi-plate-nvme-nakopiteli-v-raznyh-rezhimah-raboty/">данную задачу</a> легко находятся по англоязычному названию функции Breadcrumbs — в WordPress репозитории или через поисковики. Разных вариантов реализации хватает, но бОльшая их часть не обновлялись несколько лет.</p> <p><img src='https://i2.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread3-560x380.jpg' width="100%" loading=lazy></p> <p>Возможно, авторам надоело конкурировать с бессменными лидерами Breadcrumb NavXT с 600тыс. загрузок и SEO by Yoast. К тому же достаточно сложно придумать что-то сверх оригинальное в <a href="/oblachnye-hranilishcha-dannyh-i-rabota-s-dokumentami-shifrovanie-na-servere--/">данном вопросе</a>, т.к. он максимально прост и даже можно реализовать хлебные крошки в WordPress без плагина. Как бы там ни было, подобрал 4 наиболее интересных решения:</p> <p><img src='https://i2.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread41-560x250.jpg' width="100%" loading=lazy></p> <p>Основная задача модуля, в принципе, никак не связана с нашей сегодняшней темой, но не упомянуть его нельзя. Одна из дополнительных фишек плагина Yoast SEO — хлебные крошки. То есть вам не придется устанавливать <a href="/moto-z2-play-predstavlen-v-kompanii-novyh-modulei-moto-mods-obzor-moto-z2-play/">новый модуль</a>, а просто активируете соответствующую опцию. В работе я использую именно этот вариант.</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread42-560x250.jpg' width="100%" loading=lazy></p> <p> — самый популярный плагин по хлебным крошкам в WordPress с более чем 600 тысячами скачиваний. Обновляется регулярно и содержит множество функций для <a href="/dobavit-v-levoe-menyu-vkontakte-nastroiki-vkontakte-legko/">легкой настройки</a> отображения навигации. Также в нем найдете встроенный виджет, поддержка bbPress, BuddyPress, локализации, возможность использования разработчиками фильтров/хуков и многое другое.</p> <p>Breadcrumb </p> <p><img src='https://i2.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread43-560x250.jpg' width="100%" loading=lazy></p> <p>В принципе, сложно найти решения, которые были бы интереснее предыдущих двух, хотя есть неплохие попытки. Так, например, в модуле Breadcrumb для WordPress внедрена поддержка шорткодов, плюс сама цепочка ссылок имеет оригинальное оформление (смотрите по ссылке Live Demo!»). Непонятно только поддерживаются ли дизайны в <a href="/skachat-2-gis-polnuyu-versiyu-besplatnye-programmy-dlya-windows-skachat/">бесплатной версии</a>. Также вы можете настраивать тип разделителя и добавлять текст в начале элемента. По словам разработчиков скрипт максимально простой и легкий.</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread44-560x250.jpg' width="100%" loading=lazy></p> <p>Еще один вариант, имеющий плюс-минус достойное число загрузок, не смотря на то, что обновлялся около года назад. Авторы обещают гибкую настройку хлебных крошек в WordPress: встроенные хуки, параметры отображения и поддержку стилей (в описании есть <a href="/css-position-primery/">пример CSS</a> Sample). Модуль показался достаточно неплохим и <a href="/pochemu-kompyuter-ne-vidit-kartrider-prichiny-i-varianty-resheniya-problemy/">простым решением</a> с хорошими оценками. </p> <h3>Хлебные крошки в Yoast SEO</h3> <p>Я не буду детально описывать все тонкости работы, почитать об этом можете в , сосредоточусь исключительно на создании элемента с крошками. Процесс интеграции состоит из двух частей — установки в админке + правка шаблона.</p> <p>После активации появится целый <a href="/kak-sozdat-novyi-tom-ili-razdel-v-windows-kak-sozdat-lokalnyi/">новый раздел</a> SEO, где вам нужно выбрать пункт «Дополнительно». Далее переместите выключатель в пункте со странным названием «Включить Мякиш» в позицию «Включено»:</p> <p><img src='https://i1.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread51-560x489.jpg' width="100%" loading=lazy></p> <p>Разных опций здесь, в принципе не так уж и много. Вы определяете символ разделителя, название главной, префикс, текс для архивов и 404 страницы. Чуть ниже выбираете вариант таксономии, отображаемой в записи (рубрика — наиболее логична).</p> <p>Затем переходите в файл шаблона, где собираетесь выводить навигационный блок и добавляете строки:</p> <table><tr><td class="code"> <?php if ( function_exists ("yoast_breadcrumb" ) ) { yoast_breadcrumb("<p id="breadcrumbs">" , "</p>" ) ; } ?> </td> </tr></table><p><?php if (function_exists("yoast_breadcrumb")) { yoast_breadcrumb(""); } ?></p> <p>Самые популярные места вставки кода — в постах (single.php) и страницах (page.php) перед отображением заголовка. Иногда его могут размещать в конце макета шапки (header.php). Код выше имеет <a href="/uslovnye-operatory-operator-vybora-if-v-yazyke-c/">условный оператор</a> и проверяет наличие плагина, а затем уже показывает результат. С такой конструкцией можно будет легко отключить хлебные крошки в настройках. Во многие профессиональные темы, кстати, данный код добавлен изначально, т.к. модуль является весьма популярным.</p> <p>Еще одно преимущество Yoast SEO — хлебные крошки могут задаваться в <a href="/shnur-dlya-soedineniya-kompyutera-s-televizorom-dopolnitelnye-parametry/">дополнительных параметрах</a> постов блога:</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread52-560x377.jpg' width="100%" loading=lazy></p> <p>То есть у вас есть шанс вручную определить любое значение заголовка WP записей через админку. Это полезно для <a href="/dlinnoe-imya-faila-kak-udalit-fail-ili-papku-s-dlinnym-nazvaniem-esli/">длинных названий</a> статей + позволяет избавиться от дублирующей информации. </p> <h3>Плагин Breadcrumb NavXT для WordPress</h3> <p>Также при создании хлебных крошек под Вордпресс используется планин Breadcrumb NavXT. Модуль обладает хорошей функциональностью, о которой я частично упоминал выше, плюс содержит много интересных опций. Разобраться в нем сможет практически каждый пользователь и легко поменять <a href="/faily-cookie-kak-vklyuchit-v-nastroikah-zachem-nuzhny-faily-cookies-kak-ih/">нужные настройки</a> элемента навигации.</p> <p>Через админку либо скачиваете с официального репозитория . Важно! Для <a href="/breadcrumb-navxt-russkaya-versiya-hlebnye-kroshki-na-wordpress-bez-plaginov-i-s-nimi/">версии Breadcrumb</a> NavXT от 5.2 вам потребуется PHP5.3, более ранние релизы требуют PHP5.2. Затем активируете, и в WP появится соответствующий раздел.</p> <p><img src='https://i0.wp.com/wordpressinside.ru/wp-content/uploads/wordpressinside/newbread61-560x477.jpg' width="100%" loading=lazy></p> <p>Здесь есть 4 закладки параметров:</p> <ul><li>В «Основных» можно выбрать тип разделителя, убрать линк на главную и настроить показ <a href="/pechat-tekushchei-stranicy-sochetanie-klavish-v-word-sochetanie-klavish-dlya-sohraneniya/">текущей страницы</a>. Формат строки задается через шаблоны.</li> <li>«Записи» — содержит опции для постов.</li> <li>«Таксономии» — отвечают за метки / категории.</li> <li>«Другое» — форматы страниц автора, архивов, 404 ошибки.</li> </ul><p>Советую пройтись по каждой вкладке, посмотреть все фишки. Формат отображения позволяет вносить любые изменения в данную навигацию — добавлять свой текст/символы, менять стили и т.п.</p> <p>После указания параметров хлебных крошек Breadcrumbs в WordPress плагине нужно задать вывод информации в шаблоне — открываете <a href="/rasshireniya-sootvetstvuyushchie-tipam-failov-tipy-faila-i-ih/">соответствующий файл</a> макета (как правило, header.php) и размещаете в нужном месте строки:</p> <table><tr><td class="code"> <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if (function_exists ("bcn_display" ) ) { bcn_display() ; } ?> </div> </td> </tr></table><p><div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if(function_exists("bcn_display")) { bcn_display(); }?> </div></p> <p>Аналогично работе с Yoast SEO выбор места размещения кода зависит от <a href="/kak-postavit-svoyu-temu-v-vk-kak-ustanovit-temu-vk-yandeks/">установленной темы</a>. Если предполагается вывод блока в шапке, тогда используете header.php. Учитывая то, что этот файл общий для всех страниц макета, увидите цепочку ссылок на каждой из них. Также можно показывать элемент только в избранных разделах — в таком случае вставляете код в single.php, page.php, archive.php и т.п. В целом, Breadcrumb NavXT — неплохой инструмент. </p> <h2>Хлебные крошки в WordPress без плагина</h2> <p>Допускается реализация функции Breadcrumbs в WordPress без плагинов. Однако перед тем как перейти к описанию <a href="/kak-vvesti-kompyuter-v-domen-raznymi-variantami-sozdanie-i-administrirovanie-obekta-kompyuter-v-ac/">разных вариантов</a>, я выскажу свое субъективное мнение почему это не лучшая идея:</p> <ul><li>Интеграция наверняка вызовет сложности у начинающих пользователей.</li> <li>Редактирование параметров непосредственно в коде не особо наглядно — задание шаблонов отображения через админку куда удобнее нежели правка напрямую.</li> <li>Модули имеют больше возможностей — взять хотя бы локализацию, поддержку Schema.org, виджеты.</li> <li>Не все коды, найденные в сети, актуальны, корректны и регулярно обновляются, в то время когда, как минимум, Yoast SEO и Breadcrumb NavXT в WordPress стабильно работают.</li> </ul><p>Если честно не думаю, что создание хлебных крошек в Вордпресс без плагина принесет вам серьезный прирост производительности. Да, если вы крутой веб-разработчик, создаете проект для себя, то вполне можно обойтись «чистым кодом», во всех остальных случаях готовый модуль намного проще.</p> <p>Одно из самых компактных и плюс-минус <a href="/pochemu-ne-vhodit-v-vkontakt-ne-mogu-zaiti-v-kontakt-aktualnye/">актуальных решений</a> . Первым делом вы добавляете новую пользовательскую функцию get_breadcrumb() в файл functions.php:</p> <table><tr><td class="code"> <span>/** * Generate breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ </span> function get_breadcrumb() { echo "Home" ; if (is_category() || is_single() ) { echo " » " ; the_category(" . " ) ; if (is_single() ) { echo " » " ; the_title() ; } } elseif (is_page() ) { echo " » " ; echo the_title() ; } elseif (is_search() ) { echo " » Search Results for... " ; echo ""<em>" ; echo the_search_query() ; echo "</em>"" ; } } </td> </tr></table><p>/** * Generate breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() { echo "Home"; if (is_category() || is_single()) { echo " » "; the_category(" . "); if (is_single()) { echo " » "; the_title(); } } elseif (is_page()) { echo " » "; echo the_title(); } elseif (is_search()) { echo " » Search Results for... "; echo ""<em>"; echo the_search_query(); echo "</em>""; } }</p> <p>Затем в макете отображения постов single.php или любом другом вызываете ее:</p> <table><tr><td class="code"> <div class="breadcrumb"><?php get_breadcrumb(); ?></div> </td> </tr></table><p><div class="breadcrumb"><?php get_breadcrumb(); ?></div></p> <table><tr><td class="code"> breadcrumb { padding : 8px 15px ; margin-bottom : 20px ; list-style : none ; background-color : #f5f5f5 ; border-radius : 4px ; } .breadcrumb a { color : #428bca ; text-decoration : none ; } </td> </tr></table><p>breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb a { color: #428bca; text-decoration: none; }</p> <p>В итоге получите что-то вроде:</p> <p>Если вам этого достаточно, то почему нет. Также могу посоветовать вариант от Dimox’а который постарался учесть все недостатки существующих сниппетов. <a href="/goryachie-klavishi-otkryt-kod-stranicy-kak-otkryt-ishodnyi-kod-stranicy/">Исходного кода</a> там в разы больше, из него вполне можно создавать полноценный модуль:) </p> <h2>Как убрать хлебные крошки в WordPress</h2> <p>В принципе, эта задача обратная к процессу установки элемента. Поэтому перед тем как его отключить нужно понять как именно все реализовано в вашем конкретном случае. Алгоритм приблизительно следующий:</p> <ol><li>Смотрим есть ли плагин хлебных крошек для Вордпресс сайта. Если да, то пробуем скрыть отображение цепочки ссылок в настройках и/или деактивируем его.</li> <li>Если разработчик грамотно выполнил интеграцию, то удаление модуля не приведет к ошибкам. В противном случае ищем в файлах шаблона код вывода навигации (WinGrep в помощь). Это могут быть, например, функции yoast_breadcrumb(), bcn_display(), bread_crumb() и т.п. Избавляемся от лишних строк.</li> <li>Еще раз проверяем отображение страниц проекта в браузере.</li> </ol><p>В принципе, отключить или убрать хлебные крошки в WordPress не так уж и сложно, главное разобраться как они добавлены. Внимательно правьте код, дабы не удалить ничего важного (можно предварительно закомментировать строки).</p> <p><b>Итого. </b> В статье детально разобрал как сделать хлебные крошки в WordPress, информации по настройке вам должно хватить с головой. Советую перед установкой подумать действительно ли вам необходим данный блок. Что касается реализации, то лично я не вижу смысла внедрять элемент пути по сайту в Вордпресс без плагина, учитывая, что в вашем веб-проекте наверняка будет присутствовать Yoast SEO. Что касается других модулей, то они пригодятся лишь в случае какой-то оригинальной функциональности. Breadcrumb NavXT кажется весьма неплохим, но я обеими руками за решение от Yoast.</p> <p><i>Если у вас есть какие-то вопросы по работе с хлебными крошками Breadcrumbs и WordPress плагинами для них, пишите ниже, — будем разбирать. </i></p> <p><i>P.S. Постовой. В наше время нужно использовать современные трубопроводные системы — газовые трубы представлены ТД «Евротрубпласт» отвечают всем стандартам качества. </i></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> <center> <div class="social-likes"> <div class="facebook" title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div class="twitter" title="Поделиться ссылкой в Твиттере">Twitter</div> <div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div class="plusone" title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div> </center> </div> <div class="topic">Статьи по теме</div> <div class='code-block code-block-7' style='margin: 8px 0; clear: both;'> </div> <div class="posts"> <div class="posts_1_2"> <div class="post"> <a href="/kak-zapustit-bezopasnyi-rezhim-na-kompyutere-s-os-windows-xp-zapuskaem-windows-xp-v/" class="thumb"><img width="190" height="190" src="/uploads/5ab3051486ba456e3678b7a766bb2365.jpg" class="attachment-front size-front wp-post-image" alt="Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/kak-zapustit-bezopasnyi-rezhim-na-kompyutere-s-os-windows-xp-zapuskaem-windows-xp-v/">Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме</a></div> </div> <div class="post"> <a href="/dlya-chego-nuzhna-uchetnaya-zapis-microsoft/" class="thumb"><img width="190" height="190" src="/uploads/4c40212722666cef3fb8079f9f3f72dd.jpg" class="attachment-front size-front wp-post-image" alt="Для чего нужна учетная запись Microsoft" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/dlya-chego-nuzhna-uchetnaya-zapis-microsoft/">Для чего нужна учетная запись Microsoft</a></div> </div> </div><div class="posts_1_2"> <div class="post"> <a href="/sdelat-vizir-dlya-kamery-md-80-mini-kamera-ambertek-md80-xl-c/" class="thumb"><img width="190" height="190" src="/uploads/6955efa8b6ed5def56a861cb20f73bbc.jpg" class="attachment-front size-front wp-post-image" alt="Мини камера Ambertek MD80 XL c увеличенным аккумулятором" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/sdelat-vizir-dlya-kamery-md-80-mini-kamera-ambertek-md80-xl-c/">Мини камера Ambertek MD80 XL c увеличенным аккумулятором</a></div> </div> <div class="post"> <a href="/planshet-iz-raspberry-pi-svoimi-rukami-podklyuchaem-raspberry-pi-k-monitoru-noutbuka/" class="thumb"><img width="190" height="190" src="/uploads/2a85c960526809293b67def23d3bafe0.jpg" class="attachment-front size-front wp-post-image" alt="Подключаем Raspberry Pi к монитору ноутбука Raspberry zero соединяем с экраном" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/planshet-iz-raspberry-pi-svoimi-rukami-podklyuchaem-raspberry-pi-k-monitoru-noutbuka/">Подключаем Raspberry Pi к монитору ноутбука Raspberry zero соединяем с экраном</a></div> </div> </div><div class="posts_1_2"> <div class="post"> <a href="/kak-postavit-angliiskoe-imya-vkontakte-kak-izmenit-imya-vkontakte-v/" class="thumb"><img width="190" height="190" src="/uploads/af0d9f11db4a6f162def7d0dd1ee94dc.jpg" class="attachment-front size-front wp-post-image" alt="Как изменить имя вконтакте" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/kak-postavit-angliiskoe-imya-vkontakte-kak-izmenit-imya-vkontakte-v/">Как изменить имя вконтакте</a></div> </div> <div class="post"> <a href="/ne-rabotaet-klaviatura-na-noutbuke-skachivaem-draivera-dlya-klaviatury/" class="thumb"><img width="190" height="190" src="/uploads/5d84032b32025a4367084b628b9e1605.jpg" class="attachment-front size-front wp-post-image" alt="Скачиваем драйвера для клавиатуры A4Tech Как установить драйвера для клавиатуры" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/ne-rabotaet-klaviatura-na-noutbuke-skachivaem-draivera-dlya-klaviatury/">Скачиваем драйвера для клавиатуры A4Tech Как установить драйвера для клавиатуры</a></div> </div> </div><div class="posts_1_2"> <div class="post"> <a href="/xiaomi-mi-max-ustanavlivaem-proshivku-miui8-vybiraem-proshivku-miui-miui-8-2-4/" class="thumb"><img width="190" height="190" src="/uploads/a64db08eabfa3ed8ee5e221d415358f2.jpg" class="attachment-front size-front wp-post-image" alt="Выбираем прошивку MIUI Miui 8" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/xiaomi-mi-max-ustanavlivaem-proshivku-miui8-vybiraem-proshivku-miui-miui-8-2-4/">Выбираем прошивку MIUI Miui 8</a></div> </div> <div class="post"> <a href="/kogda-vyhodit-samsung-not-7-samsung-galaxy-note7-exynos---tehnicheskie-harakteristiki/" class="thumb"><img width="190" height="190" src="/uploads/573824ce94eaa1d087ea80fafd964aad.jpg" class="attachment-front size-front wp-post-image" alt="Samsung Galaxy Note7 Exynos - Технические характеристики" sizes="(max-width: 190px) 100vw, 190px" / loading=lazy></a> <div class="title"><a href="/kogda-vyhodit-samsung-not-7-samsung-galaxy-note7-exynos---tehnicheskie-harakteristiki/">Samsung Galaxy Note7 Exynos - Технические характеристики</a></div> </div> </div> </div> <div class="related"> </div> <script type="text/javascript"> jQuery(function($){ var elements = $('.post > .title'); function recaulculate_height() { var width = $(window).outerWidth(true); if (width > 1150) { recalculate_callback(4); } else if (width > 400) { recalculate_callback(2); } else { elements.css('min-height', '0'); } } function recalculate_callback(count){ count = count || 4; for (var i = 0; i < elements.length; i = i+count) { var elements_row = elements.slice(i, i+count); var height = 0; elements_row.each(function(){ height = Math.max(height, $(this).height()); } ).css('min-height', height); } } recaulculate_height(); $(window).resize(recaulculate_height); } ); </script> </div> <div id="sidebar"> <div class="widget" id="text-4"> <div class="textwidget"> </div> </div> <div class="widget" id="widget_super_posts-3"> <div class="title popular"><span id="btn_latest" class="active">Новое</span> и <span id="btn_popular">популярное</span></div> <div id="posts_latest" class="widget_posts"> <div class="widget_post"> <a href="/bolshoi-gaid-po-torgovle-v-black-desert-mobile-bolshoi-gaid-po-torgovle-v-black-desert/" class="thumb"><img width="150" height="150" src="/uploads/d30e9ff534893fe35caf550c975c34e6.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Большой Гайд по Торговле в Black Desert Mobile Black Desert - прокачка торговли" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/bolshoi-gaid-po-torgovle-v-black-desert-mobile-bolshoi-gaid-po-torgovle-v-black-desert/">Большой Гайд по Торговле в Black Desert Mobile Black Desert - прокачка торговли</a> </div> <div class="widget_post"> <a href="/rabochie-instrumenty-kotorye-mozhno-zamenit-smartfonom-moasure/" class="thumb"><img width="150" height="150" src="/uploads/e761c5ed70aaea2a2bc59debf8beb23c.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Moasure — Умная рулетка, транспортир и угломер Мобильный дальномер для смартфонов и планшетов" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/rabochie-instrumenty-kotorye-mozhno-zamenit-smartfonom-moasure/">Moasure — Умная рулетка, транспортир и угломер Мобильный дальномер для смартфонов и планшетов</a> </div> <div class="widget_post"> <a href="/kak-perestat-byt-sozdatelem-gruppy-v-vk-polnaya-peredacha-gruppy/" class="thumb"><img width="150" height="150" src="/uploads/8c734500b20de4c6d1cd328375b793ef.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Полная передача группы вконтакте со сменой владельца" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kak-perestat-byt-sozdatelem-gruppy-v-vk-polnaya-peredacha-gruppy/">Полная передача группы вконтакте со сменой владельца</a> </div> <div class="widget_post"> <a href="/prohozhdenie-igry-dying-light-na-igru-dying-light-prohozhdenie-igry-cel/" class="thumb"><img width="150" height="150" src="/uploads/726173cfff37ad67fc41930c895701b1.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Прохождение игры dying light на игру" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/prohozhdenie-igry-dying-light-na-igru-dying-light-prohozhdenie-igry-cel/">Прохождение игры dying light на игру</a> </div> </div> <div id="posts_popular" class="widget_posts tab-hidden"> <div class="widget_post"> <a href="/razveddannye-mesta-raspolozhenii-vseh-razveddannyh-v-cod-advanced-warfare-cod-4-razveddannye/" class="thumb"><img width="150" height="150" src="/uploads/eeaac9075b6b16be34d3f227b4d4d2d7.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Места расположений всех разведданных в COD Advanced Warfare Cod 4 разведданные" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/razveddannye-mesta-raspolozhenii-vseh-razveddannyh-v-cod-advanced-warfare-cod-4-razveddannye/">Места расположений всех разведданных в COD Advanced Warfare Cod 4 разведданные</a> </div> <div class="widget_post"> <a href="/kakie-minimalnye-trebovaniya-dlya-gta-5-sistemnye-trebovaniya-skolko-nuzhno/" class="thumb"><img width="150" height="150" src="/uploads/85fffd4a57e3185189e290fbcd6dffb3.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Какие минимальные требования для gta 5" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kakie-minimalnye-trebovaniya-dlya-gta-5-sistemnye-trebovaniya-skolko-nuzhno/">Какие минимальные требования для gta 5</a> </div> <div class="widget_post"> <a href="/kak-uvelichit-chuvstvitelnost-mikrofona-na-androide-padaet/" class="thumb"><img width="150" height="150" src="/uploads/c888115c8762122b3efda5dac7963456.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Падает громкость микрофона самостоятельно" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kak-uvelichit-chuvstvitelnost-mikrofona-na-androide-padaet/">Падает громкость микрофона самостоятельно</a> </div> <div class="widget_post"> <a href="/kontrollery-dlya-zaryada-solnechnoi-batarei-tonkosti-podbora-i-montazha-kontroller/" class="thumb"><img width="150" height="150" src="/uploads/63186cac582ad0768bb053096aeed0ec.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Контроллер заряда для солнечных батарей Схема контроллера заряда аккумулятора от солнечной батареи" sizes="(max-width: 150px) 100vw, 150px" / loading=lazy></a> <a href="/kontrollery-dlya-zaryada-solnechnoi-batarei-tonkosti-podbora-i-montazha-kontroller/">Контроллер заряда для солнечных батарей Схема контроллера заряда аккумулятора от солнечной батареи</a> </div> </div> <script type="text/javascript"> jQuery(function($) { $('#btn_latest').click(function() { $('#posts_popular').slideUp(); $('#posts_latest').slideDown(); $(this).addClass('active'); $('#btn_popular').removeClass('active'); }); $('#btn_popular').click(function() { $('#posts_latest').slideUp(); $('#posts_popular').slideDown(); $(this).addClass('active'); $('#btn_latest').removeClass('active'); }); }); </script> </div> <noindex> <div class="widget" id="widget_latest_posts-2"> <div class="widget_news"> <span class="date">2023-08-02 00:11:04</span> <a href="/bloki-pitaniya-na-tranzistore-p210---marketingburden-moshchnyi/">Мощный лабораторный блок питания на транзисторах Схемы на транзисторе п210</a> </div> <div class="widget_news"> <span class="date">2023-08-01 00:12:09</span> <a href="/prichina-padeniya-servera-s-modom-pikselmon-opisanie-servera-pixelmon-ustanovlennye-mody-na-servere/">Описание сервера PixelMon</a> </div> <div class="widget_news"> <span class="date">2023-07-31 00:11:12</span> <a href="/kak-pravilno-nastroit-vindovs-7-maksimalnaya-nastroika-sistemnogo/">Настройка системного диска</a> </div> </div> </noindex> <noindex> <div class="widget" id="widget_recent_comments-2"> <div class="title">Популярное</div> <div class="widget_discuss"> <a href="/mozhno-li-razdelit-sistemnyi-disk-s-kak-razdelit-zhestkii-disk-na/">Как разделить жесткий диск на разделы</a> <span class="item">Сегодня рассмотрим, каким способом разделить диск в Windows 10, не прибегая к стороннему программному обеспечению, ведь такая необходимость появляется...</span> </div> <div class="widget_discuss"> <a href="/kak-zapustit-bezopasnyi-rezhim-na-kompyutere-s-os-windows-xp-zapuskaem-windows-xp-v/">Запускаем Windows XP в безопасном режиме Комп грузится только в безопасном режиме</a> <span class="item">После обновления операционной системы как Windows 7, так и Windows 10, пользователи могут столкнуться с неполадкой, когда компьютер загружается только в...</span> </div> <div class="widget_discuss"> <a href="/dlya-chego-nuzhna-uchetnaya-zapis-microsoft/">Для чего нужна учетная запись Microsoft</a> <span class="item">В предыдущей статья я рассказывал вам об установке , которая не сильно отличается от установки Windows XP. В этой статье мы поговорим об установке...</span> </div> </div> </noindex> <div class="widget" id="text-9"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script> <div id="vk_groups"></div> </div> </div> <div class="widget" id="text-11"> <div class="textwidget"> <center> </center> </div> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div class="fixed"> <div class="footer_l"> <div id="copyright"> <p>maintorrent.ru © 2024</p> <p>Тарифы МТС. Полезные статьи. Вопрос-ответ</p> </div> </div> <div class="footer_r"> <div class="footer_menu"><ul> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/internet/">Интернет</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/services/">Услуги</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/mts-bank/">МТС Банк</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/tariffs-mts/">Тарифы МТС</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="/category/balance/">Баланс</a></li> </ul></div> <div class="footer_nav"><ul> <li class="menu-item type-post_type object-page home current-menu-item page_item page-item-2 current_page_item active"><a href="/">Главная</a></li> <li class="menu-item type-post_type object-page "><a href="">О проекте</a></li> <li class="menu-item type-post_type object-page "><a href="/feedback/">Контакты</a></li> </ul></div> <div class="info"></div> </div> </div> <div class='code-block code-block-1' style='margin: 8px 0; clear: both;'> </div> </div> </div> <script type="text/javascript"> jQuery(function($){ $('#menu_button').click(function(){ $('#menu').slideToggle(); $('#search').slideUp(); } ); $('#search_button').click(function(){ $('#search').slideToggle(); // $('#menu').slideUp(); } ); $('.content table').each(function(){ var table = $(this); if (!table.parents().is('.table')) { table.wrap('<div class="table"></div>'); } } ); $('.content > p').first().addClass('excerpt'); } ); </script> <div class="adf_block"> <div class="mobile"> <div id="yandex_rtb_R-A-190385-5"></div> <img src="https://maintorrent.ru/wp-content/plugins/adfixator/images/close.png" class="close" / loading=lazy> </div> </div> <script type='text/javascript'> /* <![CDATA[ */ var fixator = { "cookies":"1","screens":"2","screens_mobile":"3","delay":"6"} ; /* ]]> */ </script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/adfixator/scripts/scripts.js'></script> <script type='text/javascript' src='/assets/scripts1.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "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-13','text-11'] } ; </script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/wp-jquery-lightbox/jquery.touchwipe.min.js?ver=1.4.6'></script> <script type='text/javascript'> /* <![CDATA[ */ var JQLBSettings = { "showTitle":"1","showCaption":"1","showNumbers":"1","fitToScreen":"0","resizeSpeed":"400","showDownload":"0","navbarOnTop":"0","marginSize":"0","slideshowSpeed":"4000","prevLinkTitle":"\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","nextLinkTitle":"\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","closeTitle":"\u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0433\u0430\u043b\u0435\u0440\u0435\u044e","image":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 ","of":" \u0438\u0437 ","download":"Download","pause":"(pause slideshow)","play":"(play slideshow)"} ; /* ]]> */ </script> <script type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/wp-jquery-lightbox/jquery.lightbox.min.js?ver=1.4.6'></script> <script async="async" type='text/javascript' src='https://maintorrent.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>