Структура шаблона WordPress. Уникализация темы блога ч.1

Опубликовано ,


Пост совсем маленький, но нужен для объединения последующих статей.

Содержание серии статей:

/обновляемое/

  1. Структура шаблона WordPress
  2. Инструменты:
С полной информацией по файлам шаблона и их иерархии можно ознакомиться на страницах Кодекса 

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

Впервые попав на блог, вы скорее всего первым делом обратите внимание на его оформление. Согласитесь, чтобы перейти к тексту статьи зачастую надо нажать пару-тройку ссылок, а дизайн – вот он. И пусть, некоторые говорят, что сначала наполнение, оптимизация, продвижение, а потом и на дизайн можно потратиться, с этим я не могу согласиться. Не обязательно необходимы навороченность и куча крутых элементов – простота и аккуратность тоже могут привлекать внимание. Я никого не пытаюсь обидеть и не призываю вбухивать тысячи в элитные темы, уж увольте =)

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

Что вы сами думаете по этому поводу?

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

Шаблоны WordPress разнообразны – платформа предоставляет нам полный простор для реализации фантазий – и с каждым днем их становится все больше. Давайте вобьем в Гугл запрос и посмотрим:

Поиск тем для блога

Как и ожидалось, тысячи результатов =) По факту, каждый может выбрать что-то себе по душе, из такого изобилия-то. Адаптированные, резиновые, на разных языках и выполненные во всех цветах радуги… Кстати, если не хотите напороться на всякие «левые» ссылки в коде, качайте темки с официального сайта или проверяйте плагином TAC.

Структура WordPress шаблона

Зачем редактировать шаблон самому? – Это весело! (с) Кодекс.

Итак, у нас есть готовая тема – xMarkUp в моем случае. Мне понравилась тем, что особо лишнего в этой теме нет, так что можно спокойно экспериментировать и подстраивать под себя. По определенным причинам этот шаблон очень популярен в последнее время, так что разбор буду проводить на нем.

Первым делом, давайте разберемся, из чего же состоит тема нашего блога.

Элементы темы xMarkUp

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

Основные элементы любого шаблона

В данном случае мы видим следующие файлы и папки:

Style.css — файл стилей, который содержит уникальную информацию о данном шаблоне и стили его оформления;

Images — папка с изображениями данной темы;

Js — папка со скриптами;

404.php — страница ошибки;

Archive.php — архивы (страницы, категории и метки);

Comments.php — комментарии;

Contact.php — шаблон страницы обратной связи;

Footer.php — футер блога;

Functions.php — функциональная составляющая темы;

Header.php — шапка блога;

Index.php — главная страница с лентой постов;  как любой другой шаблон (запись, метка, категория, страница поиска и тп), если нет непосредственно отвечающего

Page.php — статическая страница;

Search.php — вывод результатов поиска по блогу;

Searchform.php — форма поиска;

Sidebar.php — боковая колонка (сайдбар);

Single.php — шаблон одиночной записи

 

Кроме них вы можете встретить и многие другие: author.php, home.php, tag.php, video.php и так далее.

Минимальная тема Вордпресс состоит всего из двух файлов:

  • style.css
  • index.php

Из php файлов, словно паззл, собирается тема блога:

Структура блога РэтФелт

Интересно же?) Далее мы подробнее разберем, за что отвечает каждый из файлов и что именно можно в них подредактировать.

Редактировать тему можно несколькими способами:

  • Через административную панель: «Внешний вид/Редактор». Этим способом желательно пользоваться, если точно знаете, что вносимые изменения не нарушат работу блога;
  • Скопировав на компьютер при помощи FTP-клиента и открыв редактором, например, Notepad++;
  • Создав дочернюю тему – очень хороший вариант, если тема часто обновляется;
  • Изменять копию темы на поддомене.

Некоторые из этих пунктов также позже рассмотрим.

 

Напоследок ставшее уже традиционным напутствие:
Перед внесением изменений обязательно делайте резервную копию!

На этом пока все. Надеюсь, данный урок оказался вам полезным. Если есть вопросы, или нужна помощь – обращайтесь.

2 комментария

  1. Biobiotiet

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

    Ответить
    1. Дельфин

      Я думаю, «другой» пользователь не будет париться с создаст свое))

      Ответить

А что вы думаете по этому поводу?

Ваш e-mail не будет опубликован.

Добавить в комментарий код: CSSHTMLPHP