Урок№6 Как редактировать шаблон WP

Приветствую всех читателей моего блога. На связи с вами как всегда Эдуард Басистый, в прошлом уроке мы с Вами установили и активировали шаблон wordpress.

Сегодня мы узнаем как редактировать шаблон WP для себя

В данном примере я выбрал тему по проще , так сказать стандартный суповой набор, его и переделать проще и в коды лезть изменять, что то можно без проблем. Новых навороченных шаблонов пруд пруди, но переделать их практически не удастся.  Возмёшь такой шаблон и ты в нём не хозяин, а гость и хорошо если в нём нет закодированных ссылок или вредоносного кода, так он ещё светит всем посетителям , что шаблончик то чужой, не автора, автор здесь в этой теме  проездом 🙂

Выбрал я тему  лошадинную 🙂 HORSESSPORT http://wordpresse.ru/view/2-stolbca/page/4/

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

Это можно отредактировать.
Здесь понадобится браузер Google Chrome ( в принципе в любом браузере есть такая функция, но мне удобнее этот)  и текстовый редактор notepad2 5.0.26-beta4 или notepad++

В правом углу браузера Гугл Хром кликаем по решётке — инструменты — инструменты разработчика, или клавишами  нажмите Ctrl+Shift+I
brauser-5304643

Перед нами открывается панель  в html с инструментами. В правом нижнем углу всё в каскадных таблицах т.е. CSS

css-3390640

И строку ( отмечено красным ) в  которой находится нужное свойство CSS  в шаблоне.

В этом файле находится структура  сайта, каркас. Здесь можно отрегулировать ширину, header (шапку), footer (подвал).

Если вы просто нашли шаблон и не хотите переделывать, то флаг вам в руки, но помните чем шаблон уникальнее тем лучше, не намного но всё же. По крайней мере в нём не будут вшиты ссылки на левые ресурсы . И ещё , чем уникальнее шаблон тем лучше к нему относятся поисковые машины.  Берите шаблон по проще и древнее 🙂 .  Например шаблоны до 2011 года просты и код доступен для редакции.

Сделаем небольшое отступление чтобы разобраться в структуре сайта WP

wp-9485657

index.php – вывод главной страницы сайта, с перечнем записей (постов).

functions.php – файл дополнительных функций.

header.php – хедер. Шапка сайта,блога

footer.php – футер (подвал) сайта

sidebar.php – сайдбар

Content –  эта часть блога может быть выведена различными файлами, в зависимости какая страница сайта открыта она может включать следующие файлы:

index.php – отвечает за вывод главной страницы;

single.php – выводит отдельную запись-пост .

page.php – вывод отдельной страницы, например, для страницы обратной связи.

404.php – страница ошибки 404 на блоге – страница не найдена;

category.php –  рубрики (категорий);

archive.php – архив записей;

search.php – страница  вывода результатов поиска на блоге;

searchform.php –  код функции поиска на блоге

comments.php — вывод комментариев.

Кроме PHP файлов в шаблоне  находятся отдельные папки, содержащие картинки, скрипты;

Обычно это такие папки:

images –  все изображения, используемые в структуре и  оформлении шаблона;

js — скрипты JavaScript;

languages – файлы локализации шаблона.

style.css – файл стилей (каркас). Содержит правила оформления блога.

В шаблоне могут находится и другие папки и файлы – все зависит от разработчика. Представленный вариант , думаю используется в 97% случаях.

Это только часть информации как редактировать шаблон WP, далее следует больше…

На этом всё , до следующего урока. В нём продолжим начатое…