Отборная информация, которая вставляет!

структура шаблона wordPress или как делать изменения на сайте самостоятельно


Даже если вы скачали уже готовый шаблон WordPress, его в любом случае придется редактировать и адаптировать под задачи проекта. Например, менять логотип и вносить некоторые корректироваки в исходный код. Чтобы со знанием дела подходить к вопросу создания (или редактирования) шаблонов, необходимо разбираться в «начинке» продукта. Но что делать, если у вас нет достаточных знаний wordpress и php, а нужно внести минимальные правки, например, изменить логотип.

На самом деле wordpress — довольно простая в освоении система

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

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

style.css — данный файл предназначен для оформления страниц. Здесь можно задать имя шаблона, месторасположение, описание, имя автора и домашнюю страницу.
header.php – так называемая шапка сайта. Это обязательный для каждого шаблона файл, в котором содержится, например, логотип и меню. Контент шапки отображается на всех страницах сайта.
index.php – индексный файл, который является наиболее важным при создании темы WordPress. Он подключает хедер (header) и футер (footer).
single.php – это файл, в котором хранится каждый отдельный пост в полном его виде. То есть тот текст, который открывается на сайте при нажатии кнопки «Читать далее».
comments.php — комментарии на сайте. Вот наиболее важные функции, которые могут понадобиться при выводе комментариев на страницы сайта:
comment_author — вывод имени автора комментария, никнейма;
get_avatar — вывод аватара автора;
comment_author_email_link — имя автора в виде ссылки на его электронную почту (mailto);
comment_author_link – имя автора комментария в виде ссылки на его сайт;
comments_number — порядковый номер комментария;
comment_text — непосредственно текст коммента;
comment_date, comment_time — дата и время оставленного комментария соответственно.
sidebar.php – отвечает за функционирование боковой панели (колонка) на сайте. Здесь обычно размещаются всевозможные списки рубрик и разделов сайта, ссылки; баннеры, кнопки и т.д.
footer.php – его еще называют «подвал сайта». Обычно здесь располагаются счетчики посещений, внутренние и внешние ссылки, копирайты (авторские права) сайта и т.д.

Существует и список файлов архивов, однако их легко можно заменить одним общим index.php. Но все же давайте рассмотрим и их:

archive.php – просмотр архивных файлов постранично;
404.php – файл, который подключается в момент возникновения на ресурсе ошибки — страница ошибки;
search.php – поиск;
page.php – статическая страница сайта;
tag.php – записи в архиве по тегам.

Шаблоны WordPress используют верстку и для того, чтобы отредактировать необходимый объект, изменить его параметры, нужно знать его class или id. Графическая схема шаблона может выглядеть следующим образом:

Но как разобраться в этих непонятных символах шаблона и найти, к примеру, картинку логотипа? Все очень просто — для этого вам нужен плагин для firefox firebug. Соответственно, устанавливаем его, открываем наш сайт в firefox, нажимаем F12 на клавиатуре. Внизу появиться панель, на ней вам нужно нажать на стрелочку рядом с жуком, а потом навести на логотип (или другой элемент, который вы хотите изучить), элемент должен выделиться синей рамкой и дальше нажимаем на него. Теперь он выделиться в панели кода — вот так, к примеру

Теперь можно на основе этого увидеть id логотипа и его верстку и по нему найти этот кусок в вашем файле шаблона и изменить, если нужно.

Структура шаблонов wordpress может отличаться, но в 95% случаев она именно такая, по крайней мере index.php и header.php присутствует в большинстве шаблонов. Причем на основе такой структуры можно построить практически любой сайт. Вот что получается, если следовать всем правилам верстки, иметь талант и дизайнерскую фантазию:

Кстати, сейчас уже создаются адаптивные WordPress шаблоны, которые одинаково корректно могут отображаться на устройствах с различными размерами и разрешениями. Учитывая последние исследования о том, что к 2016 году доля мобильного рекламного трафика может достигнуть 30% — это очень актуально.

Да-да, и это все WordPress.

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


 

Похожие статьи:



1 комментарий к “структура шаблона wordPress или как делать изменения на сайте самостоятельно”

  1. Спасибо очень помола инструкция

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›