3.9. Редактируем виджеты


Структура урока:

  1. Ставим задачу.
  2. Убираем новый виджет.
  3. Редактируем (убираем) старый виджет.
  4. Как в WordPress найти нужный файл.
  5. Проблема с поиском в Notepad++.

1. Ставим задачу.

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

Ясно, что так оставлять нельзя: какой-то из виджетов «Рубрика» надо убирать.

Представляется, что легче убрать добавленный нами виджет, тот, который расположен во втором (правом) сайдбаре. С него и начнем. Тем более, любопытно, что получится: там же кроме него ни одного виджета пока нет. Вариантов несколько: будет пустое место, вернуться назад старые виджеты (стоявшие рам раньше по умолчанию) или вообще сайдбар 2 перестанет существовать?

2. Убираем новый виджет.

Заходим в Адмпанель. Выбираем «Внешний вид» — «Виджеты». Устанавливаем курсор в разделе «Sidebar2» и тащим наш виджет вниз, в раздел «Неактивные виджеты». Все, в первом сайдбаре виджетов больше нет.

Переходим на главную страницу сайта и обновляем ее. Смотрим, что у нас получилось:

Думаю, всем ясно: нашего виджета не стало, но вернулись старые виджеты, расположенные в сайдбаре по умолчанию.

Но нам-то хочется во втором сайдбаре расположить другие виджеты. Да и в новом виджете «Рубрики» количество записей, указанное в скобках, нам нравиться. Значит, будем лезть в код нашей темы и там убирать зашитый в код виджет.

А до этого надо вернуть наш виджет «Рубрики» на место. Другими словами, надо его просто активировать: перетащить из «Неактивных виджетов» в «Sidebar1». Тогда сохранятся все сделанные ранее настройки – название и др. Если же перетащить виджет «Рубрики» из «Активных виджетов» (как в предыдущем уроке), то необходимо настройки сделать по-новому.

3. Редактируем (убираем) старый виджет.

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

Для редактирования зашитого в код темы виджета нам понадобятся Total Commander и наш блокнот NoteRad++ (или аналогичный, но не виндоусовский стандартный Блокнот, надеюсь Вы это помните).

Открываете Total Commander, в нем открываете диск W (у Вас может называться по-другому, словом, тот, где расположен Ваш Денвер):

Далее открываете папку [home], потом папку с названием Вашего сайта (у меня это vsv), далее – папку [WWW], за ней – папку [wp-content] и в конце открываете  папку [themes]. У вас должно получиться так:

Кстати, на скриншоте четко виден весь путь Вашего открытия папки, начиная с диска w. Открываем папку с нашей темой и сейчас нам надо найти файл, ответственный за выдачу виджетов вообще и виджета «Рубрики» в частности.

4. Как в WordPress найти нужный файл.

Для того, чтобы найти нужный файл, в панели инструментов Total Commander открываем «Инструменты», там выбираем «Поиск файлов»:

Откроется окно поиска:

Нас интересует нижняя часть окна. Ставим флажок в чекбокс «С текстом», активируется вся нижняя часть окна (сейчас текст там бледно-серый – это показатель неактивности), ставим галочку в UTF-8 и пишем текст запроса – Рубрики:

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

В нашем случае, это один файл – sidebar.php:

Закрываем «Окно поиска», находим наш файл sidebar.php и ОДИН раз кликаем по нему. Он выделяется двумя полосками:

Нажимаем «F4 Правка», открывается блокнот NotePad++.

5. Проблема с поиском в Notepad++

Для того, чтобы в этом блокноте найти нужное место в файле, надо обратиться к его «Поиску». Нажимаем горячие клавиши «Ctrl» и «F». Откроется окно «Найти» («Find»):

Пишем нужное слово – рубрики, потом – «Искать далее». Неожиданность!

Как же так, поиск Total Commander ясно показал, что слово «рубрики» в этом файле есть? Может поймем что-нибудь  тогда, когда все-таки найдем слово «рубрики»? У нас здесь два варианта действий.

Первый: если файл, как сейчас, небольшой, можно попробовать найти его самостоятельно. Просто смотрите и ищите нужное слово.

Второй вариант: посмотреть на главной странице сайта – какие слова есть рядом с «рубрикой» и поискать их.

Нам проще сейчас придерживаться первого варианта. На один экран вниз мы находим то, что нам надо:

И нам становится понятно, почему поиск блокнота ничего не нашел. Скорее всего, он выражение <h2>Рубрики</h2> посчитал за одно слово.

Чтобы убрать все, относящееся к «Рубрике», нам надо удалить часть кода от тэга <li> и до закрывающего тэга </li>. Эти тэги показывают, что у нас здесь список, и мы в этом списке просто удалим одну строчку (строчку из списка, а не из кода!), именно, «Рубрики».

Для этого курсор устанавливаем на цифре 34, нажимаем левую кнопку мыши и, не отпуская кнопки, ведем до цифры 39:

Участок кода выделился (серый фон). Нажимаем клавишу Delete (или Backspace) и удаляем этот кусок кода. Сохраняем измененный файл. Для этого выбираем «Файл» и жмем «Сохранить»:

Можно еще сохранить путем нажатия на горячие клавиши «Ctrl» и «S», а проще всего нажать на изображение дискеты (как в Word’е):

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

Теперь Вы умеете редактировать шаблоны, менять их код. Главное здесь – не боятся. В конце концов, у Вас есть еще один сайт на Денвере.

Удачи!

Перейти к следующему уроку.

Автор: Сергей Ваулин

Похожие записи по этой теме:

8 thoughts on “3.9. Редактируем виджеты

  1. Максим Саенко

    А как редактировать сам виджет!? Например мне нужно отредактировать виджет Мета... чтобы были только ссылки например Войти!??? Или как вставить форму ввода логина-пароля для входа на сайт!???

    Reply
  2. чел

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

    Reply
    1. admin Post author

      Чел, полагаю, Вам надо обратиться на форумы программистов: то, что хотите сделать штатными средствами WordPress сделать нельзя

      Reply
    2. Максим

      Попробуйте создать собственное меню из админки вордпресс. Назовите его рубрики и добавьте туда такие какие вам нужны. Потом еще одно меню, но уже добавьте другие рубрики. закиньте их в сайтбар и налождайтесь!))

      Reply
  3. Тимур

    Здравствуйте! Подскажите пожалуйста, а как сделать так, чтобы виджет «последние сообщения» выводил сообщения не из стандартной темы, а из DISQ US?

    Reply
    1. admin Post author

      Тимур, не знаю, никогда не работал с DISQUS. Может, стоит попробовать плагин «последние комментарии»? Хотя вряд ли будет работать работать — сами комментарии хранятся на центральном сервере DISQUS. Видимо, надо там смотреть в настройках. Обратитесь к тем, кто работал с этим плагином

      Reply
  4. joe

    спасибо за материал!

    подскажите пожалуйста, как сделать так, чтобы когда заходишь в категорию ''новости'' (в левом сайдбаре) не направляд линк в Архив записей ?

    Reply
    1. admin Post author

      joe, я не очень понял вопрос. Напишите поподобнее, лучше с примером с какого-нибудь сайта

      Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *