Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Joomla 3 Профессиональный сайт за Один день

Статьи для сайтов!!!
Главная Изучаем WordPress Редактируем тему Редактируем тему 2


Редактируем тему оформления

Структура блога
Редактируем шапку блога
Редактируем сайдбар. Виджеты
Поиск содержимого блога в файлах...


Как правило, любая тема оформления (любой шаблон) подлежит редактированию. Давайте сделаем это: отредактируем тему оформления. Это полезно с практической точки зрения: мы будем знать, как тема устроена.

Любая тема состоит из множества файлов: какие-то из них имеют первостепенное значение, другие не так важны.

Структура блога

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

Здесь Вы видите, что за шапку сайта отвечает php-файл header.php.

Об использовании php-блоков читайте здесь...

За центральную зону, то есть за контент отвечает, как видите, не один, а несколько файлов. Дело в том, что шапка сайта, как правило, не меняется: она одинакова для всех страниц сайта. А вот контент - это динамическое содержимое, поэтому здесь всё немного сложнее.

Файл index.php должно быть всем знаком - это главная страница блога и любого сайта.

single.php - отвечает за вывод конкретной заметки, то есть он выводит информацию в центральную часть блога.

archive.php - этот файл задействуется, когда мы хотим просмотреть архив записей за какой-либо месяц.

search.php - файл работает, когда мы пользуемся поиском.

Файл page.php отвечает за вывод содержимого статичных страниц.

Есть и другие файл работающие с контентом, но все их мы пока рассматривать не будем.

Далее подвал сайта - это файл footer.php, который по своей сути аналогичен шапке, то есть файлу header.php. Подвал сайта расположен ниже его контента.

И последний файл sidebar.php отвечает за вывод боковой панели навигации, где расположены меню навигации со ссылками на последние записи, последние комментарии, архивы, рубрики и прочее... сайдбар может располагаться не только справа, но и слева от контента, а по желанию и в других местах страниц сайта.

сайдбар может включать в себя один или несколько других сайдбаров. Это Вы можете пронаблюдать и в нашей теме Division, которая в том числе содержит файлы sidebar_l.php, sidebar_c.php, sidebar_r.php - это левый, центральный и правый сайдбары соответственно.

Итак, мы кратко рассмотрели структуру нашего блога, для которого установлена тема оформления Division. Структуру любого сайта важно понять, чтобы уметь быстро находить и редактировать нужный файл. Таким образом, Вы легко сможете редактировать любую тему оформления.

Редактируем шапку блога

Продолжаем редактировать тему оформления. Давайте отредактируем шапку блога.

WordPress. Редактируем шапку блога

Для начала можно убрать с шапки блога рекламный баннер.

Открываем при помощи редактора Notepad++ файл header.php и ищем фрагмент кода, отвечающий за баннер.

<div id="header_ad">
<?php include (TEMPLATEPATH . "/468_60.php"); ?>
</div>

Баннер легко найти по размеру 468 х 60, а факт его расположения в шапке сайта можно установить по идентификатору id="header_ad". Всё достаточно просто.

Удаляем указанный фрагмент кода. И, таким образом, баннер удалён.

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

<!-- blog information -->
<div id="bloginfo">

.

.

</div>
<!-- end -->

Вот что в итоге у нас получилось: иллюстрация ниже...

Редактируем шапку блога

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

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

Навигационное меню с рубриками (или категориями) также легко найти в файле header.php:

<!-- category menu -->
<div id="bar">

.

.

</div>
<!-- end -->

WordPress. Файл header.php

Это были первые шаги, касающиеся редактирования темы оформления блога.

Редактируем сайдбар. Виджеты

Переходим к более сложному моменту редактирования темы оформления. Сейчас давайте оформим сайдбар. Как Вы помните из структуры блога за сайдбар отвечает файл sidebar.php.

Будьте внимательны с этой темой: здесь есть кое-какие тонкости.

Как видите на иллюстрации ниже, сайдбар содержит три рекламных блока Sidebar Ads, которые сейчас нам совершенно ни к чему.

WordPress. Редактируем сайдбар

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

Виджеты - это блоки (в данном случае блоки сайдбара), в которые выводится какая-либо информация. См. иллюстрацию ниже...

WordPress. Редактируем сайдбар

Итак, виджеты (Последние записи, Архивы, Рубрики и т.д.) выводятся через Администраторскую часть блога.

Сайдбаров для этих виджетов может быть несколько! В этой теме WordPress как раз так дело и обстоит: есть файлы sidebar.php, sidebar_l.php, sidebar_c.php и sidebar_r.php.

Теперь заходим в Панель управления блогом, далее Виджеты. И здесь мы можем выбрать, с каким сайдбаром мы хотим работать: удалить из него виджет или изменить какой-либо параметр в нём и прочее...

А слева есть возможность выбрать один из доступных виджетов и добавить его в любой из сайдбаров.

WordPress. Редактируем сайдбар

Как видите, Сайдбар 1 содержит несколько виджетов, в то время как Сайдбар 2 и Сайдбар 3 пусты, хотя на деле это не так. Здесь в Панели управления в Сайдбаре/ах Вы видите те виджиты, которые разработчик этой версии WordPress сделал доступными для редактирования через Администраторскую часть.

И эти же виджеты Вы не найдёте в файлах sidebar.php, sidebar_l.php, sidebar_c.php и sidebar_r.php. Эти виджеты отображены в текущем шаблоне WordPress по умолчанию.

А другие виджеты вбиты в файлах sidebar.php, sidebar_l.php, sidebar_c.php и sidebar_r.php, в чём Вы можете убедиться, открыв любой из них. Таким образом, работая с этими php-файлами, можно также проделывать некоторые операции и с другими виджетами, не доступными в Панели управления.

Кстати разработчик может поступить следующим образом (об этом предупреждает автор курса «WordPress профессиональный блог за один день» Е.Попов): в нашем случае Сайдбары 2 и 3 в Администраторской части пусты, хотя в php-файлах в этих сайдбарах виджеты есть. Но если через Админку мы добавим к этим "пустым" Сайдбарам 2 и 3 один из доступных, то уже имеющиеся в php-файлах виджеты исчезнут со страниц блога. Таким образом через Админку мы можем добавить виджет либо к Сайдбару 1, либо работать с Сайдбарами 2 и 3 через соответствующие php-файлы.

Если данное мною объяснение, касающееся виджетов, Вам не понятно, то попробуйте сами поэкспериментировать с добавлением виджетов в разные сайдбары, а также посмотрите какие виджеты, которые не отражены в Администраторской части, прописаны в php-файлах.

Но вернёмся к трём рекламным блокам Sidebar Ads, которые нам нужно удалить.

Они прописаны в файле sidebar.php открываем его и удаляем блок, обозначенный как Спонсоры.

<h2>Спонсоры</h2>
<div class="box">

.

.

</div>

Кроме этого удаляем блоки (виджеты) Админ и О сайте, которые прописаны в файлах sidebar_l.php и sidebar.php соответственно.

В итоге мы имеем компактный, симпатичный блог, где в принципе нет ничего лишнего.

WordPress. Отредактировали сайдбар

Вот так редактируется тема оформления. Но это далеко не всё на следующей странице мы продолжим работу в этом направлении.

Поиск содержимого блога в файлах...

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

В этом случае придётся искать файл, зная его содержимое, которое можно взять со страниц блога: как правило, это фрагмент текста.

На помощь в поиске содержимого файлов приходит файловый менеджер Total Commander. Заходим в нужную папку, в которой предполагается поиск (в нашем случае это корневая директория блога) и нажимаем Alt + F7, либо заходим в меню Команды - Поиск файлов.

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

WordPress. Поиск содержимого блога в файлах

Если поиск не дал результатов, то ставим галочку UTF-8. Это может помочь, так как файлы в кодировке UTF-8 немного иначе обрабатываются.

В этот раз поиск увенчался успехом: мы выяснили при помощи файлового менеджера Total Commander, что текст «О сайте» расположен в файле sidebar.php.

WordPress. Поиск содержимого блога в файлах

Таким образом, даже если Вы не знаете, какой файл отвечает за вывод того или иного содержимого, Вы всегда можете найти этот файл, используя файловый менеджер Total Commander.

Тема оформления Редактируем тему Редактируем тему 2
WordPress
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru