Webbell » FAQ по WordPress » Как вставить в сайдбар список всех страниц на сайте?
Правила Контакты Чтение RSS

Как вставить в сайдбар список всех страниц на сайте?

У нас вы можете скачать бесплатно Как вставить в сайдбар список всех страниц на сайте? .

Не пропустите комментарии к Как вставить в сайдбар список всех страниц на сайте?.
Данный материал предоставлен сайтом Webbell.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
По умолчанию ссылки на страницы появляются только в верхнем горизонтальном меню сайта. Однако время от времени (особенно если количество страниц перевалило за дюжину) возникает необходимость сделать на блоге своего рода меню — список ссылок на все существующие страницы — и для удобства разместить его в сайдбаре (т.е. в правой колонке сайта).

Сделать это можно через меню виджетов.

Добавление виджета со списком ссылок на страницы блога

1. Откройте браузер, зайдите в административную панель сайта (которая находится по адресу http://www.адрес_сайта.ру/wp-admin/).

2. Перейдите на вкладку «Дизайн».

Как вставить в сайдбар список всех страниц на сайте?

3. В открывшемся подменю выберите строку «Виджеты».

Как вставить в сайдбар список всех страниц на сайте?

4. Откроется страница со всеми имеющимися на сайте виджетами. В центральной колонке располагаются все доступные виджеты (их список может расширяться с установкой новых плагинов), а в правой колонке — виджеты, активные на данный момент.

Чтобы создать виджет со списком страниц, перетащите строку «Страницы» из центральной колонки в колонку справа, как показано на рисунке:

Как вставить в сайдбар список всех страниц на сайте?

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

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

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

Удаление лишних ссылок на страницы из списка-виджета

1. Через меню виджетов откройте виджет «Страницы».

Как вставить в сайдбар список всех страниц на сайте?

2. В появившейся форме в поле «Исключить:» введите через запятую идентификаторы (ID) всех страниц, которые вы хотите исключить из списка.

Чтобы узнать идентификатор страницы, откройте свой сайт в браузере (сам сайт, а не административную панель) и наведите мышку на ссылку, которую вы хотите убрать: внизу окна браузера, в информационной строке, появится URL этой страницы. Вам из него интересно значение переменной id. Пример: если в адресе присутствует кусочек id=2, значит, идентификатор страницы — 2; если id=147, значит, идентификатор страницы — 147.

После ввода идентификаторов всех нужных страниц, нажмите кнопку «Сохранить».

Как вставить в сайдбар список всех страниц на сайте?

Вот и всё, из выводимого виджетом списка страница исчезла. Осталось только удалить её из верхнего меню.

Удаление лишних ссылок из верхнего горизонтального меню

1. В административной панели откройте вкладку «Дизайн», после чего в открывшемся подменю перейдите на вкладку «Редактор».

Как вставить в сайдбар список всех страниц на сайте?

2. В правой части окна есть список элементов сайта. Нажмите на пункт «Заголовок».

Как вставить в сайдбар список всех страниц на сайте?

После этого откроется окно html-редактора с кодом элемента header.php (по умолчанию этот элемент дизайна отвечает за то, как выглядит шапка сайта и верхнее горизонтальное меню).

3. Если вы имеете общее представление о языках программирования и HTML-коде, трудностей с пониманием у вас, скорее всего, не возникнет. В противном случае, следуйте нижеприведённым инструкциям и не бойтесь экспериментировать.

4. Найдите в редакторе следующий кусок кода:

 <div id="access" role="navigation"><?php /[b]   Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff [b]/ ?><div class="skip-link screen-reader-text"> <a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content',  'twentyten' ); ?></a></div><?php /[b] Our navigation menu.    If one isn't filled out, wp_nav_menu falls back to wp_page_menu.    The menu assiged to the primary position is the one used.    If none is assigned, the menu with the lowest ID is used.    [b]/ ?><?php wp_nav_menu( array( 'container_class' => 'menu-header',  'theme_location' => 'primary' ) ); ?><!-- #access --> 


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

Откройте любую страницу вашего сайта в браузере, кликните правой кнопкой мыши по любому свободному от текста и от картинок месту на странице, в открывшемся контекстном меню выберите пункт «Открыть HTML-код» (“View source”, “View page source” или что-то подобное), и найдите в открывшемся окне участок, ограниченный строчками

 <div id="access" role="navigation"> 


и

 </div>&lt;!-- #access --> 


В нашем примере этот код будет выглядеть так:

 <div id="access" role="navigation"> <div class="skip-link screen-reader-text"><a href="#content" title="Перейти к содержимому">Перейти к содержимому</a></div><div class="menu"><ul><li class="current_page_item"><a href="http://blog.ab-w.net/" title="Главная">Главная</a></li><li class="page_item page-item-7"><a href="http://blog.ab-w.net/?page_id=7" title="Моя первая страница">Моя первая страница</a></li><li class="page_item page-item-2"><a href="http://blog.ab-w.net/?page_id=2" title="О сайте">О сайте</a></li></ul></div> </div><!-- #access -->


Выделите его целиком, скопируйте в буфер обмена, затем вернитесь к редактированию элемента header.php и замените им выделенный ранее кусок PHP-кода.

Теперь осталась сущая мелочь: удалить из вставленного куска HTML-кода все ссылки на нужные страницы. Напоминаем, что ссылка ограничены двумя тегами, открывающим <a href=""> и закрывающим </a>, и удалять её нужно целиком, вместе с этими тегами. Желательно также удалять ссылку с окаймляющими её тегами <li> и </li>, как на картинке:

Как вставить в сайдбар список всех страниц на сайте?

После удаления всех нужных ссылок нажмите на кнопку «Обновить файл».

Правда, нужно отметить, что у этого способа есть один существенный недостаток: теперь для внесения любых изменений в верхнее горизонтальное меню сайта вам придётся напрямую редактировать файл header.php, что не слишком-то удобно и потребует от вас по крайней мере минимальных знаний HTML и PHP.


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

«    Май 2018    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
Яндекс Апдейты
↓ Апдейты Яndex тИЦ
18.11.2017 ←Последний
04.11.2017
16.08.2017
↓ Апдейты выдачи Яndexa
20.05.2018 ←Последний
18.05.2018
16.05.2018
↓ Апдейты ЯКаталога
16.01.2018 ←Последний
20.12.2017
15.12.2017
Мы рекомендуем
Заработай на сайте!
Gogetlinks-Биржа вечных ссылок для сайтов с Тиц
Getgoodlinks-Биржа вечных ссылок для сайтов с PR


Опрос на портале

Сколько у вас сайтов?

Больше 20 сайтов
От 10 до 20 сайтов
От 5 до 10 сайтов
От 1 до 5 сайтов
Нету сайтов

Наш архив
Облако тегов
ajax, Build, DataLife, dle, dle 9.0, dle 9.2, Engine, Final, Google, Opera, Release, RSS, WordPress, адаптация, административная панель, бесплатно, виджет, Игровой, кино, комментарии, модуль, новости, Новый, Оригинал, парсер, парсер поисковых систем yandex google рассылка комментариев по DLE Joomla Community спаммер раскрутк, Переходы, плагин wordpress, сайта, сайтов, сбор данных телефонов адресов email контактов потенциальные клиенты BlackSpider универсальный сборщи, тема, тематики, универсальный, хак, хак wordpress, Шаблон, шаблона, Яндекс

Показать все теги
Последние комментарии
Популярные файлы

Информация!
Уважаемый посетитель! Присоединяйтесь к нам
в Твиттере.